ASP.NET页面统一布局、页面导航(站点地图)

一、什么是页面统一布局?

一个网站中包含的所有页面,基本的布局格式没有很大的改变,只是其主要模块的某个区域发生变化,遇到类似于这类网站,开发过程中没有必要将每个页面的所有模块全部开发。
在开发每个网站之前,首先要考虑页面的基本布局

1.栏式结构

简单实用、条理分明、格局清晰严谨、适合信息量大的页面
页面布局技术
Table(目前基本上不会实用)
DIV+CSS(目前的主流布局)
在ASP.NET Webform框架中主要采用MasterPage

2.母版页MasterPage

  1. 页面的合成:母版页+内容页=统一布局的新页面
  2. 母版页的特点:
    1. 有利于站点修改和维护,降低开发人员成本
    2. 有利于实现页面的统一布局
  3. 母版页的使用:
    1. 创建母版页
    2. 设计样式
    3. 添加内容页
      ContentPlaceHolder:这个标签对应的是母版中需要被嵌套的区域
      Content:包含母版页的Web窗体中的这个标签,指的是往母版页对应的区域中嵌套的标签
				<%-- 母版主内容 --%>
                <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                </asp:ContentPlaceHolder>

在这里插入图片描述

3.包含母版页Web窗体

在这里插入图片描述

在这里插入图片描述

二、页面导航和站点地图

1.站点地图(导航控件)

SiteMapPath控件是一个可以指示页面在站点逻辑位置的导航控件

  1. 该类型的导航可以帮助用户理解站点的结构
  2. 通过该导航,可以迅速找到相关的位置
		 <%-- 网页地图 --%>
         <div id="webMapDiv">  
              <asp:SiteMapPath ID="SiteMapPath1" runat="server"></asp:SiteMapPath>
         </div>

在这里插入图片描述

2.站点地图

在这里插入图片描述

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="~/IndexMainPage.aspx" title="学员管理系统" description="">
    <siteMapNode url="~/Student/AddStudentPage.aspx" title="添加学员信息"/>
    <siteMapNode url="~/Student/StudentManagerPage.aspx" title="学员信息管理"/>
    <siteMapNode url="~/Score/ScoreManagerPage.aspx" title="成绩信息管理"/>
    <siteMapNode url="~/Admin/PwdChanged.aspx" title="修改管理员密码"/>
  </siteMapNode>
</siteMap>
原创文章 155 获赞 325 访问量 4万+

猜你喜欢

转载自blog.csdn.net/dust__/article/details/106111010