✅ Sukurkite svetainę naudodami „Asp.Net“ ir „Monodevelop“ sistemoje „Linux“

Turinys

ASP.NET su „Apache“
„Linux“ įdiegsime „Monodevelop“
Įdiegsime serverį XSP 4 bandymui „Linux“
Žiniatinklio struktūra
kontaktas

Be to, kad sukurtume žiniatinklį sistemoje „Windows“, turime „Visual Studio .Net“ ir IIS serverį, o „Linux“ galime naudoti „Monodevelop“ ir „Apache“ serverį su XSP moduliu.

ASP.NET su „Apache“

Modulis mod_mono Apache naudojamas programoms paleisti ASP.NET „Apache“ žiniatinklio serveryje.
Modulis mod_mono veikia „Apache“ procese ir perduoda visas užklausas iš ASP.NET programų į išorinį „Mono“ procesą, kuriame yra ASP.NET programos.

„Linux“ įdiegsime „Monodevelop“

 sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF echo "deb http://download.mono-project.com/repo/debian švokštantis pagrindinis" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list sudo apt-get update

Įdiegsime serverį XSP 4 bandymui „Linux“

 sudo apt-get install mono-xsp4-base

Kas yra XPS?XSP yra serveris, skirtas naudoti kūrimo bandymuose, jei norime, kad serveris ar žiniatinklio programa veiktų profesionaliai, geriau naudoti „Apache“ ir „mod_mono“, taip pasieksime „Apache“ teikiamą mastelį ir saugumą.
Tada mes atidarome MonoDevelop ir mes pasirenkame Naujas projektas (Pasveikinimo puslapyje arba meniu Failas), norėdami atidaryti dialogo langą Naujas sprendimas. Kairėje esančių projektų tipų sąraše išplėskite C # kategoriją ir pasirinkite ASP.NET parinktį.

Mes priskiriame pavadinimą „Aspnet“ pavyzdiniam projektui ir pasirenkame katalogą, kuriame norite išsaugoti projektą.
Kai pradėsime, pamatysime, kad projektuose generuojami numatytieji failai:

Numatytasis.aspx kuris bus pagrindinis puslapis.
Global.asax kuris bus failas su visuotiniais svetainės funkcionalumo c # kodo nustatymais.
Web.config Tai yra xml failas su svetainės nustatymais.

Žiniatinklio struktūra

Mes apibrėšime svetainės struktūrą, kurioje turėsime pakartoti kai kurias svetainės puslapio dalis, pvz., Antraštę, meniu, ir kad to kodo nekartotume visuose puslapiuose, mes galime sukurti pagrindinį puslapį ir nurodykite jį kituose puslapiuose.

Pagrindiniai ASP.net puslapiai turi failo plėtinį .meistras o sektoriuose, kuriuose norime, kad žiniatinklis būtų dinamiškas arba pakeistų turinį, naudojame objektą, vadinamą ContentPlaceHolder, puslapių struktūroje galime naudoti html arba html5, css ir js.
Mes ketiname sukurti pagrindinį puslapį arba pagrindinį puslapį Failas> ASP.NET žiniatinklio formos> pagrindinis puslapis su „Codebihind“, mes jai paskambinsime namo.meistras
„Home.master“ viduje rašome žiniatinklio html struktūrą

 Mano žiniatinklis ASP.netMano žiniatinklio ASP.net demonstracinė versija

