Навігація
Головна
 
Головна arrow Інформатика arrow Проектування і розробка web-додатків
< Попередня   ЗМІСТ   Наступна >

МАЙСТЕР-СТОРІНКИ

Для завдання однакової структури у всіх web-форм додатки використовується майстер-сторінки. Це шаблони, які містять загальні для всіх форм елементи і спеціальні елементи (хоча б один) ContentPlaceHolder (власники місця для утримання), що визначають місце розташування областей, в яких буде розміщуватися зміст інших web-форм (сторінок-змістів). наприклад,

<Asp: ContentPlaceHolder ID = "HeadContent" runat = "server">

</ Asp: ContentPlaceHolder>

Для використання майстер-сторінки в директиві Ради з web- форми потрібно задати атрибут MasterPageFile, який пов'язує її з використовуваної майстер-сторінкою, наприклад,

MasterPageFile = "- / Site.master"

Web-форма, яка використовує майстер-сторінку, повинна включати елементи <asp: Content>, що описують зміст (HTML-розмітку і серверні ЕУ), яке буде включатися до відповідних їм елементи <asp: ContentPlaceHolder> майстер-сторінки. Зв'язок між ними задається за допомогою атрибута ContentPlaceHolderlD. Наприклад, зміст наступного ЕУ

<Asp: Content ID = "HeaderContent" runat- "server"

ContentPlaceHolderlD = "HeadContent">

</ Asp: Content>

буде розміщуватися в тому місці майстер-сторінки, де знаходиться ЕУ ContentPlaceHolder, що має ID зі значенням HeadContent.

Зазвичай майстер-сторінка містить фіксовані елементи, однакові для всіх сторінок, і заповнювач вмісту для іншої частини сторінки. Найбільш типовими фіксованими елементами є верхній і нижній колонтитули, панель навігації, панель меню і т. Д.

Як приклад розглянемо майстер-сторінку site.master, створювану в шаблоні ASP.Net Web Site (або Web Application), показану на рис. 4.8.

Майстер-сторінка Site.master з шаблону ASP.Net Web Site

Мал. 4.8. Майстер-сторінка Site.master з шаблону ASP.Net Web Site

У даній майстер-сторінці описані два ЕУ типу ContentPlaceHolder: з ідентифікаторами HeadContent (в заголовку сторінки) і MainContent з ідентифікатором MainContent (в тілі сторінки). На кожній сторінці також містяться такі ЕУ, як asp: LoginView (підключення користувача до web-додатком) і asp: Menu (меню web-додатки для переходу між web-формами). Крім цього, дана майстер-сторінка використовує каскадну таблицю стилів Site.css: clink href = "- / Styles / Site.css" rel- "stylesheet" type-'text / css "/>, яка задає блочну верстку формованого HTML- коду, що було раніше описано в розділі "Блокова верстка HTML-документів".

Майстер-сторінка Site.master використовується, наприклад, сторінкою змісту Default.aspx (рис. 4.9).

Сторінка-змісту Default.aspx з шаблону ASP.Net Web Site

Мал. 4.9. Сторінка-змісту Default.aspx з шаблону ASP.Net Web Site

Результат виконання запиту користувача до web-формі Default.aspx

Мал. 4.10. Результат виконання запиту користувача до web-формі Default.aspx

У web-формі, показаної на рис. 4.9, описані два ЕУ asp: Content, які посилаються на елементи asp: ContentPlaceHolder за допомогою атрибутів ContentPlaceHolderlD. При зверненні користувача до web-формі Default.aspx виходить результат, який показаний на рис. 4.10.

Для зв'язування нової web-форми додатки (наприклад, Page2.aspx) з майстер-сторінкою потрібно при її створенні встановити прапорець Select master page і вибрати використовувану майстер-сторінку (в даному випадку - Site.master). Після цього посилання на нову сторінку змісту потрібно включити в меню:

<Asp: Menu ID-'NavigationMenu "runat-'server" CssClass-'menu "

EnableViewState = "false" lncludeStyleBlock = "false"

Orientation = "Horizontar>

<Ltems>

<Asp: Menultem NavigateUrl-WDefault.aspx "Text =" Home'7>

<Asp: Menultem NavigateUrl = "~ / About.aspx" Text = "About'7>

<asp: Menultem NavigateUrl = "~ / Page2.aspx" Text = "HoBan сторінка " />

</ Ltems>

</ Asp: Menu>

Використання нової web-форми зі стандартною майстер-сторінкою

Мал. 4.11. Використання нової web-форми зі стандартною майстер-сторінкою

В результаті цих дій створена сторінка змісту може заповнюватися серверними ЕУ і іншим змістом звичайним чином. Отриманий результат показаний на рис. 4.11.

 
Якщо Ви помітили помилку в тексті позначте слово та натисніть Shift + Enter
< Попередня   ЗМІСТ   Наступна >
 
Дисципліни
Агропромисловість
Аудит та Бухоблік
Банківська справа
БЖД
Географія
Документознавство
Екологія
Економіка
Етика та Естетика
Журналістика
Інвестування
Інформатика
Історія
Культурологія
Література
Логіка
Логістика
Маркетинг
Медицина
Нерухомість
Менеджмент
Педагогіка
Політологія
Політекономія
Право
Природознавство
Психологія
Релігієзнавство
Риторика
Соціологія
Статистика
Техніка
Страхова справа
Товарознавство
Туризм
Філософія
Фінанси
Пошук