asp.net作业合集二

实验5 网站地图与导航控件的使用
实验类型:设计性实验 要求:必做 学时:4
实验时间及地点:

一、实验目的
1、掌握网站地图文件的格式规范;
2、掌握面包屑导航的实现原理与方法;
3、掌握使用TreeView控件实现网站树状折叠式导航菜单的方法;
4、掌握使用Menu控件实现网站水平导航菜单的方法;
5、掌握母版的创建与使用。
二、实验内容
1、母版的创建与使用。
2、使用SiteMapPath控件制作网站导航面包屑。
3、使用TreeView控件制作树状折叠式菜单。
4、使用Menu控件制作水平弹出式菜单。
三、实验步骤
1、母版的创建与使用。
1)新建母版页面,在其中插入一个3行1列的表格,在第1行和第3行分别输入“公司徽标、名称、动画等主页头部信息”、“版权所有@武汉天地公司”,在第2行添加一个ContentPlaceHolder控件。
2)在网站根目录下新建images文件夹,在其中存入一幅图片。
3)基于刚创建的母版新建一个Web窗体,在可编辑区域插入images文件夹中的图片。
4)浏览页面。

<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
    <img src="images/1.jpg" />
</asp:Content>

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>

<!DOCTYPE html>

<html>
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table style ="width: 100%;">
            <tr>
                <td>武汉天地公司主页</td>
            </tr>
            <tr>
                <td>
                    <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
                    </asp:ContentPlaceHolder>
                </td>
            </tr>
            <tr>
                <td>版权所有@武汉天地公司</td>
            </tr>
        
        
    </div>
    </form>
</body>
</html>

2、从内容页访问母版页的控件
设计一个母版页,母版页中包含一个Label控件,页面载入时显示“欢迎您!”。内容页中包含有两个文本框和一个“登录”按钮,文本框用来接收用户登录时输入的用户名和密码。用户在内容页登录成功后,母版页中Label控件的内容中增加用户在登录时输入的用户名。设计效果如下图所示。

  protected void Button1_Click(object sender, EventArgs e)
    {
        Lable Labelename = (Label)Master.FindControl("Label1");
        Labelename.Text = "欢迎" + TextBox1.Text + "!";
    }

3、面包屑导航
新建站点地图Web.sitemap

新建主页Default.aspx,在其中放置一个SiteMapPath控件,显示站点根目录。
新建二级页面Products.aspx,在其中放置一个SiteMapPath控件。
新建三级页面Hardware.aspx,在其中放置一个SiteMapPath控件。
分别浏览主页Default.aspx、二级页面Products.aspx、三级页面Hardware.aspx。

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="~/Default.aspx" title="首页"  description="">
    <siteMapNode url="~/Products.aspx" title="产品分类"  description="" />
    <siteMapNode url="~/Hardware.aspx" title="硬件产品"  description="" />
  </siteMapNode>
</siteMap>

4、使用TreeView控件制作树状折叠式菜单。
1)右键网站名称→添加新项→站点地图,命名为Web2.sitemap。

2)新建窗体页面,在其中添加一个SiteMapDataSource数据源控件和一个TreeView控件,并设置TreeView控件的DataSourceID的属性值为“SiteMapDataSource1”。
3)为一个站点配置多个站点地图。
a.在Web.config 文件中<system.web>下添加以下内容:

b.在SiteMapDataSource1属性窗口的SiteMapProvider 里填 kk。
4)浏览页面。

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="" title="管理系统"  description="">
    <siteMapNode url="" title="商品管理"  description="商品操作" >
      <siteMapNode url="" title="积分使用"  description="" />
      <siteMapNode url="" title="积分规则"  description="" />
    </siteMapNode>
    <siteMapNode url="" title="卡雷管理"  description="会员卡操作" >
      <siteMapNode url="" title="添加卡类型"  description="" />
    <siteMapNode url="" title="卡类型修改"  description="" />
      <siteMapNode url="" title="积分规则修改"  description="" />
     </siteMapNode>
     <siteMapNode url="" title="会员信息管理"  description="会员详细信息" >
       <siteMapNode url="" title="会员信息添加"  description="" />
       <siteMapNode url="" title="会员信息查询"  description="" />
       <siteMapNode url="" title="会员信息修改"  description="" />
     </siteMapNode>
    <siteMapNode url="" title="积分管理"  description="积分信息" >
      <siteMapNode url="" title="积分添加"  description="" />
      <siteMapNode url="" title="积分查询"  description="" />
      <siteMapNode url="" title="积分修改"  description="" />
    </siteMapNode>
  </siteMapNode>
  </siteMap>



      <siteMap>
        <providers>
          <add name="kk" type="System.Web.XmlSiteMapProvider" siteMapeFile="~/Web2.setemap"/>
        </providers>
      </siteMap>

5、使用Menu控件制作水平弹出式菜单。
1)使用步骤4中的站点地图。
2)新建窗体页面,在其中添加一个SiteMapDataSource数据源控件和一个Menu控件,并设置Menu控件的DataSourceID的属性值为“SiteMapDataSource1”,设置Menu控件的Orientation属性值为"Horizontal",单击Menu控件的智能按钮→自动套用格式→彩色。设置SiteMapDataSource1的ShowStartingNode属性为False。
3)为一个站点配置多个站点地图。
a.在Web.config 文件中<system.web>下添加以下内容:

b.在SiteMapDataSource1属性窗口的SiteMapProvider 里填 kk。
4)浏览页面。

实验小结
我掌握网站地图文件的格式规范;掌握面包屑导航的实现原理与方法;掌握使用TreeView控件实现网站树状折叠式导航菜单的方法;掌握使用Menu控件实现网站水平导航菜单的方法;掌握母版的创建与使用。

  • 0
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值