Opret et websted med Asp.Net og Monodevelop på Linux

Ud over at udvikle web i Windows har vi Visual Studio .Net og IIS -serveren, i Linux kan vi bruge Monodevelop og Apache -serveren med XSP -modulet.

ASP.NET med Apache

Modulet mod_mono Apache bruges til at køre applikationer ASP.NET på Apache -webserveren.
Modulet mod_mono kører inde i en Apache -proces og videregiver alle anmodninger fra ASP.NET -applikationer til en ekstern Mono -proces, der er vært for ASP.NET -applikationer.

Vi installerer 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 opdatering 

Vi installerer serveren til test af XSP 4 på Linux

 sudo apt-get install mono-xsp4-base

Hvad er XPS?XSP er en server, der skal bruges i udviklingstest, hvis vi vil have en server eller webapplikation til at køre professionelt, er det bedre at bruge Apache og mod_mono, og dermed opnår vi den skalerbarhed og sikkerhed, som Apache leverer.
Så åbner vi Monoudvikling og vi vælger Nyt projekt (På velkomstsiden eller i menuen Filer) for at åbne dialogboksen Ny løsning. På listen over projekttyper til venstre udvides C # -kategorien og vælger indstillingen ASP.NET.

Vi tildeler et navn til Aspnet -eksempelprojektet og vælger et bibliotek, hvor projektet skal gemmes.
Når vi starter, vil vi se, at standardfilerne genereres i projekterne, de er:

• Standard.aspx som bliver startsiden.
• Global.asax som vil være filen med globale indstillinger for c # -koden for webstedets funktionalitet.
• Web.konfig Det er xml -filen med webstedets egne indstillinger.

Internets struktur

Vi vil definere strukturen på et websted, hvor vi har brug for at gentage nogle dele af en webstedsside, f.eks. Overskriften, menuen og for ikke at gentage denne kode på alle siderne, er det muligt at oprette en hovedside og referer til det på de andre sider.

Mastersider på ASP.net har filtypen .mestre og i de sektorer, hvor vi ønsker, at internettet skal være dynamisk eller ændre det indhold, vi bruger et objekt kaldet ContentPlaceHolder, i strukturen på siderne kan vi bruge html eller html5, css og js.
Vi skal oprette hovedsiden eller mastersiden, til dette skal vi File> ASP.NET Webforms> hovedside med Codebihind, vil vi ringe til hende hjemmemester
Inde i home.master skriver vi webens html -struktur

 Mit web ASP.netMin Web ASP.net -demo

