Umbraco kann sehr schnell und einfach installiert werden. Noch besser, es bietet viele Funktionen direkt aus der Box. Zum Beispiel ist es möglich, eine komplette Site zu erstellen, ohne selbst in den Code einzutauchen, indem Sie einfach vorgefertigte Vorlagen und den Back-End-CMS verwenden. Aber für uns Entwickler, die sich gerne die Hände schmutzig machen, können Webseiten auch komplett neu geschrieben werden. In dieser Serie erstellen wir eine komplette Website von Grund auf, denn wo ist der Spaß, wenn alles für Sie erledigt wird, richtig?!
Web Platform Installer
(WPI), zu finden unter: http://www.microsoft.com/express/Web/ sa
, Dies ist bei der Installation von Umbraco erforderlich. Beachten Sie, dass Umbraco mit einer Reihe verschiedener Datenbanklösungen kompatibel ist. Wir verwenden hier MS SQL, da dies wahrscheinlich (jedoch nicht garantiert) der Datenbanktyp ist, der von einem professionellen .Net-Hosting-Service verwendet wird. Daher sollte die Migration der Datenbank und des Inhalts von der lokalen Entwicklung auf den Live-Server vereinfacht werden.OK, VWD Express und seine Abhängigkeiten heruntergeladen und installiert? Führen Sie die separat heruntergeladene ausführbare SQL Server-Datei aus. Maschine neu gestartet? Gut, lass uns anfangen.
Öffnen Sie den VWD und klicken Sie auf Neue Website
Option von der Seitenleiste auf der linken Seite der Startseite. Wählen Visuelle C #
von dem Installierte Vorlagen
Abschnitt in der linken Spalte des Neue Seite
Dialog, ASP.NET Leere Site
Wählen Sie in der mittleren Spalte einen Installationsort auf Ihrem Computer aus. Ich habe einen neuen Ordner mit dem Namen erstellt .Netsites
und erstellt dann einen weiteren neuen Ordner innerhalb dieses aufgerufenen umbracosite
. Nachdem die Site im VWD-Hauptfenster erstellt und geöffnet wurde, müssen Sie die Einstellung ändern Virtueller Pfad
Option in der Eigenschaften
Bereich von / umbracosite
zu /
(Dies ist die Wurzel der Site).
Wir benötigen auch eine Datenbank, die alle Umbraco-Informationen enthält, die für das Backend erforderlich sind, sowie alle Inhalte, die wir erstellen, sobald die Site erstellt wurde. Es gibt eine Reihe von Datenquellen, die wir verwenden könnten. Da das WPI jedoch SQL Server Express automatisch installiert, können wir dies ebenfalls verwenden. Erstellen Sie eine neue Datenbank mit SQL Server Management Studio
und nennen es so etwas umbracodb
oder ähnliches. Stellen Sie sicher, dass Sie sich mit dem Server verbinden können SQL-Authentifizierung
mit dem Benutzernamen sa
und das Passwort, das Sie während der Installation eingegeben haben.
Öffnen Sie anschließend die Umbraco-ZIP-Datei und öffnen Sie dann die bauen
Verzeichnis und kopiert alle Ordner und Dateien in den Ordner der gerade erstellten Site. Stellen Sie sicher, dass Sie das ersetzen web.config
Datei, wenn Sie dazu aufgefordert werden. Sobald dies erledigt ist, wechseln Sie zu Lösungsforscher
Tab in der Lösungsforscher
Bereich rechts und klicken Sie auf das Aktualisierungssymbol. Alle Ordner und Dateien, die wir gerade zum Ordner hinzugefügt haben, werden aufgelistet. Erweitere die Installieren
Klicken Sie mit der rechten Maustaste auf den Ordner default.aspx
Datei und wählen Sie Im Browser anzeigen
. Dadurch wird das Umbraco-Installationsprogramm in Ihrem Standard-Webbrowser gestartet. Klicken Sie auf den Riesen Lass uns anfangen
Taste, um einen Anfang zu machen.
Der erste Bildschirm ist der Lizenzbildschirm. lesen Sie es doch (es sind nur ein paar Zeilen!) und drücken Sie dann die Akzeptieren und weiter
Knopf am unteren Rand. Im nächsten Bildschirm werden Sie gefragt, ob Sie eine leere Datenbank installiert haben. Wählen Sie Ja
und dann auswählen Microsoft SQL Server
aus dem Dropdown-Listenfeld. Geben Sie im nächsten Bildschirm den Namen des SQL-Servers (wahrscheinlich Desktop), den Namen der erstellten Datenbank, den Benutzernamen (sa) und das Kennwort ein, das Sie für den Zugriff auf den SQL Server verwenden. Drück den Knopf. Die von Umbraco verwendeten Tabellen werden in der Datenbank erstellt.
Wählen Sie im nächsten Bildschirm ein Kennwort, um auf das Umbraco-Backend zuzugreifen. Der Standardbenutzername von Administrator
ist für lokale Entwicklung in Ordnung, und zusätzliche Administratoren können erstellt werden, wenn die Site live geschaltet wird. Drück den Knopf.
Auf dem nächsten Bildschirm können Sie den von Ihnen erstellten Site-Typ auswählen, wodurch Sie ein auf diesen Site-Typ zugeschnittenes Kit erhalten. Für uns Technikfreaks wollen wir wahrscheinlich mehr Kontrolle, als diese Starter-Kits uns geben werden Nein Danke
Taste am Ende und bestätigen Sie den Dialog. Das ist es, wir sind fertig! Klicken Sie auf die große Schaltfläche zum Einrichten Ihrer neuen Website. Wir werden aufgefordert, sich beim Umbraco-Back-End mit dem Benutzernamen und dem Kennwort anzumelden, die wir während der Installation angegeben haben. Sobald wir dies tun, sollten wir das Back-End des CMS sehen:
Das linke Bedienfeld oben ist die Knotenstruktur. Hier werden alle Knoten (die verschiedenen Seiten und Inhaltselemente), aus denen die Site besteht, in der Standardansicht angezeigt. Dies hängt davon ab, in welchem Bereich wir uns befinden. Die verschiedenen Bereiche werden über das untere Bedienfeld links aufgerufen. Im rechten Bereich sehen Sie die verschiedenen Registerkarten, Eigenschaften und Inhaltselemente für jeden Knoten im Standardinhaltsbereich. Wieder ändert sich dieser Bereich auf der rechten Seite, je nachdem, was wir im Knotenbaum ausgewählt haben.
Der erste Schritt beim Erstellen einer Umbraco-Site (nach der Installation) ist das Definieren Ihrer Dokumenttypen.
Diese sind sehr wichtig und können später nur schwer geändert werden. Es lohnt sich also, die benötigten Dokumenttypen zu planen und wie sie zusammenpassen. Aber was sind Dokumenttypen? Sie spezifizieren ganz einfach die verschiedenen Arten von Dokumenten, aus denen Ihre Site bestehen wird, und die Hierarchie dieser Dokumente, d. H. Wie sie verschachtelt werden.
Dokumenttypen definieren die sichtbaren Seiten Ihrer Website. Beispielsweise besteht Ihre Website wahrscheinlich aus einer Reihe verschiedener Seitentypen, z. B. der Startseite, Inhaltsseiten, Nachrichtenseiten und anderen. Sie definieren jedoch auch, welche bearbeitbaren Inhaltsbereiche oder Felder die Administratoren für die Site im Back-End-CMS haben.
So kann die Homepage beispielsweise einen einführenden Textbereich, ein Bannerbild und einen Inhaltsschieberegler oder ein Heldenfeld enthalten, in dem erläutert wird, welche Dienste die Website oder die von der Firma hergestellten Produkte usw. bereitstellt Die Seite enthält wahrscheinlich auch viele andere Elemente, z. B. Kopfzeile, Navigationsmenü und Fußzeile. Ich spreche jedoch von Inhaltselementen, den bearbeitbaren Inhalten, die vom CMS gespeichert und verwaltet werden.
Jeder dieser verschiedenen Bereiche der Seite wird im Back-End unterschiedlichen Regionen zugeordnet. Der einleitende Text auf der Startseite würde einem Rich-Text-Editor im Back-End und das Bannerbild einem Media-Picker zugeordnet. Die verschiedenen Bereiche im Inhaltsschieberegler können sogar einem speziellen Dokumenttyp zugeordnet werden, der sich nicht speziell auf eine ganze Seite bezieht.
Lassen Sie uns jetzt einige Dokumenttypen erstellen, da Sie ein viel klareres Bild von diesem äußerst wichtigen Konzept bekommen. Klicken Sie zuerst auf die Einstellungen
Link in der Abschnitte
Panel (unten links), klicken Sie mit der rechten Maustaste Dokumenttypen
und wählen Sie Erstellen
:
In dem erscheinenden Dialog wählen Sie Basis Seite
als Name und dann auf die Erstellen
Taste. Ein neuer Knoten für unseren Dokumenttyp wird in der linken Hauptknotenstruktur und das Eigenschaftenfenster für den Dokumenttyp erstellt Dokumentenart
wird im Hauptfenster rechts angezeigt:
Wie Sie aus dem obigen Screenshot sehen können, ist ein passender Vorlage
wurde auch erstellt und dem hinzugefügt Dürfen
Vorlagenbereich im rechten Bedienfeld. Das Standardvorlage
dafür Dokumentenart
wurde auch eingestellt Basis Seite
. Wir werden uns die Vorlagen in Kürze genauer ansehen, wissen aber im Moment, dass sie den .Net-Masterseiten zugeordnet sind.
Es gibt eine Reihe von Eigenschaften, die wir gegebenenfalls ergänzen können. Wir können nisten Dokumenttypen
Daher kann es nützlich sein, einige allgemeine Eigenschaften festzulegen, die alle untergeordneten Dokumenttypen übernehmen. Wechseln Sie zu Allgemeine Eigenschaften
Registerkarte und wählen Sie das Element, das sagt Klicken Sie hier, um eine neue Eigenschaft hinzuzufügen
das Element erweitern. In dem Name
Textfeld Geben Sie den Text ein Domänenname
(der Alias wird automatisch ausgefüllt) und im Art
Auswahlfeld auswählen Textzeichenfolge
:
Um die neue Eigenschaft hinzuzufügen, klicken Sie oben im Bedienfeld auf das Speichersymbol (die Festplatte). Jetzt Dokumenttypen
die von abgeleitet sind Basis Seite
wird das erben Domänenname
Eigenschaft (obwohl es nicht bearbeitet werden kann). Fügen Sie eine weitere Eigenschaft zum hinzu Allgemeine Eigenschaften
Tab; Der Name ist
Umbraco Hide In Navigation