日期:2014-05-16  浏览次数:20726 次

教你轻松构建asp.net网站框架

  一般的网站框架与下面的页面大致相同,分为4部分:如下图所标识的,1、2、4部分基本保持不变,主要变的只有第三部分,通过点击2部分的菜单,来使相应的页面显示在第3部分,而且2部分和3部分的内容都是灵活可配的。这样的一个框架相信大家都耳熟能详了,那么如何做出来呢?当然有很多种方法,比如用Iframe、frameset等来拼接页面,不过框架的内容以及部署都需要手工完成,工作量很大。这里教你如何用10分钟完成这个任务。请看下文


  


       十分钟完成这样一个灵活可配的框架,明眼人一想就知道要用别人封装好的东西啦。没错,就用.Net2.0提供的模板页+站点地图+TreeView控件即可。步骤如下:


(1)模板页设计


       用VS新建一个Web站点(命名为TestWebSiteFramework),添加一个模板页(命名为MotherPage)。


  


       模板页上只有一个ContentPlaceHolder服务器控件,这是允许改变的内容,其它固定部分在这个控件以外的地方添加。在此文件中添加一个table,设置3行2列,并将ContentPlaceHolder控件放到第2行第2列中。在第一行中输入框架的标头,第三行输入框架的页尾。例下图:


  


(2)站点地图设计


  对刚才的的站点右击-添加-新建项,添加一个“站点地图”,如下图:


  


       打开站点地图可以发现它是一个非常标准的XML文件。每个站点包含3个属性:url、title、description,一看便知它就是我们的框架右侧的菜单部分(即第2模块)。title即为菜单名称,url对应的页面文件即为框架的第3模块。例如:

<?xml version="1.0" encoding="utf-8" ?>
<siteMap xmlns="http://schemas.microsoft.com/AspNet/SiteMap-File-1.0" >
  <siteMapNode url="First.aspx" title="会员卡积分系统" description="">
    <siteMapNode url="" title="会员资料管理"  description="记载会员的详细资料">
        <siteMapNode url="Second.aspx" title="添加会员资料"  description="" />
        <siteMapNode url="Third.aspx" title="查询会员资料"  description="" />
        <siteMapNode url="Fourth.aspx" title="修改会员资料"  description="" />
    </siteMapNode>
    <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>