Satura rādītājs
Kā arī, lai izstrādātu tīmekli sistēmā Windows, mums ir Visual Studio .Net un IIS serveris, Linux mēs varam izmantot Monodevelop un Apache serveri ar XSP moduli.
ASP.NET ar Apache
Modulis mod_mono Apache izmanto lietojumprogrammu palaišanai ASP.NET Apache tīmekļa serverī.
Modulis mod_mono darbojas Apache procesā un visus ASP.NET lietojumprogrammu pieprasījumus nodod ārējam Mono procesam, kurā tiek mitinātas ASP.NET lietojumprogrammas.
Mēs instalēsim Monodevelop operētājsistēmā Linux
sudo apt-key adv-atslēgu servera atslēgu serveris.ubuntu.com-recv-atslēgas 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
Mēs instalēsim serveri XSP 4 pārbaudei Linux
sudo apt-get install mono-xsp4-baseKas ir XPS?XSP ir serveris, ko izmantot attīstības testos, ja vēlamies, lai serveris vai tīmekļa lietojumprogramma darbotos profesionāli, labāk ir izmantot Apache un mod_mono, tādējādi mēs panāksim Apache nodrošināto mērogojamību un drošību.
Tad mēs atveramies MonoDevelop un mēs izvēlamies Jauns projekts (Sveiciena lapā vai izvēlnē Fails), lai atvērtu dialoglodziņu Jauns risinājums. Projektu veidu sarakstā kreisajā pusē izvērsiet kategoriju C # un atlasiet opciju ASP.NET.
Kad mēs sākam, mēs redzēsim, ka projektos tiek ģenerēti noklusējuma faili, tie ir:
- Noklusējuma.aspx kas būs mājas lapa.
- Global.asax kas būs fails ar tīmekļa vietnes funkcionalitātes c # koda globālajiem iestatījumiem.
- Web.config Tas ir xml fails ar pašas vietnes iestatījumiem.
Tīmekļa struktūra
Mēs definēsim vietnes struktūru, kurā mums būs jāatkārto dažas vietnes lapas daļas, piemēram, galvene, izvēlne, un, lai neatkārtotu šo kodu visās lapās, mēs varam izveidot galveno lapu. un atsaucieties uz to citās lapās.
Šim nolūkam mēs izveidosim galveno lapu vai galveno lapu Fails> ASP.NET Webforms> šablons ar Codebihind, mēs viņai piezvanīsim mājas.meistars
Inside home.master mēs rakstām tīmekļa html struktūru
Mans Web ASP.netMana Web ASP.net demonstrācijaTagad mēs izveidojam css failu, ko sauks par stiliem.css, un mēs to ievietosim tajā pašā projekta mapē.
pamatteksts {fons: # f8f8f8; rezerve: 0; polsterējums: 0; fonta lielums: 11 pikseļi; līnijas augstums: 16 pikseļi; font-family: Arial, Tahoma;} a {color: # 333333;} a: virziet kursoru {text-decoration: none;} #head {background: # 258dc8 Repeat-x; box-shadow: 0 0 20px # f2f2f2 inset; augstums: 100 pikseļi; } #logo {width: 780px; rezerve: 0; polsterējums: 8 pikseļi; } #logo a {color: #FFFFFF; teksta dekorēšana: nav; fonta svars: treknraksts; augstums: 12 pikseļi; fonta lielums: 20 pikseļi; text-transform: lielie burti;} #logo a: hover {} #menu {background: #666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue platums: 780 pikseļi; rezerve: 0 auto; margin-top: 3px; saraksta stils: nav; polsterējums: 0; text-align: left;} #menu ul li {display: inline} #menu ul a {display: block; pludiņš: pa kreisi; fonta svars: treknraksts; fonta lielums: 13 pikseļi; teksta dekorēšana: nav; krāsa: #fff; polsterējums: 8 pikseļi 10 pikseļi; platums: 118 pikseļi; text-align: center; text-transform: lielie burti;} #izvēlne ul a: virziet kursoru {color: #232323;} #menu ul a.active {color: #232323;} #menu ul a.active: hover {color: #232323;} #container {platums: 1000 pikseļi; piema: 0 auto;} #body {platums: 100%; mala: 0 pikseļi; pludiņš: pa kreisi;} # liels attēls {augstums: 150 pikseļi; neatkārtot # fe5d00; polsterējums: 30 pikseļi 0 30 pikseļi 50 pikseļi; line-height: 24px;} #content {float: left; fons: #ffffff Repeat-x; mala: 0 pikseļi; platums: 750 pikseļi; krāsa: # 6f6e6e; polsterējums: 10 pikseļi; } #kolonna {pludiņš: pa kreisi; fona krāsa: #cccccc; robeža: 1px cieta # e3e3e3; robežas rādiuss: 4 pikseļi; box-shadow: 0 0 20px # f2f2f2 inset; atkārtot-x; mala: 0 pikseļi; platums: 200 pikseļi; krāsa: # 6f6e6e; polsterējums: 10 pikseļi; } #pie {fons: # 333333; atkārtot-x; augstums: 40 pikseļi; augšējā mala: 20 pikseļi; skaidrs: abi;} Tālāk failā home.master mēs pievienosim izvēlni ASP.NETŠī izvēlnes vadīkla ļauj mums piešķirt dažādus rekvizītus, piemēram, orientāciju, izmēru, fona krāsu, to var vizuāli noformēt vietnē Visual Studio.net Monodevelop, mums ir ērti to apstrādāt no CSS. Mums ir arī jādefinē kolonnas un tīmekļa satura satura apgabali vai bloki, izmantojot ContentPlaceHolder vadīkluKolonnas kods būs šāds: Satura kods būs šāds: Pēdai mēs definēsim pēdu bloku, un kods būs šāds: Tālāk mums jānorāda, kurš tiks parādīts sākuma tīmeklis, kas failā būs saistīts ar galveno lapu Noklusējuma.aspx Mēs izdzēšam noklusējuma saturu un ierakstām šādu kodu:
Šeit mēs norādām, kura ir galvenā lapa, kas ir fails, kur ir tās lapas kods, kuru mēs parādīsim, un kura lapa šajā gadījumā ir noklusējuma.
Mēs arī atsaucamies uz dinamiskajām zonām, lai tai pievienotu saturu. Sleja ID var būt jebkurš nosaukums, lai identificētu konkrēto saturu:
Sadaļas
- Pārdošana
- Jaunas automašīnas
- Lietotas mašīnas
Mums ir arī jānorāda, kura ir sākumlapa, izmantojot ielādes notikumu failā Default.aspx.cs, mēs rakstām ielādes notikumu
publiska daļēja klase Noklusējums: System.Web.UI.Page {protected void Page_Load (objekta sūtītājs, EventArgs e) {}} Apskatīsim, kā tīmeklis izskatās Monodevelop fon F5 vai izvēlnē Palaist
Pakalpojumi
- Automobiļu piederumi
- Dzinēji un stūres iekārta
- Lokšņu metāls un krāsa
- Automobiļu elektronika
Mēs esam uzņēmums, kas nodarbojas ar automobiļu gaisa kondicionētāju remontu un apkopi, un mēs piedāvājam plašu pakalpojumu klāstu jūsu transportlīdzeklim
Mēs izpildām vēlreiz, lai apkopotu izmaiņas, un mēs redzēsim, ka, nospiežot izvēlni Pakalpojumi, tiek mainīts slejas un satura bloka saturs:
Mēs atveram failu Kontakti.aspx un mēs pievienojam šādu kodu:
Kontakti
| Tālrunis | XXXXXXXX |
|---|---|
| Sabiedrības uzmanība | no pirmdienas līdz piektdienai 09:00 līdz 17:00 |
| E-pasts | [email protected] |
| Vārds: | |
| E-pasts: | |
| Ziņojums: | |
