Obsah
Kromě vývoje webu ve Windows máme Visual Studio .Net a server IIS, v Linuxu můžeme použít Monodevelop a server Apache s modulem XSP.
ASP.NET s Apache
Modul mod_mono Apache slouží ke spouštění aplikací ASP.NET na webovém serveru Apache.
Modul mod_mono běží uvnitř procesu Apache a předává všechny požadavky z aplikací ASP.NET externímu mono procesu, který je hostitelem aplikací ASP.NET.
Nainstalujeme Monodevelop na 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
Nainstalujeme server pro testování XSP 4 na Linuxu
sudo apt-get install mono-xsp4-baseCo je XPS?XSP je server, který se používá ve vývojových testech, pokud chceme mít server nebo webovou aplikaci spuštěnou profesionálně, je lepší použít Apache a mod_mono, čímž dosáhneme škálovatelnosti a zabezpečení, které Apache poskytuje.
Pak otevíráme MonoVývoj a vybíráme Nový projekt (Na úvodní stránce nebo v nabídce Soubor) otevřete dialog Nové řešení. V seznamu typů projektů vlevo rozbalte kategorii C # a vyberte možnost ASP.NET.
Když začneme, uvidíme, že v projektech jsou generovány výchozí soubory, jsou to:
- Default.aspx která bude domovskou stránkou.
- Global.asax což bude soubor s globálním nastavením kódu c # pro funkčnost webu.
- Web.config Jedná se o soubor xml s vlastním nastavením webové stránky.
Struktura webu
Definujeme strukturu webových stránek, kde budeme muset opakovat některé části stránky, jako je záhlaví, nabídka, a abychom tento kód neopakovali na všech stránkách, můžeme vytvořit hlavní stránku. a odkazujte na něj na ostatních stránkách.
Vytvoříme vzorovou stránku nebo vzorovou stránku, proto se chystáme Soubor> Webové formuláře ASP.NET> vzorová stránka s Codebihind, zavoláme jí domácí.mistr
Uvnitř home.master píšeme html strukturu webu
Můj web ASP.netMoje webová ukázka ASP.netNyní vytvoříme soubor css, který se bude jmenovat styles.css a vložíme jej do stejné složky projektu.
tělo {pozadí: # f8f8f8; okraj: 0; polstrování: 0; velikost písma: 11px; výška řádku: 16px; rodina písem: Arial, Tahoma;} a {color: # 333333;} a: hover {text-decoration: none;} #head {background: # 258dc8 repeat-x; box-shadow: 0 0 20px # f2f2f2 vložka; výška: 100px; } #logo {šířka: 780px; okraj: 0; čalounění: 8px; } #logo a {color: #FFFFFF; textová dekorace: žádná; font-weight: bold; výška: 12px; velikost písma: 20px; textová transformace: velká písmena;} #logo a: hover {} #menu {pozadí: #666666; šířka: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {pozadí: modrá; šířka: 780px; okraj: 0 auto; margin-top: 3px; styl seznamu: žádný; polstrování: 0; zarovnání textu: vlevo;} #menu ul li {display: inline} #menu ul a {display: block; plavat vlevo; font-weight: bold; velikost písma: 13px; textová dekorace: žádná; barva: #fff; čalounění: 8px 10px; šířka: 118px; zarovnání textu: střed; text-transform: uppercase;} #menu ul a: hover {color: #232323;} #menu ul a.active {color: #232323;} #menu ul a.active: hover {color: #232323;} #container {šířka: 1000px; okraj: 0 auto;} #body {šířka: 100%; okraj: 0px; float: left;} # largeimage {výška: 150px; neopakování # fe5d00; čalounění: 30px 0 30px 50px; line-height: 24px;} #content {float: left; pozadí: #ffffff repeat-x; okraj: 0px; šířka: 750px; barva: # 6f6e6e; čalounění: 10px; } #column {float: left; barva pozadí: #cccccc; ohraničení: 1px plné # e3e3e3; poloměr ohraničení: 4px; box-shadow: 0 0 20px # f2f2f2 vložka; opakovat-x; okraj: 0px; šířka: 200px; barva: # 6f6e6e; čalounění: 10px; } #pie {pozadí: # 333333; opakovat-x; výška: 40px; margin-top: 20px; clear: both;} Dále do souboru home.master přidáme nabídku ASP.NETTento ovládací prvek nabídky nám umožňuje přiřadit různé vlastnosti, jako je orientace, velikost, barva pozadí, lze jej vizuálně navrhnout v aplikaci Visual Studio.net v Monodevelop, je pro nás výhodné zpracovat jej z CSS. Musíme také definovat oblasti obsahu nebo bloky pro sloupec a webový obsah pomocí ovládacího prvku ContentPlaceHolderPro sloupec bude kód následující: Pro obsah bude kód následující: Pro chodidlo definujeme nášlapný blok a kód bude následující: Dále musíme určit, který bude úvodní web, který bude zobrazen a který bude v souboru propojen se vzorovou stránkou Default.aspx Odstraníme výchozí obsah a napíšeme následující kód:
Zde určíme, která je hlavní stránka, což je soubor, kde je kód stránky, kterou budeme zobrazovat, a která stránka je v tomto případě výchozí.
Také odkazujeme na dynamické zóny, abychom do nich přidali obsah. Sloupec ID může být libovolný název pro identifikaci konkrétního obsahu:
Sekce
- Odbyt
- Nová auta
- Ojetá auta
Prostřednictvím události načtení v souboru Default.aspx.cs musíme také určit, která je domovská stránka, zapíšeme událost načtení
veřejná částečná třída Výchozí: System.Web.UI.Page {protected void Page_Load (odesílatel objektů, EventArgs e) {}} Podívejme se, jak web vypadá v Monodevelop fon F5 nebo v nabídce Spustit
Služby
- Automobilové příslušenství
- Motory a řízení
- Plech a barva
- Automobilová elektronika
Jsme společnost zabývající se opravami a údržbou automobilové klimatizace a poskytujeme pro vaše vozidlo širokou škálu služeb
Spustíme znovu, abychom kompilovali změny, a uvidíme, že stisknutím nabídky Služby se změní obsah sloupce a bloku obsahu:
Otevřeme soubor Contact.aspx a přidáme následující kód:
Kontakt
| Telefon | XXXXXXXX |
|---|---|
| Pozornost veřejnosti | od pondělí do pátku 09:00 až 17:00 |
| E-mailem | [email protected] |
| Název: | |
| E-mailem: | |
| Zpráva: | |
