Skapa en webbplats med Asp.Net och Monodevelop på Linux

Förutom att utveckla webb i Windows har vi Visual Studio .Net och IIS -servern, i Linux kan vi använda Monodevelop och Apache -servern med XSP -modulen.

ASP.NET med Apache

Modulen mod_mono Apache används för att köra applikationer ASP.NET på Apache -webbservern.
Modulen mod_mono körs inuti en Apache -process och skickar alla förfrågningar från ASP.NET -applikationer till en extern Mono -process som är värd för ASP.NET -applikationer.

Vi kommer att installera 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 update 

Vi kommer att installera servern för att testa XSP 4 på Linux

 sudo apt-get install mono-xsp4-base

Vad är XPS?XSP är en server att använda i utvecklingstester, om vi vill att en server eller webbapplikation ska fungera professionellt är det bättre att använda Apache och mod_mono, så vi kommer att uppnå den skalbarhet och säkerhet som Apache tillhandahåller.
Sedan öppnar vi MonoDevelop och vi väljer Nytt projekt (På välkomstsidan eller i Arkiv -menyn), för att öppna dialogrutan Ny lösning. I listan över projekttyper till vänster expanderar du kategorin C # och väljer alternativet ASP.NET.

Vi tilldelar Aspnet -exempelprojektet ett namn och väljer en katalog där projektet ska sparas.
När vi börjar kommer vi att se att standardfilerna genereras i projekten, de är:

• Standard.aspx som blir hemsidan.
• Global.asax som blir filen med globala inställningar för c # -koden för webbplatsens funktionalitet.
• Web.config Det är xml -filen med webbplatsens egna inställningar.

Webbets struktur

Vi kommer att definiera strukturen för en webbplats där vi kommer att behöva upprepa vissa delar av en webbplats sida som rubriken, menyn och för att inte upprepa den koden på alla sidor är det vi kan göra att skapa en huvudsida och referera till det på de andra sidorna.

Huvudsidor på ASP.net har filtillägget .bemästra och i de sektorer där vi vill att webben ska vara dynamisk eller ändra innehållet använder vi ett objekt som kallas ContentPlaceHolder, i sidornas struktur kan vi använda html eller html5, css och js.
Vi ska skapa mastersidan eller mastersidan, för detta ska vi Arkiv> ASP.NET webbformulär> huvudsida med Codebihind, vi ringer henne hemma
Inne i home.master skriver vi html -strukturen på webben

 Min webb ASP.netMin Web ASP.net -demo

