Turinys
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-baseKas 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į.
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.
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ė versijaDabar 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
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“
Paslaugos
- Automobilių priedai
- Varikliai ir vairavimas
- Lakštinis metalas ir dažai
- Automobilių elektronika
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:
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: | |