Dabar mes sukuriame css failą, kuris bus vadinamas stiliais. Css, ir įdėsime jį į tą patį projekto aplanką.

 body {background: # f8f8f8; paraštė: 0; paminkštinimas: 0; šrifto dydis: 11 taškų; linijos aukštis: 16 taškų; font-family: Arial, Tahoma;} a {color: # 333333;} a: užveskite žymeklį {text-decoration: none;} #head {background: # 258dc8 Repeat-x; box-shadow: 0 0 20px # f2f2f2 intarpas; aukštis: 100 taškų; } #logo {width: 780px; paraštė: 0; paminkštinimas: 8 pikselių; } #logo a {color: #FFFFFF; teksto dekoravimas: nėra; šrifto svoris: paryškintas; aukštis: 12 pikselių; šrifto dydis: 20 taškų; text-transform: didžiosios raidės;} #logo a: hover {} #menu {background: #666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue plotis: 780 pikselių; paraštė: 0 auto; margin-top: 3px; list-style: none; paminkštinimas: 0; text-align: left;} #menu ul li {display: inline} #meniu ul a {display: block; plūdė: kairė; šrifto svoris: paryškintas; šrifto dydis: 13 taškų; teksto dekoravimas: nėra; spalva: #fff; paminkštinimas: 8px 10px; plotis: 118 pikselių; text-align: centre; text-transform: didžiosios raidės;} #menu ul a: hover {color: #232323;} #menu ul a.active {color: #232323;} #menu ul a.active: hover {color: #232323;} #container {plotis: 1000 taškų; paraštė: 0 auto;} #body {plotis: 100%; paraštė: 0 taškų; plūdė: kairė;} # didelis vaizdas {aukštis: 150 taškų; nekartoti # fe5d00; paminkštinimas: 30px 0 30px 50px; line-height: 24px;} #content {float: left; fonas: #ffffff pakartokite-x; paraštė: 0 taškų; plotis: 750 pikselių; spalva: # 6f6e6e; paminkštinimas: 10 taškų; } #stulpelis {plūdė: kairė; fono spalva: #cccccc; kraštas: 1px solid # e3e3e3; ribos spindulys: 4 taškų; box-shadow: 0 0 20px # f2f2f2 intarpas; pakartokite-x; paraštė: 0 taškų; plotis: 200 pikselių; spalva: # 6f6e6e; paminkštinimas: 10 taškų; } #pie {background: # 333333; pakartokite-x; aukštis: 40 taškų; viršutinė paraštė: 20 taškų; aišku: abu;} Toliau faile home.master pridėsime ASP.NET meniu

Šis meniu valdiklis leidžia mums priskirti įvairias savybes, tokias kaip orientacija, dydis, fono spalva, jis gali būti vizualiai suprojektuotas „Visual Studio.net“ sistemoje „Monodevelop“, mums patogu jį tvarkyti naudojant CSS. Mes taip pat turime apibrėžti stulpelio ir žiniatinklio turinio sritis ar blokus naudodami „ContentPlaceHolder“ valdiklį
Stulpelio kodas bus toks:

Turinio kodas bus toks:

Pėdai apibrėžiame pėdos bloką, o kodas bus toks:

Toliau turime nurodyti, kuris bus rodomas pradinis žiniatinklis, kuris bus susietas su pagrindiniu puslapiu Numatytasis.aspx Ištriname numatytąjį turinį ir įrašome šį kodą:

Čia nurodome, kuris yra pagrindinis puslapis, kuris yra failas, kuriame yra puslapio, kurį ketiname rodyti, kodas ir kuris yra puslapis šiuo atveju Numatytasis.
Taip pat nurodome dinamines zonas, kad į jas pridėtume turinio. Stulpelis ID gali būti bet koks pavadinimas, skirtas tam tikram turiniui identifikuoti:

Skyriai

Pardavimai
Nauji automobiliai
Panaudoti Automobiliai

Ieškoti:

Turinio blokui priskiriame vaizdą:

Mes taip pat turime nurodyti pagrindinį puslapį per įkėlimo įvykį Default.aspx.cs faile, rašome įkėlimo įvykį

 viešoji dalinė klasė Numatytasis: System.Web.UI.Page {protected void Page_Load (objekto siuntėjas, „EventArgs e“) {}}

Pažiūrėkime, kaip atrodo žiniatinklis naudojant „Monodevelop fon F5“ arba meniu „Vykdyti“

Pridėsime puslapį Paslaugos Failai> Naujas failas> ASP.Net žiniatinklio formos ir mes pasirenkame variantą Turinio forma su „Codebihind“ ir jis parodys mums dialogo langą, kad pasirinktume pagrindinį puslapį, į kurį šiuo atveju jis bus susietas Namai.meistras

Atidarykite failą Paslaugos.aspx ir pridedame šį kodą:

Paslaugos

Automobilių priedai
Varikliai ir vairavimas
Lakštinis metalas ir dažai
Automobilių elektronika

Ieškoti:

Esame įmonė, užsiimanti automobilių oro kondicionavimo sistemų remontu ir priežiūra, ir mes teikiame platų paslaugų spektrą jūsų automobiliui

Vykdome dar kartą, kad sudarytume pakeitimus, ir pamatysime, kad paspaudus meniu Paslaugos pasikeičia stulpelio ir turinio bloko turinys:

Galiausiai apibrėžiame puslapio „Kontaktai“ struktūrą. Pridėsime puslapį „Kontaktas“ Failai> Naujas failas> ASP.Net žiniatinklio formos ir mes pasirenkame parinktį Turinio forma su Codebihind ir jis parodys mums dialogo langą, kad pasirinktume pagrindinį puslapį, į kurį šiuo atveju jis bus susietas Namai.meistras
Mes atidarome failą Susisiekite.aspx ir pridedame šį kodą:

 
kontaktas
 
 Telefonas  XXXXXXXX 

 
 Visuomenės dėmesys nuo pirmadienio iki penktadienio
09:00 iki 17:00 

 
 Paštu  [email protected]

 

 
 
 Vardas:   

 
 El. Paštas:   

 
 Pranešimas:

Telefonas	XXXXXXXX
Visuomenės dėmesys	nuo pirmadienio iki penktadienio 09:00 iki 17:00
Paštu	[email protected]

Mes dar kartą vykdome, kad sudarytume žiniatinklį, kad jis būtų rodomas mūsų naršyklėje ir einame į meniu kontaktas, rezultatas bus toks:

Taigi matome, kaip dinaminiai stulpeliai pakeitė turinį, tačiau meniu ir antraštė niekada nepasikeitė, ir mes visada juos panaudojome neperrašydami. Iki šiol matėme kaip sukurti pagrindinį puslapį naudojant c # ir „Monodevelop“Taip pat galime sukurti žiniatinklį su dinaminiais duomenimis naudodami „Mysql“ arba „SqlServer“, norėdami išbandyti žiniatinklį tikrame serveryje, mums reikia serverio, palaikančio asp.net, yra keletas nemokamų, įkelkite žiniatinklį per ftp ir įkelkite visus projekto failus.