Spisie treści
Oprócz tworzenia stron internetowych w Windows mamy Visual Studio .Net i serwer IIS, w Linuksie możemy wykorzystać Monodevelop i serwer Apache z modułem XSP.
ASP.NET z Apache
Moduł mod_mono Apache używane do uruchamiania aplikacji ASP.NET na serwerze WWW Apache.
Moduł mod_mono działa wewnątrz procesu Apache i przekazuje wszystkie żądania z aplikacji ASP.NET do zewnętrznego procesu Mono, który obsługuje aplikacje ASP.NET.
Zainstalujemy Monodevelop na Linuksie
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 aktualizacja sudo apt-get
Zainstalujemy serwer do testowania XSP 4 na Linuksie
sudo apt-get zainstaluj mono-xsp4-baseCo to jest XPS?XSP to serwer do wykorzystania w testach deweloperskich, jeśli chcemy mieć serwer lub aplikację internetową działającą profesjonalnie, lepiej użyć Apache i mod_mono, dzięki czemu osiągniemy skalowalność i bezpieczeństwo, które zapewnia Apache.
Potem otwieramy MonoDevelop a my wybieramy Nowy projekt (Na stronie powitalnej lub w menu Plik), aby otworzyć okno dialogowe Nowe rozwiązanie. Na liście typów projektów po lewej stronie rozwiń kategorię C# i wybierz opcję ASP.NET.
Gdy zaczniemy, zobaczymy, że w projektach generowane są domyślne pliki, są to:
- Domyślnie.aspx która będzie stroną główną.
- Globalny.asax którym będzie plik z globalnymi ustawieniami kodu c# dla funkcjonalności serwisu.
- Web.config Jest to plik xml z własnymi ustawieniami serwisu.
Struktura sieci
Zdefiniujemy strukturę witryny, w której będziemy musieli powtórzyć niektóre części strony witryny, takie jak nagłówek, menu i aby nie powtarzać tego kodu na wszystkich stronach, możemy stworzyć stronę wzorcową i odnieś się do niego na innych stronach.
Zamierzamy stworzyć stronę wzorcową lub stronę wzorcową, w tym celu zamierzamy Plik> ASP.NET Webforms> strona wzorcowa z Codebihind, zadzwonimy do niej home.master
Wewnątrz home.master piszemy strukturę html sieci
Moja strona internetowa ASP.netMoja internetowa wersja demonstracyjna ASP.netTeraz tworzymy plik css, który będzie nazywał się styles.css i umieścimy go w tym samym folderze projektu.
ciało {tło: # f8f8f8; margines: 0; wypełnienie: 0; rozmiar czcionki: 11px; wysokość linii: 16px; rodzina czcionek: Arial, Tahoma;} a {kolor: # 333333;} a: hover {tekst-dekoracja: brak;} #head {tło: # 258dc8 powtórz-x; box-shadow: 0 0 20px # f2f2f2 wstawka; wysokość: 100px; } #logo {szerokość: 780px; margines: 0; wypełnienie: 8px; } #logo a {kolor: #FFFFFF; dekoracja tekstu: brak; grubość czcionki: pogrubiona; wysokość: 12px; rozmiar czcionki: 20px; text-transform: uppercase;} #logo a: hover {} #menu {background: # 666666; width: 1000px; margin-top: 33px; padding: 0px; display: inline-block;} #menu ul {background: blue; szerokość: 780px; margines: 0 auto; margines górny: 3px; styl listy: brak; wypełnienie: 0; text-align: left;} #menu ul li {wyświetl: inline} #menu ul a {wyświetl: blok; pływak: lewy; grubość czcionki: pogrubiona; rozmiar czcionki: 13px; dekoracja tekstu: brak; kolor: #fff; dopełnienie: 8px 10px; szerokość: 118px; wyrównanie tekstu: środek; text-transform: uppercase;} #menu ul a: hover {kolor: # 232323;} #menu ul a.active {kolor: # 232323;} #menu ul a.active: hover {kolor: # 232323;} #kontener {szerokość: 1000px; margines: 0 auto;} #body {szerokość: 100%; margines: 0px; float: left;} # largeimage {height: 150px; bez powtórzeń # fe5d00; padding: 30px 0 30px 50px; line-height: 24px;} #content {float: left; tło: #ffffff powtórz-x; margines: 0px; szerokość: 750px; kolor: # 6f6e6e; wypełnienie: 10px; } #kolumna {liczba: lewa; kolor tła: #cccccc; obramowanie: stałe 1px # e3e3e3; promień obramowania: 4px; box-shadow: 0 0 20px # f2f2f2 wstawka; powtórz-x; margines: 0px; szerokość: 200px; kolor: # 6f6e6e; wypełnienie: 10px; } #pie {tło: # 333333; powtórz-x; wysokość: 40px; margines górny: 20px; clear: both;} Następnie w pliku home.master dodamy menu ASP.NETTa kontrolka Menu pozwala nam przypisać różne właściwości, takie jak orientacja, rozmiar, kolor tła, można ją zaprojektować wizualnie w Visual Studio.net w Monodevelop, wygodnie jest nam to obsługiwać z CSS. Musimy również zdefiniować obszary zawartości lub bloki dla kolumny i zawartości internetowej za pomocą kontrolki ContentPlaceHolderDla kolumny kod będzie wyglądał następująco: Dla treści kod będzie wyglądał następująco: Dla stopy zdefiniujemy blok stopy, a kod będzie wyglądał następująco: Następnie musimy wskazać w pliku stronę początkową do wyświetlenia, która będzie podłączona do strony wzorcowej Domyślny.aspx Usuwamy domyślną treść i piszemy następujący kod:
Tutaj wskazujemy, która jest stroną wzorcową, która jest plikiem, w którym znajduje się kod strony, którą zamierzamy pokazać, a która jest w tym przypadku stroną domyślną.
Odwołujemy się również do stref dynamicznych, aby dodać do nich zawartość. Kolumna ID może być dowolną nazwą identyfikującą konkretną treść:
Sekcje
- Obroty
- Nowe samochody
- Używane samochody
Musimy również wskazać, która jest stroną domową poprzez zdarzenie load w pliku Default.aspx.cs, zapisujemy zdarzenie load
public częściowa klasa Domyślnie: System.Web.UI.Page {protected void Page_Load (object sender, EventArgs e) {}} Zobaczmy, jak wygląda sieć w Monodevelop fon F5 lub w menu Uruchom
Usługi
- Akcesoria samochodowe
- Silniki i układ kierowniczy
- Blacha i farba
- Elektronika samochodowa
Jesteśmy firmą zajmującą się naprawą i konserwacją klimatyzacji samochodowej i świadczymy szeroki zakres usług dla Twojego pojazdu
Wykonujemy ponownie, aby skompilować zmiany i zobaczymy, że naciśnięcie menu Usługi zmienia zawartość kolumny i bloku treści:
Otwieramy plik Kontakt.aspx i dodajemy następujący kod:
Kontakt
| Telefon | XXXXXXXX |
|---|---|
| Publicznej uwagi | od poniedziałku do piątku 09:00 do 17:00 |
| [email protected] |
| Nazwa: | |
| E-mail: | |
| Wiadomość: | |
