Cuprins
Pe lângă dezvoltarea web în Windows avem Visual Studio .Net și serverul IIS, în Linux putem folosi Monodevelop și serverul Apache cu modulul XSP.
ASP.NET cu Apache
Modulul mod_mono Apache folosit pentru a rula aplicații ASP.NET pe serverul web Apache.
Modulul mod_mono rulează în interiorul unui proces Apache și trece toate cererile din aplicațiile ASP.NET către un proces Mono extern care găzduiește aplicațiile ASP.NET.
Vom instala Monodevelop pe 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
Vom instala serverul pentru testarea XSP 4 pe Linux
sudo apt-get install mono-xsp4-baseCe este XPS?XSP este un server de utilizat în testele de dezvoltare, dacă vrem să avem un server sau o aplicație web care rulează profesional, este mai bine să folosim Apache și mod_mono, astfel vom realiza scalabilitatea și securitatea pe care le oferă Apache.
Apoi deschidem MonoDevelop și selectăm Proiect nou (Pe pagina de întâmpinare sau în meniul Fișier), pentru a deschide dialogul Soluție nouă. În lista tipurilor de proiecte din stânga extindeți categoria C # și selectați opțiunea ASP.NET.
Când vom începe vom vedea că fișierele implicite sunt generate în proiecte, acestea fiind:
- Default.aspx care va fi pagina de pornire.
- Global.asax care va fi fișierul cu setări globale ale codului c # pentru funcționalitatea site-ului web.
- Web.config Este fișierul XML cu setările proprii ale site-ului web.
Structura web
Vom defini structura unui site web în care vom avea nevoia de a repeta anumite părți ale unei pagini de site cum ar fi antetul, meniul și pentru a nu repeta acel cod în toate paginile, ceea ce putem face este să creăm o pagină principală și faceți referire la acesta în celelalte pagini.
Vom crea pagina principală sau pagina principală, pentru aceasta o vom face Fișier> ASP.NET Webforms> pagina principală cu Codebihind, o vom suna acasă.master
În interiorul home.master scriem structura html a web-ului
Web-ul meu ASP.netDemo-ul meu Web ASP.netAcum creăm fișierul css care va fi numit styles.css și îl vom pune în același folder al proiectului.
corp {fundal: # f8f8f8; marja: 0; umplutură: 0; dimensiunea fontului: 11px; înălțimea liniei: 16 px; font-family: Arial, Tahoma;} a {color: # 333333;} a: hover {text-decoration: none;} #head {background: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 inserare; înălțime: 100px; } #logo {width: 780px; marja: 0; umplutură: 8 px; } #logo a {color: #FFFFFF; decor-text: nici unul; font-weight: bold; înălțime: 12 px; dimensiunea fontului: 20 px; text-transform: uppercase;} #logo a: hover {} #menu {background: # 666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue; lățime: 780px; marja: 0 auto; margin-top: 3px; list-style: none; umplutură: 0; text-align: left;} #menu ul li {display: inline} #menu ul a {display: block; plutește la stânga; font-weight: bold; dimensiunea fontului: 13 px; decor-text: nici unul; culoare: #fff; umplutură: 8px 10px; lățime: 118px; text-align: centru; text-transform: uppercase;} #menu ul a: hover {color: # 232323;} #menu ul a.active {color: # 232323;} #menu ul a.active: hover {color: # 232323;} #container {lățime: 1000px; margin: 0 auto;} #body {width: 100%; marja: 0px; float: left;} # largeimage {height: 150px; no-repeat # fe5d00; umplutură: 30px 0 30px 50px; linie-înălțime: 24px;} #content {float: left; fundal: #ffffff repeat-x; marja: 0px; lățime: 750px; culoare: # 6f6e6e; umplutură: 10 px; } #column {float: left; fundal-culoare: #cccccc; chenar: 1px solid # e3e3e3; raza chenarului: 4px; box-shadow: 0 0 20px # f2f2f2 inserare; repeta-x; marja: 0px; lățime: 200px; culoare: # 6f6e6e; umplutură: 10 px; } #pie {fundal: # 333333; repeta-x; înălțime: 40px; marginea de sus: 20 px; clear: both;} În continuare în fișierul home.master vom adăuga meniul ASP.NETAcest control meniu ne permite să atribuim diferite proprietăți, cum ar fi orientarea, dimensiunea, culoarea de fundal, poate fi proiectat vizual în Visual Studio.net în Monodevelop, este convenabil pentru noi să îl gestionăm din CSS. De asemenea, trebuie să definim zonele sau blocurile de conținut pentru coloană și conținutul web cu ajutorul controlului ContentPlaceHolderPentru coloană, codul va fi următorul: Pentru conținut, codul va fi următorul: Pentru picior vom defini blocul de picior și codul va fi după cum urmează: În continuare trebuie să indicăm care va fi web-ul de pornire de afișat care va fi conectat la pagina master, în fișier Default.aspx Ștergem conținutul implicit și scriem următorul cod:
Aici indicăm care este pagina master care este fișierul unde este codul paginii pe care urmează să o afișăm și care este pagina în acest caz Implicit.
De asemenea, facem referire la zonele dinamice pentru a adăuga conținut. Coloana ID poate fi orice nume pentru a identifica conținutul respectiv:
Secțiuni
- Vânzări
- Mașini noi
- Mașini la mâna a doua
De asemenea, trebuie să indicăm care este pagina principală prin evenimentul de încărcare în fișierul Default.aspx.cs, scriem evenimentul de încărcare
public partial class Implicit: System.Web.UI.Page {protected void Page_Load (expeditor obiect, EventArgs e) {}} Să vedem cum arată web în Monodevelop fon F5 sau din meniul Run
Servicii
- Accesorii auto
- Motoare și direcție
- Tabla si vopsea
- Electronică auto
Suntem o companie dedicată reparării și întreținerii aerului condiționat auto și oferim o gamă largă de servicii pentru vehiculul dvs.
Executăm din nou pentru a compila modificările și vom vedea că apăsarea meniului Servicii modifică conținutul coloanei și blocul de conținut:
Deschidem fișierul Contact.aspx și adăugăm următorul cod:
a lua legatura
| Telefon | XXXXXXXX |
|---|---|
| Atenția publicului | luni până vineri 09:00 - 17:00 |
| [email protected] |
| Nume: | |
| E-mail: | |
| Mesaj: | |
