İçindekiler
Windows'ta web geliştirmenin yanı sıra Visual Studio .Net ve IIS sunucusuna sahibiz, Linux'ta Monodevelop ve Apache sunucusunu XSP modülü ile kullanabiliriz.
Apache ile ASP.NET
modül mod_mono Apache uygulamaları çalıştırmak için kullanılır ASP.NET Apache web sunucusunda.
modül mod_mono bir Apache işlemi içinde çalışır ve ASP.NET uygulamalarından gelen tüm istekleri ASP.NET uygulamalarını barındıran harici bir Mono işlemine iletir.
Monodevelop'u Linux'a kuracağız
sudo apt-key adv --keyserver keyserver.ubuntu.com --recv-keys 3FA7E0328081BFF6A14DA29AA6A19B38D3D831EF echo "deb http://download.mono-project.com/repo/debian hırıltılı ana" | sudo tee /etc/apt/sources.list.d/mono-xamarin.list sudo apt-get güncellemesi
Linux'ta XSP 4'ü test etmek için sunucuyu kuracağız
sudo apt-get install mono-xsp4-baseXPS nedir?XSP geliştirme testlerinde kullanılacak bir sunucudur, profesyonelce çalışan bir sunucu veya web uygulaması istiyorsak Apache ve mod_mono kullanmak daha iyidir, bu sayede Apache'nin sağladığı ölçeklenebilirlik ve güvenliği elde etmiş oluruz.
sonra açıyoruz MonoDevelop ve biz seçiyoruz Yeni proje (Karşılama sayfasında veya Dosya menüsünde), iletişim kutusunu açmak için Yeni çözüm. Soldaki proje türleri listesinde C# kategorisini genişletin ve ASP.NET seçeneğini seçin.
Başladığımızda, projelerde varsayılan dosyaların oluşturulduğunu göreceğiz, bunlar:
- Varsayılan.aspx hangi ana sayfa olacak.
- Global.asax bu, web sitesinin işlevselliği için c# kodunun global ayarlarını içeren dosya olacaktır.
- Web.config Web sitesinin kendi ayarlarına sahip xml dosyasıdır.
Web'in yapısı
Bir site sayfasının başlık, menü gibi bazı kısımlarını tekrarlamamız gereken bir web sitesinin yapısını tanımlayacağız ve bu kodu tüm sayfalarda tekrarlamamak için yapabileceğimiz bir Ana Sayfa oluşturmak. ve diğer sayfalarda referans verin.
Ana sayfa veya ana sayfa oluşturacağız, bunun için File> ASP.NET Webforms> Codebihind ile ana sayfa, onu arayacağız ev.ustası
home.master içinde web'in html yapısını yazıyoruz
Web ASP.net'imWeb ASP.net DemomŞimdi style.css olarak adlandırılacak css dosyasını oluşturuyoruz ve onu projenin aynı klasörüne koyacağız.
gövde {arka plan: # f8f8f8; kenar boşluğu: 0; dolgu: 0; yazı tipi boyutu: 11 piksel; satır yüksekliği: 16 piksel; yazı tipi ailesi: Arial, Tahoma;} a {renk: # 333333;} a: vurgulu {metin-dekorasyon: yok;} #head {arka plan: # 258dc8 tekrar-x; kutu gölgesi: 0 0 20px # f2f2f2 iç metin; yükseklik: 100 piksel; } #logo {genişlik: 780 piksel; kenar boşluğu: 0; dolgu: 8 piksel; } #logo a {renk: #FFFFFF; metin-dekorasyon: yok; yazı tipi ağırlığı: kalın; yükseklik: 12 piksel; yazı tipi boyutu: 20 piksel; text-transform: büyük harf;} #logo a: vurgulu {} #menu {arka plan: # 666666; genişlik: 1000 piksel; kenar boşluğu: 33 piksel; dolgu: 0 piksel; görüntü: satır içi blok;} #menu ul {arka plan: mavi;genişlik: 780 piksel; kenar boşluğu: 0 otomatik; üst kenar boşluğu: 3 piksel; liste stili: yok; dolgu: 0; text-align: left;} #menu ul li {ekran: satır içi} #menu ul a {ekran: blok; yüzer: sol; yazı tipi ağırlığı: kalın; yazı tipi boyutu: 13 piksel; metin-dekorasyon: yok; renk: #fff; dolgu: 8px 10px; genişlik: 118 piksel; metin hizalama: merkez; text-transform: büyük harf;} #menu ul a: vurgulu {renk: # 232323;} #menu ul a.active {color: # 232323;} #menu ul a.active: vurgulu {renk: # 232323;} #container {genişlik: 1000 piksel; kenar boşluğu: 0 otomatik;} #gövde {genişlik: %100; kenar boşluğu: 0 piksel; kayan nokta: sol;} # büyük resim {yükseklik: 150 piksel; tekrarsız # fe5d00; dolgu: 30px 0 30px 50px; line-height: 24px;} #content {float: left; arka plan: #ffffff tekrar-x; kenar boşluğu: 0 piksel; genişlik: 750 piksel; renk: # 6f6e6e; dolgu: 10 piksel; } #column {float: sol; arka plan rengi: #cccccc; kenarlık: 1 piksel katı # e3e3e3; sınır yarıçapı: 4 piksel; kutu gölgesi: 0 0 20px # f2f2f2 iç metin; tekrar-x; kenar boşluğu: 0 piksel; genişlik: 200 piksel; renk: # 6f6e6e; dolgu: 10 piksel; } #pie {arka plan: # 333333; tekrar-x; yükseklik: 40 piksel; üst kenar boşluğu: 20 piksel; clear: İkisi de;} Home.master dosyasına ASP.NET menüsünü ekleyeceğiz.Bu Menu kontrolü, oryantasyon, boyut, arka plan rengi gibi farklı özellikler atamamızı sağlar, Visual Studio.net'te Monodevelop'ta görsel olarak tasarlanabilir, CSS'den işlememiz uygundur. Ayrıca ContentPlaceHolder kontrolü ile kolon ve web içeriği için içerik alanlarını veya bloklarını tanımlamalıyız.Sütun için kod aşağıdaki gibi olacaktır: İçerik için kod aşağıdaki gibi olacaktır: Ayak için ayak bloğunu tanımlayacağız ve kod aşağıdaki gibi olacaktır: Ardından, dosyada ana sayfaya bağlanacak olan başlangıç ağının hangisi olacağını belirtmeliyiz. Varsayılan.aspx Varsayılan içeriği silip aşağıdaki kodu yazıyoruz:
Burada ana sayfanın hangisi olduğunu, dosyanın nerede olduğunu göstereceğimiz sayfanın kodunun nerede olduğunu ve bu durumda varsayılan sayfanın hangisi olduğunu belirtiyoruz.
Ayrıca içerik eklemek için dinamik bölgelere de başvuruyoruz. Kimlik sütunu, söz konusu içeriği tanımlayan herhangi bir ad olabilir:
Bölümler
- Satış
- Yeni arabalar
- Kullanılmış arabalar
Ayrıca Default.aspx.cs dosyasındaki load olayı üzerinden ana sayfanın hangisi olduğunu belirtmeliyiz, load olayını yazıyoruz
genel kısmi sınıf Varsayılan: System.Web.UI.Page {protected void Page_Load (nesne gönderici, EventArgs e) {}} Web'in Monodevelop fon F5'te veya Çalıştır menüsünden nasıl göründüğünü görelim
Hizmetler
- Otomotiv Aksesuarları
- Motorlar ve Direksiyon
- Sac ve Boya
- Otomotiv Elektroniği
Otomotiv klimalarının onarım ve bakımına adanmış bir şirketiz ve aracınız için geniş bir hizmet yelpazesi sunuyoruz.
Değişiklikleri derlemek için tekrar çalıştırıyoruz ve Hizmetler menüsüne basmanın sütunun içeriğini ve içerik bloğunu değiştirdiğini göreceğiz:
dosyayı açıyoruz Contact.aspx ve aşağıdaki kodu ekliyoruz:
Temas etmek
| Telefon | XXXXXXXXX |
|---|---|
| Halkın dikkati | pazartesiden cumaya 09:00-17:00 |
| e-posta | [email protected] |
| İsim: | |
| E-posta: | |
| İleti: | |