Nu skapar vi css -filen som kommer att kallas styles.css och vi lägger den i samma mapp i projektet.

 kropp {bakgrund: # f8f8f8; marginal: 0; vaddering: 0; typsnitt: 11px; radhöjd: 16px; font-family: Arial, Tahoma;} a {color: # 333333;} a: hover {text-decoration: none;} #head {bakgrund: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 infälld; höjd: 100px; } #logo {bredd: 780px; marginal: 0; vaddering: 8px; } #logo a {color: #FFFFFF; text-dekoration: ingen; font-weight: fet; höjd: 12px; typsnitt: 20px; text-transform: versaler;} #logo a: svävar {} #meny {bakgrund: #666666; bredd: 1000px; marginal-topp: 33px; vaddering: 0px; display: inline-block;} #meny ul {bakgrund: blå; bredd: 780px; marginal: 0 auto; margin-top: 3px; list-style: none; vaddering: 0; textjustering: vänster;} #meny ul li {display: inline} #meny ul a {display: block; flyta till vänster; font-weight: fet; teckenstorlek: 13px; text-dekoration: ingen; färg: #fff; vaddering: 8px 10px; bredd: 118px; text-align: center; text-transform: versaler;} #meny ul a: svävar {color: #232323;} #meny ul a.active {color: #232323;} #meny ul a.active: hover {color: #232323;} #container {bredd: 1000px; marginal: 0 auto;} #body {bredd: 100%; marginal: 0px; flottör: vänster;} # storbild {höjd: 150px; no-repeat # fe5d00; vaddering: 30px 0 30px 50px; line-height: 24px;} #content {float: left; bakgrund: #ffffff repeat-x; marginal: 0px; bredd: 750px; färg: # 6f6e6e; vaddering: 10px; } #kolumn {float: left; bakgrundsfärg: #cccccc; kant: 1px solid # e3e3e3; gränsradie: 4px; box-shadow: 0 0 20px # f2f2f2 infälld; upprepa-x; marginal: 0px; bredd: 200px; färg: # 6f6e6e; vaddering: 10px; } #paj {bakgrund: # 333333; upprepa-x; höjd: 40px; marginal-topp: 20px; klart: båda;} Nästa i filen home.master lägger vi till ASP.NET -menyn

Denna menykontroll låter oss tilldela olika egenskaper som orientering, storlek, bakgrundsfärg, den kan utformas visuellt i Visual Studio.net i Monodevelop det är bekvämt för oss att hantera den från CSS. Vi måste också definiera innehållsområden eller block för kolumnen och webbinnehållet med ContentPlaceHolder -kontrollen
För kolumnen kommer koden att vara följande:

För innehållet kommer koden att vara följande:

För foten kommer vi att definiera fotblocket och koden kommer att vara följande:

Därefter måste vi ange vilken startwebb som ska visas som kommer att länkas till mastersidan i filen Standard.aspx Vi tar bort standardinnehållet och skriver följande kod:

Här anger vi vilken som är huvudsidan som är filen var är koden för sidan som vi ska visa och vilken är sidan i det här fallet Standard.
Vi refererar också till de dynamiska zonerna för att lägga till innehåll till det. ID -kolumnen kan vara valfritt namn för att identifiera det specifika innehållet:

Avsnitt

Försäljning
Nya bilar
Begagnade bilar

Leta efter: 

Innehållsblocket som vi tilldelar en bild:

Vi måste också ange vilken som är hemsidan genom laddningshändelsen i filen Default.aspx.cs, vi skriver laddningshändelsen

 offentlig delklass Standard: System.Web.UI.Page {skyddad ogiltig Page_Load (avsändare av objekt, EventArgs e) {}} 

Låt oss se hur webben ser ut i Monodevelop fon F5 eller från Kör -menyn

Vi lägger till sidan Tjänster, vi gör det Filer> Ny fil> ASP.Net webbformulär och vi väljer alternativet Innehållsformulär med Codebihind och det kommer att visa oss en dialogruta för att välja den huvudsida som den ska länka till i det här fallet Hemma

Öppna filen Services.aspx och vi lägger till följande kod:

Tjänster

Biltillbehör
Motorer och styrning
Plåt och färg
Fordonselektronik

Leta efter:
Vi är ett företag som ägnar sig åt reparation och underhåll av luftkonditionering i bilar, och vi erbjuder ett brett utbud av tjänster för ditt fordon

Vi kör igen för att sammanställa ändringarna och vi kommer att se att genom att trycka på menyn Tjänster ändras innehållet i kolumnen och innehållsblocket:

Slutligen definierar vi strukturen för kontaktsidan. Vi lägger till kontaktsidan, vi gör det Filer> Ny fil> ASP.Net webbformulär och vi väljer alternativet Innehållsformulär med Codebihind och det visar oss en dialogruta för att välja den huvudsida som den kommer att länka till i det här fallet Hemma
Vi öppnar filen Contact.aspx och vi lägger till följande kod:

 
Kontakt
 
 
Telefon
 
XXXXXXXX
 

 
 
Allmän uppmärksamhet
Måndag till fredag
09.00 till 17.00
 

 
 
E-post
 
[email protected]

 

 
 
 
Namn:
 
 

 
 
E-post:
 
 

 
 
Meddelande:
 
 

 
 
 
 

 

 

Vi kör igen för att kompilera webben och få den att visas i vår webbläsare och gå till menyn Kontaktblir resultatet följande:

Således ser vi hur de dynamiska kolumnerna har förändrat innehållet men menyn och rubriken har aldrig ändrats och vi har alltid återanvändt dem utan att skriva om dem. Så långt såg vi hur man skapar en mästarsida med c # och MonodevelopVi kan också skapa en webb med dynamisk data med Mysql eller SqlServer, för att testa webben på en riktig server behöver vi en server som stöder asp.net, det finns flera gratis, ladda upp webben via ftp och ladda upp alla projektfiler.