Erste Schritte mit Umbraco Teil 1

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?!


Auch in dieser Serie erhältlich:

  1. Erste Schritte mit Umbraco: Teil 1
  2. Erste Schritte mit Umbraco: Teil 2
  3. Erste Schritte mit Umbraco: Teil 3
  4. Erste Schritte mit Umbraco: Teil 4
  5. Erste Schritte mit Umbraco: Teil 5

Dinge, die wir brauchen werden:

  • Umbraco: Wir brauchen Umbraco selbst. Die herunterladbare ZIP-Datei finden Sie unter: http://umbraco.codeplex.com/releases/view/59025
  • IDE: Wir brauchen auch eine .Net-IDE, idealerweise können Sie Visual Studio verwenden, aber der kostenlose Visual Web Developer (VWD) Express von Microsoft ist für unsere Anforderungen hier genauso gut. Diese Anwendung kann zusammen mit den erforderlichen Abhängigkeiten installiert werden Web Platform Installer (WPI), zu finden unter: http://www.microsoft.com/express/Web/
  • SQL Server: Sobald SQL Server 2008 installiert wurde, müssen wir uns die Datenbank- und Verwaltungstools besorgen. Sie finden diese auf der Express-Downloadseite unter http://www.microsoft.com/express/Downloads/. (Stellen Sie sicher, dass die Registerkarte SQL Server 2008 R2 Express ausgewählt ist, und wählen Sie den richtigen Typ für Ihr Betriebssystem (32 oder 64 Bit) aus. Stellen Sie bei der Installation von SQL Server sicher, dass die Authentifizierung im gemischten Modus oder die SQL-Authentifizierung ausgewählt ist, und geben Sie ein Kennwort für den Zugriff auf den Server ein 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.


Schritt 1 - Einrichten des Standorts und Installieren von Umbraco

Ö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.


Schritt 2 - Dokumenttypen definieren

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