Nu opretter vi den css -fil, der vil blive kaldt styles.css, og vi vil lægge den i den samme mappe i projektet.

 krop {baggrund: # f8f8f8; margen: 0; polstring: 0; skrifttype: 11px; linjehøjde: 16px; font-family: Arial, Tahoma;} a {color: # 333333;} a: svæve {tekst-dekoration: ingen;} #head {baggrund: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 indsat; højde: 100px; } #logo {bredde: 780px; margen: 0; polstring: 8px; } #logo a {farve: #FFFFFF; tekst-dekoration: ingen; skrifttype-vægt: fed; højde: 12px; skrifttype: 20px; tekst-transform: store bogstaver;} #logo a: svæve {} #menu {baggrund: #666666; bredde: 1000px; margin-top: 33px; polstring: 0px; display: inline-block;} #menu ul {baggrund: blå; bredde: 780px; margen: 0 auto; margen-top: 3px; liste-stil: ingen; polstring: 0; tekstjustering: venstre;} #menu ul li {display: inline} #menu ul a {display: block; flyde: venstre; skrifttype-vægt: fed; skrifttype: 13px; tekst-dekoration: ingen; farve: #fff; polstring: 8px 10px; bredde: 118px; tekstjustering: center; tekst-transform: store bogstaver;} #menu ul a: svæve {color: #232323;} #menu ul a.active {color: #232323;} #menu ul a.active: hover {color: #232323;} #container {bredde: 1000px; margen: 0 auto;} #body {bredde: 100%; margen: 0px; float: left;} # largeimage {højde: 150px; no-repeat # fe5d00; polstring: 30px 0 30px 50px; line-height: 24px;} #content {float: left; baggrund: #ffffff repeat-x; margen: 0px; bredde: 750px; farve: # 6f6e6e; polstring: 10px; } #kolonne {float: left; baggrundsfarve: #cccccc; kant: 1px solid # e3e3e3; grænse-radius: 4px; box-shadow: 0 0 20px # f2f2f2 indsat; gentag-x; margen: 0px; bredde: 200px; farve: # 6f6e6e; polstring: 10px; } # tærte {baggrund: # 333333; gentag-x; højde: 40px; margin-top: 20px; klart: begge;} Næste i home.master -filen tilføjer vi ASP.NET -menuen

Denne menukontrol giver os mulighed for at tildele forskellige egenskaber såsom orientering, størrelse, baggrundsfarve, det kan designes visuelt i Visual Studio.net i Monodevelop, det er praktisk for os at håndtere det fra CSS. Vi skal også definere indholdsområder eller -blokke for kolonnen og webindholdet med ContentPlaceHolder -kontrollen
For kolonnen vil koden være følgende:

For indholdet vil koden være følgende:

For foden definerer vi fodblokken, og koden vil være som følger:

Dernæst skal vi angive, hvilket startwebsted der skal vises, der vil blive linket til hovedsiden i filen Standard.aspx Vi sletter standardindholdet og skriver følgende kode:

Her angiver vi, hvilken er hovedsiden, som er filen, hvor er koden for den side, som vi skal vise, og hvilken er siden i dette tilfælde Standard.
Vi refererer også til de dynamiske zoner for at tilføje indhold til det. ID -kolonnen kan være et hvilket som helst navn til at identificere det pågældende indhold:

Afsnit

Salg
Nye biler
Brugte biler

Lede efter: 

Indholdsblokken, vi tildeler et billede:

Vi skal også angive, hvem der er startsiden gennem indlæsningshændelsen i filen Default.aspx.cs, vi skriver indlæsningshændelsen

 offentlig delklasse Standard: System.Web.UI.Page {beskyttet ugyldig side_Load (objektafsender, EventArgs e) {}} 

Lad os se, hvordan internettet ser ud i Monodevelop fon F5 eller fra menuen Kør

Vi tilføjer siden Services, vi vil Filer> Ny fil> ASP.Net webformularer og vi vælger indstillingen Indholdsformular med Codebihind og det vil vise os en dialog for at vælge den hovedside, som den vil linke til i dette tilfælde Hjemmemester

Åbn filen Services.aspx og vi tilføjer følgende kode:

Services

Tilbehør til biler
Motorer og styring
Plade og maling
Automotive elektronik

Lede efter:
Vi er et firma, der er dedikeret til reparation og vedligeholdelse af klimaanlæg i biler, og vi leverer en lang række tjenester til dit køretøj

Vi udfører igen for at kompilere ændringerne, og vi vil se, at tryk på menuen Services ændrer indholdet i kolonnen og indholdsblokken:

Endelig definerer vi strukturen for kontaktsiden. Vi tilføjer kontaktsiden, vi vil Filer> Ny fil> ASP.Net webformularer og vi vælger indstillingen Indholdsformular med Codebihind, og det viser os en dialog for at vælge den hovedside, som den vil linke til i dette tilfælde Hjemmemester
Vi åbner filen Kontakt.aspx og vi tilføjer følgende kode:

 
Kontakt
 
 
Telefon
 
XXXXXXXX
 

 
 
Offentlig opmærksomhed
mandag til fredag
09.00 til 17.00
 

 
 
E-mail
 
[email protected]

 

 
 
 
Navn:
 
 

 
 
E-mail:
 
 

 
 
Besked:
 
 

 
 
 
 

 

 

Vi udfører igen for at kompilere internettet og få det vist i vores browser og gå til menuen Kontakt, vil resultatet blive følgende:

Således ser vi, hvordan de dynamiske kolonner har ændret indholdet, men menuen og overskriften har aldrig ændret sig, og vi har altid genbrugt dem uden at omskrive dem. Så langt så vi hvordan man opretter en masterpage med c # og MonodevelopVi kan også oprette et web med dynamiske data med Mysql eller SqlServer, for at teste nettet på en rigtig server, vi har brug for en server, der understøtter asp.net, der er flere gratis, uploade internettet via ftp og uploader alle projektfilerne.