WebPages sahifa maketi (layout)
Web Pages yordamida yagona maketga (layout) ega veb-sayt yaratish oson.
Yagona ko‘rinish
Internetda ko‘rinishi va uslubi yagona bo‘lgan ko‘plab veb-saytlarni uchratasiz:
- Har bir sahifada bir xil yuqori qism (header) bo‘ladi
- Har bir sahifada bir xil pastki qism (footer) bo‘ladi
- Har bir sahifa bir xil uslub va maketga ega bo‘ladi
Web Pages yordamida buni juda samarali amalga oshirish mumkin. Header va footer kabi qayta ishlatiladigan kontent bloklarini (content blocks) alohida fayllarda saqlashingiz mumkin.
Shuningdek, maket shablonidan (layout fayli) foydalanib, barcha sahifalaringiz uchun yagona maket belgilashingiz mumkin.
Kontent bloklari
Ko‘plab veb-saytlarda har bir sahifada ko‘rsatiladigan kontent (masalan, header va footer) bo‘ladi.
Web Pages’da alohida fayllardan kontentni import qilish uchun @RenderPage() metodidan foydalanishingiz mumkin.
Kontent bloki (boshqa fayldan) veb-sahifaning istalgan joyiga import qilinishi mumkin va u xuddi oddiy veb-sahifa kabi matn, belgilash (markup) va koddan iborat bo‘lishi mumkin.
Umumiy header va footer’larni misol qilib oladigan bo‘lsak, bu sizni ko‘p ishdan xalos qiladi. Bir xil kontentni har bir sahifaga yozishingiz shart emas, header yoki footer fayllarini o‘zgartirganingizda esa kontent barcha sahifalaringizda yangilanadi.
Kodda bu quyidagicha ko‘rinadi:
Misol
<html>
<body>
@RenderPage("header.cshtml")
<h1>Hello Web Pages</h1>
<p>This is a paragraph</p>
@RenderPage("footer.cshtml")
</body>
</html>
Misolni ishga tushirish »
Maket sahifasidan (layout page) foydalanish
Oldingi bo‘limda bir xil kontentni ko‘plab veb-sahifalarga qo‘shish oson ekanini ko‘rdingiz.
Yagona ko‘rinish yaratishning yana bir usuli — maket sahifasidan (layout page) foydalanish. Maket sahifasi veb-sahifaning kontentini emas, balki tuzilmasini o‘z ichiga oladi. Veb-sahifa (kontent sahifasi) maket sahifasiga bog‘langanda, u maket sahifasiga (shablonga) muvofiq ko‘rsatiladi.
Maket sahifasi oddiy veb-sahifaga o‘xshaydi, faqat unda kontent sahifasi qo‘shiladigan joyda @RenderBody() metodi chaqiriladi.
Har bir kontent sahifasi Layout direktivasi bilan boshlanishi kerak.
Kodda bu quyidagicha ko‘rinadi:
Maket sahifasi:
<html>
<body>
<p>This is header text</p>
@RenderBody()
<p>© 2014 W3Schools. All rights reserved.</p>
</body>
</html>
Istalgan veb-sahifa:
@{Layout="Layout.cshtml";}
<h1>Welcome to W3Schools</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit,sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laborisnisi ut aliquip ex ea commodo consequat.
</p>
Misolni ishga tushirish »
D.R.Y. - Don’t Repeat Yourself (o‘zingizni takrorlamang)
Ikki ASP.NET vositasi — kontent bloklari (Content Blocks) va maket sahifalari (Layout Pages) yordamida veb-ilovalaringizga yagona ko‘rinish berishingiz mumkin.
Bu vositalar sizni ko‘p ishdan ham xalos qiladi, chunki bir xil ma’lumotni barcha sahifalarda takrorlashingiz shart emas. Belgilash (markup), uslub va kodni markazlashtirish veb-ilovalarni boshqarishni ancha qulay, ularga xizmat ko‘rsatishni esa osonroq qiladi.
Fayllarni brauzerda ochilishidan himoyalash
ASP.NET’da nomi pastki chiziq bilan boshlanadigan fayllarni vebdan turib brauzerda ochib bo‘lmaydi.
Agar kontent bloklaringiz yoki maket fayllaringizni foydalanuvchilar ko‘rishining oldini olmoqchi bo‘lsangiz, fayllarni quyidagicha qayta nomlang:
_header.cshtml
_footer.cshtml
_Layout.cshtml
Maxfiy ma’lumotlarni yashirish
ASP.NET’da maxfiy ma’lumotlarni (ma’lumotlar bazasi parollari, elektron pochta parollari va h.k.) yashirishning keng tarqalgan usuli — bu ma’lumotlarni "_AppStart" nomli alohida faylda saqlash.
_AppStart.cshtml
@{
WebMail.SmtpServer = "mailserver.example.com";
WebMail.EnableSsl = true;
WebMail.UserName = "username@example.com";
WebMail.Password = "your-password";
WebMail.From = "your-name-here@example.com";
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!