Komme i gang med Umbraco Del 1

Umbraco kan installeres veldig raskt og enkelt. Enda bedre, det kommer med mange funksjoner rett ut av esken. For eksempel er det mulig å bygge et helt nettsted uten å delve seg inn i koden selv, ganske enkelt ved å bruke forhåndsbygde maler og back-end-CMS. Men for oss utviklere som liker å få hendene skitne, kan nettsteder også bli kodet helt fra grunnen av. I denne serien skal vi opprette et helt nettsted selv fra grunnen av, for hvor er det gøy å ha alt gjort for deg, riktig?!


Også tilgjengelig i denne serien:

  1. Komme i gang med Umbraco: Del 1
  2. Komme i gang med Umbraco: Del 2
  3. Komme i gang med Umbraco: Del 3
  4. Komme i gang med Umbraco: Del 4
  5. Komme i gang med Umbraco: Del 5

Ting vi trenger:

  • Umbraco: Vi trenger Umbraco selv, den nedlastbare zip-filen finnes på: http://umbraco.codeplex.com/releases/view/59025
  • IDE: Vi trenger også en. Net IDE, ideelt vi kan bruke Visual Studio, men Microsofts Visual Web Developer (VWD) Express, som er gratis, er like bra for våre behov her. Denne applikasjonen kan installeres, sammen med de nødvendige avhengighetene ved hjelp av Web Platform Installer (WPI), funnet på: http://www.microsoft.com/express/Web/
  • SQL Server: Når SQL Server 2008 er installert, må vi ta tak i databasen og administrasjonsverktøyet. Disse finner du på Express Downloads-siden på http://www.microsoft.com/express/Downloads/ (kontroller at kategorien SQL Server 2008 R2 Express er valgt og velg riktig type for operativsystemet ditt (32 eller 64 bit) Når du installerer SQL Server, må du kontrollere at blandet modus eller SQL-godkjenning er valgt, og skriv inn et passord for å få tilgang til serveren. Standard brukernavn er SA, Dette kreves ved installering av Umbraco. Merk at Umbraco er kompatibel med en rekke forskjellige databaseløsninger; vi bruker MS SQL her fordi det er sannsynlig (men ikke garantert) å være databasetypen som brukes på en profesjonell. Net hosting-tjeneste, og det bør også gjøre migrering av databasen og innholdet fra lokal utvikling til live server enklere.

OK, lastet ned og installert VWD Express og dets avhengigheter? Kjør den separat lastet ned SQL Server kjørbare? Startet maskinen på nytt? Bra, la oss starte.


Trinn 1 - Sette opp nettstedet og installere Umbraco

Åpne VWD og klikk på Nytt nettsted alternativ fra sidefeltet til venstre på startsiden. Velge Visual C # fra Installerte maler delen i venstre kolonne av Nytt nettsted dialog, ASP.NET tomt nettsted fra sentralkolonnen, og velg en installasjonsplass et sted på maskinen. Jeg opprettet en ny mappe som heter .netsites og deretter opprettet en annen ny mappe innenfor denne kalt umbracosite. Når nettstedet er opprettet og åpnet i hoved VWD-vinduet, må du passe på at du endrer Virtuell vei alternativ i Eiendommer rute fra / umbracosite til / (dette er roten til nettstedet).

Vi trenger også en database som vil inneholde alle Umbraco-informasjonene som trengs for å gjøre back-end-arbeidet, samt alt innholdet som vi lager når nettstedet er bygget. Det finnes en rekke datakilder vi kan bruke, men da WPI automatisk installerer SQL Server Express, kan vi også bruke det. Opprett en ny database ved hjelp av SQL Server Management Studio og ring det til noe umbracodb eller liknende. Pass på at du kan koble til serveren ved hjelp av SQL-godkjenning med brukernavnet SA og passordet du skrev inn under installasjonen.

Deretter åpner du Umbraco zip-filen, og åpner deretter bygge katalogiser og kopier alle mappene og filene til mappen for nettstedet vi nettopp har opprettet. Pass på at du bytter ut web.config fil når du blir bedt om å gjøre det. Når dette er gjort, bytt til Solution Explorer fanen i Solution Explorer ruten til høyre og trykk på oppdateringsikonet. Alle mappene og filene vi nettopp har lagt til mappen, vil bli oppført. Utvid installere mappe, høyreklikk på default.aspx fil og velg Vis i nettleser. Dette vil starte Umbraco installasjonsprogrammet i standard nettleser. Klikk på giganten La oss komme i gang knappen for å starte.

Den første skjermen er lisensskjermen; ha en les skjønt (det er bare noen få linjer!) og deretter treffer du Godta og fortsett knappen nederst. Neste skjerm vil spørre om du har en tom database installert, velg Ja og velg deretter Microsoft SQL Server fra rullegardinlisten. På neste skjermbilde skriver du inn navnet på SQL-serveren (sannsynligvis Desktop), navnet på databasen du opprettet, brukernavnet (sa) og passordet du bruker for å få tilgang til SQL Server. Klikk på knappen. Tabellene som brukes av Umbraco vil bli opprettet i databasen.

