Innholdsfortegnelse
I tillegg til å utvikle web i Windows har vi Visual Studio .Net og IIS -serveren, i Linux kan vi bruke Monodevelop og Apache -serveren med XSP -modulen.
ASP.NET med Apache
Modulen mod_mono Apache brukes til å kjøre applikasjoner ASP.NET på Apache -webserveren.
Modulen mod_mono kjører inne i en Apache -prosess og sender alle forespørsler fra ASP.NET -applikasjoner til en ekstern Mono -prosess som er vert for ASP.NET -applikasjoner.
Vi vil installere Monodevelop på Linux
sudo apt-key adv-keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF echo "deb http://download.mono-project.com/repo/debian wheezy main" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list sudo apt-get oppdatering
Vi installerer serveren for testing av XSP 4 på Linux
sudo apt-get install mono-xsp4-baseHva er XPS?XSP er en server å bruke i utviklingstester, hvis vi ønsker å ha en server eller webapplikasjon som kjører profesjonelt, er det bedre å bruke Apache og mod_mono, og dermed vil vi oppnå skalerbarhet og sikkerhet som Apache gir.
Så åpner vi MonoDevelop og vi velger Nytt prosjekt (På velkomstsiden eller i Fil -menyen), for å åpne dialogboksen Ny løsning. I listen over prosjekttyper til venstre utvider du kategorien C # og velger alternativet ASP.NET.
Vi tilordner et navn til Aspnet -eksempelprosjektet og velger en katalog der prosjektet skal lagres.
Når vi starter vil vi se at standardfilene genereres i prosjektene, de er:
- Standard.aspx som blir hjemmesiden.
- Global.asax som vil være filen med globale innstillinger for c # -koden for funksjonaliteten til nettstedet.
- Web.config Det er xml -filen med nettstedets egne innstillinger.
Struktur av nettet
Vi vil definere strukturen til et nettsted der vi vil ha behov for å gjenta noen deler av en nettstedsside, for eksempel overskriften, menyen og for ikke å gjenta den koden på alle sidene, er det vi kan gjøre å lage en hovedside og referer til det på de andre sidene.
Hovedsider på ASP.net har filtypen .herre og i sektorene der vi vil at nettet skal være dynamisk eller endre innholdet vi bruker et objekt kalt ContentPlaceHolder, i strukturen på sidene kan vi bruke html eller html5, css og js.
Vi skal lage hovedsiden eller mastersiden, for dette skal vi Fil> ASP.NET Webforms> hovedside med Codebihind, vil vi ringe henne hjemmemester
Inside home.master skriver vi html -strukturen på nettet
Min web ASP.netMin Web ASP.net -demoNå lager vi css -filen som skal kalles styles.css, og vi legger den i samme mappe i prosjektet.
kropp {bakgrunn: # f8f8f8; margin: 0; polstring: 0; skriftstørrelse: 11px; linjehøyde: 16px; font-family: Arial, Tahoma;} a {color: # 333333;} a: sveve {tekst-dekorasjon: ingen;} #head {bakgrunn: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 innfelt; høyde: 100px; } #logo {bredde: 780px; margin: 0; polstring: 8px; } #logo a {color: #FFFFFF; tekst-dekorasjon: ingen; font-weight: fet skrift; høyde: 12px; skriftstørrelse: 20px; tekst-transform: store bokstaver;} #logo a: svev {} #meny {bakgrunn: #666666; bredde: 1000px; margin-top: 33px; polstring: 0px; display: inline-block;} #meny ul {bakgrunn: blå; bredde: 780px; margin: 0 auto; margin-top: 3px; listestil: ingen; polstring: 0; tekstjustering: venstre;} #meny ul li {display: inline} #meny ul a {display: block; flyte: venstre; font-weight: fet skrift; skriftstørrelse: 13px; tekst-dekorasjon: ingen; farge: #fff; polstring: 8px 10px; bredde: 118px; tekstjustering: senter; tekst-transform: store bokstaver;} #meny ul a: sveve {color: #232323;} #meny ul a.active {color: #232323;} #meny ul a.active: sveve {color: #232323;} #container {bredde: 1000px; margin: 0 auto;} #body {bredde: 100%; margin: 0px; float: left;} # largeimage {høyde: 150px; no-repeat # fe5d00; polstring: 30px 0 30px 50px; line-height: 24px;} #content {float: left; bakgrunn: #ffffff repeat-x; margin: 0px; bredde: 750px; farge: # 6f6e6e; polstring: 10px; } #kolonne {float: left; bakgrunnsfarge: #cccccc; kantlinje: 1px solid # e3e3e3; kant-radius: 4px; box-shadow: 0 0 20px # f2f2f2 innfelt; gjenta-x; margin: 0px; bredde: 200px; farge: # 6f6e6e; polstring: 10px; } #pai {bakgrunn: # 333333; gjenta-x; høyde: 40px; margin-top: 20px; klart: begge;} Neste i home.master -filen vil vi legge til ASP.NET -menyenDenne menykontrollen lar oss tilordne forskjellige egenskaper som orientering, størrelse, bakgrunnsfarge, den kan utformes visuelt i Visual Studio.net i Monodevelop, det er praktisk for oss å håndtere den fra CSS. Vi må også definere innholdsområdene eller blokkene for kolonnen og webinnholdet med ContentPlaceHolder -kontrollen
For kolonnen vil koden være følgende: For innholdet vil koden være følgende: For foten vil vi definere fotblokken og koden vil være som følger: Deretter må vi angi hvilket som skal være startnettet for å vise det som vil bli koblet til hovedsiden i filen Standard.aspx Vi sletter standardinnholdet og skriver følgende kode:
Her indikerer vi hvilken som er hovedsiden som er filen hvor er koden til siden som vi skal vise og som er siden i dette tilfellet Standard.
Vi refererer også til de dynamiske sonene for å legge til innhold. ID -kolonnen kan ha et hvilket som helst navn for å identifisere det bestemte innholdet:
Seksjoner
- Salg
- Nye biler
- Brukte biler
Vi må også angi hvilken som er hjemmesiden gjennom lasthendelsen i Default.aspx.cs -filen, vi skriver lasthendelsen
offentlig delklasse Standard: System.Web.UI.Page {protected void Page_Load (objektavsender, EventArgs e) {}}La oss se hvordan nettet ser ut i Monodevelop fon F5 eller fra Kjør -menyen
Vi legger til Tjenester -siden, vi gjør det Filer> Ny fil> ASP.Net Webforms og vi velger alternativet Innholdsskjema med Codebihind og det vil vise oss en dialogboks for å velge hovedsiden som den vil koble til i dette tilfellet Hjem. Mester
Åpne filen Services.aspx og vi legger til følgende kode:
Tjenester
- Biltilbehør
- Motorer og styring
- Plater og maling
- Bilelektronikk
Vi er et selskap dedikert til reparasjon og vedlikehold av bilens klimaanlegg, og vi tilbyr et bredt spekter av tjenester for bilen din
Vi utfører igjen for å kompilere endringene, og vi vil se at ved å trykke på Tjenester -menyen endres innholdet i kolonnen og innholdsblokken:Til slutt definerer vi strukturen for kontaktsiden. Vi legger til kontaktsiden, vi vil Filer> Ny fil> ASP.Net Webforms og vi velger alternativet Innholdsskjema med Codebihind, og det vil vise oss en dialogboks for å velge hovedsiden som den vil koble til i dette tilfellet Hjem. Mester
Vi åpner filen Kontakt. Aspx og vi legger til følgende kode:
Ta kontakt med
Telefon | XXXXXXXX |
---|---|
Offentlig oppmerksomhet | mandag til fredag 09.00 til 17.00 |
E-post | [email protected] |
Navn: | |
E-post: | |
Beskjed: | |
Dermed ser vi hvordan de dynamiske kolonnene har endret innholdet, men menyen og overskriften har aldri endret seg, og vi har alltid gjenbrukt dem uten å omskrive dem. Så langt så vi hvordan lage en masterside med c # og MonodevelopVi kan også lage et web med dynamiske data med Mysql eller SqlServer, for å teste nettet på en ekte server, vi trenger en server som støtter asp.net, det er flere gratis, last opp nettet via ftp og last opp alle prosjektfilene.