ASP.NET master pages
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu

ASP.NET master pagesASP.NET master pages

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín

ASP.NET master pages

Google       Google       8. 10. 2006       11 625×


Pri vývoji webovej aplikácie by bolo veľmi pracné a nepraktické písať kód obsahujúci celkový vzhľad webu pre každú stránku. Oveľa jednoduchšie a pohodlnejšie je vytvoriť jednu šablónu, ktorá sa bude aplikovať na všetky stránky s konkrétnym obsahom.

Reklama
Reklama

Architektúra master pages

Technológia ASP.NET 2.0 obsahuje šablónové stránky nazvané master pages. Master page je sama o sebe súbor s príponou master, ktorý určuje štandardnú schému a design celej webovej aplikácie. Na určené miesto v tomto súbore sa umiesti kód webového ovládacieho prvku ContentPlaceHolder, ktorý má za úlohu vyhradiť miesto pre konkrétnu stránku (content page). Názorný príklad master a content pages je uvedený nižšie na obrázku.

Vytvorenie webovej aplikácie pomocou master page

Na začiatok by som chcel podotknúť, že tento systém je možné vytvoriť a používať len vo verziách ASP.NET 2.0 a vyšších. Tomu, ako vytvoriť master page pomocou nejakého IDE (napr. Visual Web Developer), sa venovať nebudem. Návod, ako to spraviť v spomínanom vývojovom prostredí, je uvedený na stránke http://www.devx.com/dotnet/Article/18042. Podstatné je vedieť princíp fungovania a vedieť ho aplikovať, než niečo naklikať.

Na vytvorenie webovej aplikácie systémom master pages je potrebné mať minimálne dva súbory. Jeden s príponou .master a druhý s klasickou ASP.NET príponou .aspx. Nasledujúci príklad bude obsahovať tri súbory – Main.master (master page) ako šablónu pre ďalšie dva súbory (Default.aspx a Default2.aspx – content pages) predstavujúce konkrétne stránky.

Main.master


<%@ Master Language="C#" %>
<html>
<head>
  <title>Web Site</title>
</head>

<body>
<form id="MasterPage" Runat="Server">

<table border="1">
<tr>
  <td colspan="2">
    <div>Site Title</div>
  </td>
<tr>
  <td>
    <b>Menu</b><br/>
    <br/>
    <a href="Default.aspx">Load Content Page 1</a><br/>
    <br/>
    <a href="Default2.aspx">Load Content Page 2</a><br/>
  </td>
  <td>
    <asp:ContentPlaceHolder id="Content" Runat="Server"/>
  </td>
</tr>
</table>

</form>
</body>

</html>

Ako je vidno na začiatku tohoto súboru, je riadok, ktorého obsah naznačuje, že sa jedná o master page a nižšie je uvedený spomínaný webový ovládací prvok ContentPlaceHolder.

Default.aspx


<%@ Page Language="C#" masterpagefile="Main.master" %>

<asp:Content id="ContentPage1" Runat="Server" ContentPlaceHolderID="Content">

    <h2> My content page 1 </h2>

</asp:Content>

Default2.aspx


<%@ Page Language="C#" masterpagefile="Main.master" %>

<asp:Content id="ContentPage2" Runat="Server" ContentPlaceHolderID="Content">

    <h2> My content page 2 </h2>

</asp:Content>

Posledné dva uvedené zdrojáky majú na svojom začiatku uvedený názov master page stránky, ktorá bude použitá ako ich šablóna. Ďalej v kóde je webový ovládací prvok Content. Tento prvok je kontajner pre obsah stránok content pages a nieje pridávaný počas behu (runtime). Namiesto toho obsah vo vnútri prvku Content je priamo spojený s odpovedajúcim prvkom ContentPlaceHolder.

Zopár linkov na danú tému

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

2 názory  —  2 nové  
Hlasování bylo ukončeno    
0 hlasů
Google
Autor je studentom FEI STU v Bratislave, odbor Aplikovana Informatika a vo svojom volnom case sa zaobera hlavne programovanim a rad sportuje.
Web    

Nové články

Reklama
Reklama
Obrázek ke článku NopCommerce – datová vrstva a přístup k datům – 2. díl

NopCommerce – datová vrstva a přístup k datům – 2. díl

V minulém článku jsme si představili platformu NopCommerce z globálního pohledu. V dnešním díle se již zaměříme na konkrétní část systému, a to datovou vrstvu. Představíme si základní stavební kameny systému v podobě doménových objektů. Ukážeme si, jakým způsobem rozšířit doménové objekty a jakým způsobem přistupuje NopCommerce k nastavení systému a modulů.

Obrázek ke článku Seznamte se s open source platformou NopCommerce – 1. díl

Seznamte se s open source platformou NopCommerce – 1. díl

Hledáte e-commerce řešení, které si dokážete přizpůsobit podle vašich požadavků? Chcete čistý a srozumitelný kód, se kterým bude radost pracovat? Prozkoumejte s námi možnosti open source projektu NopCommerce. Seriál programování pod NopCommerce vám pomůže překonat první kroky nejistoty a úspěšně zvládnout vývoj pod platformou NopCommerce.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032017 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý