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?!
Web Platform Installer
(WPI), funnet på: http://www.microsoft.com/express/Web/ 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.
Å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.
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