Lag et nettsted med Asp.Net og Monodevelop på Linux

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-base
Hva 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 -demo
Nå 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 -menyen
Denne 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
Se etter:
Innholdsblokken vi tildeler et bilde:
  
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
Se etter:

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 oppmerksomhetmandag til fredag
09.00 til 17.00
E-post [email protected]
Navn:
E-post:
Beskjed:
Vi kjører igjen for å kompilere nettet og få det til å vises i nettleseren vår og gå til menyen Ta kontakt med, blir resultatet følgende:

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