På neste skjerm velger du et passord for å få tilgang til Umbraco-backend. Standard brukernavn for admin er bra for lokal utvikling, og flere admins kan opprettes når nettstedet går live. Klikk på knappen.

På neste skjermbilde kan du velge hvilken type nettside du oppretter, noe som vil gi deg et sett skreddersydd for den typen nettsted. For oss techies, vil vi sannsynligvis ha mer kontroll enn disse startpakker vil gi oss, så slå på Nei takk knappen på slutten og bekreft dialogboksen. Det er det, vi er ferdige! Klikk på den store Konfigurer din nye nettside-knapp, og vi bør bli bedt om å logge inn på Umbracos back-end ved å bruke brukernavnet og passordet vi angav under installasjonen. Når vi gjør dette, bør vi se back-end av CMS:


Det venstre panelet øverst er nodetreet; Dette er hvor alle noder (de forskjellige sidene og innholdsdelene) som utgjør nettstedet, vises i standardvisningen. Dette vil endres avhengig av hvilken del vi er i. De forskjellige seksjonene er tilgjengelige via nederste panel til venstre. I høyre side vil vi se de forskjellige kategoriene, egenskapene og innholdspunkter for hver knutepunkt i standardinnholdet. Igjen, vil dette høyre håndområdet endres avhengig av hva vi har valgt i nodetreet.


Trinn 2 - Definere dokumenttyper

Første trinn i å skape et Umbraco-nettsted (etter installasjon selvfølgelig) er å definere dokumenttyper.

Disse er svært viktige og er vanskelige å modifisere senere, så det er verdt å bruke litt tid på å planlegge dokumenttyper du trenger og hvordan de skal passe sammen. Men hva er dokumenttyper? Ganske enkelt angir de forskjellige typer dokumenter som nettstedet ditt skal bestå av og hierarkiet til disse dokumentene, dvs. hvordan de hekker.

Dokumenttyper definerer de synlige sidene på nettstedet ditt, for eksempel er nettstedet ditt sannsynligvis laget av en rekke forskjellige typer sider, for eksempel hjemmesiden, innholdssider, nyhetssider og nok andre. Men de definerer også hvilke redigerbare innholdsregioner eller -felt som administratorer for nettstedet har i back-end-CMS.

For eksempel kan hjemmesiden for eksempel ha et innledende tekstområde, et bannerbilde og en innholdsregulator eller hero-panel som forklarer hvilken tjeneste (r) nettstedet tilbyr, eller produktene som er laget av firmaet osv. Selvfølgelig Siden vil trolig også ha mange andre elementer på det, for eksempel topptekst, en navigasjonsmeny og en bunntekst; men jeg snakker om innholdsartikler, det redigerbare innholdet som er lagret og administrert av CMS.

Hver av disse forskjellige områdene på siden vil kartlegge til forskjellige regioner i backend-en, slik at den innledende teksten på hjemmesiden vil kartlegge til en rik tekstredigerer i back-end og bannerbildet til en mediavalg. De forskjellige panelene i innholdsregulatoren kan til og med kartlegge til en spesialisert dokumenttype som ikke er spesielt relatert til en hel side.

La oss lage noen dokumenttyper nå, da dette vil gi deg et mye klarere bilde av dette ekstremt viktige konseptet. Først klikker du på innstillinger lenke i seksjoner panel (nederst til venstre), høyreklikk Dokumenttyper og velg Skape:


I dialogboksen som vises velger du Basisside som navnet og klikk deretter på Skape knapp. En ny node for vår dokumenttype vil bli opprettet i hovedknutet til venstre og eiendomsarket for dokumenttype vil bli vist i hovedpanelet til høyre:


Som du ser fra ovenstående skjermbilde, er det en matchende Mal har også blitt opprettet og har blitt lagt til i Tillatt maler delen i høyre panel. De Standardmal for dette dokumenttype har også blitt satt til Basisside. Vi vil se på maler mer detaljert snarest, men for øyeblikket vet bare at de kartlegger til. Nettmastersider.

Det er en rekke egenskaper som vi kan fullføre hvis det passer. Vi kan hekke Dokumenttyper så det kan være nyttig å sette noen generelle egenskaper som noen barnedokumenttyper vil arve. Bytt til Generiske egenskaper kategorien og velg elementet som sier Klikk her for å legge til en ny eiendom for å utvide elementet. I Navn tekstfelt skriv inn teksten Domenenavn (Aliaset vil bli befolket automatisk), og i Type velg boksen velg Textstring:


For å legge til den nye eiendommen klikker du på lagreikonet (disken) øverst på panelet. Nå noen Dokumenttyper som er avledet fra Basisside vil arve Domenenavn eiendom (selv om det ikke kan redigeres). Legg til en mer eiendom til Generiske egenskaper kategorien; navnet er

Umbraco skjul i navigasjon