标签：
图书馆管理系统也进行了有一段时日了，前段时间一直在进行画图，直到前天才真正的把图画完，当然后期肯定还有需要完善的地方。现阶段，我们就开始了界面的搭建，这个对于我们来说既是熟悉的，同时也是具有挑战性的。为什么这么说呢？
熟悉的是我们学习BS的第一个项目就是牛腩新闻发布系统，这个项目就是从代码到界面搭建，整合等项目的全套学习，我们的图书馆管理系统基本上都是这里面所讲到过的，对于我们来说都不陌生。但是，对于自己来说，当时学习牛腩视频的时候，基本上都是看着视频进行敲的，有很多地方不太理解，虽然功能或者样式都实现了，但是却没有很好的理解，所以有感觉到一阵头大，不知道如何下手。这不刚一接手，就遇到了问题：
这个问题在牛腩视频里也讲到过，就是在样式表中进行左浮动的清除，但是无论怎么修改都解决不了，找了好几个刚学完牛腩视频的来分析，也解决不了（值得自己去思考，为什么会遇到这样的问题呢？）。不过，最起码都还是有思路的，同时也打开了牛腩视频，将模板制作的那一部分又重新加速浏览了一遍，总算找到了一些思路。解决过程如下：
首先还是建立系统头部+底部的模板：
然后对这个模板进行必要设置，添加应有控件。HTML代码如下：
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="HeadFoot.master.cs" Inherits="LibrarySystem.HeadFoot" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link href="css/common.css" rel="stylesheet" />
<title>图书馆管理系统</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div id="top">
<asp:Image ID="Image1" runat="server" Height="152px" ImageUrl="~/images/管理系统.png" Width="1000px" />
<table id="myTable" style="width: 1002px; height: 40px;">
<tr>
<td style="background-color: #0000FF; font-size: medium; color: #FFFFFF;" class ="title"><a href="test.aspx" >网站首页</a> <a href="">公告通知</a> <a href="">期刊导航</a> <a href="">我的图书馆</a> <a href="">意见箱</a>
<a href="">管理员登录
</a></td>
</tr>
</table>
</div>
<div id="main">
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<div id="foot" style="width:1000px;" >
<br /> 信息技术提高班<br />
开发小组：<a href ="http://blog.csdn.net/wpb92" target ="_blank" >王朋波</a> <a href ="http://blog.csdn.net/hu_zhiting" target ="_blank" >胡志婷</a> <a href ="http://blog.csdn.net/lishaoran369" target ="_blank" >李少然</a>
</div>
</form>
</body>
</html>
效果如下：
这是所有页所共有的模板页，而我负责的后台也会有其独有的一种样式，所以就涉及到了模板嵌套的问题，我此次出现的问题也就是在这里。说到这里，我要提一点，在新建项目时，如果建立的是项目，而不是网站。这时建立嵌套模板时会出现不同的提示：
正常项目：
如果建立的模板没有嵌套的模板时，只需选择第一个web窗体母版页；如果有嵌套的模板，则需要选择第二个web窗体母版页（嵌套）。而建立的是网站时：
网站建立母版，只有一个母版页选项。如果是嵌套的母版，只需将下方的复选框选中即可，然后选择需要的母版。
建立好嵌套模板之后，在对母版页进行你想要的效果设置即可。
<%@ Master Language="C#" MasterPageFile="~/HeadFoot.Master" AutoEventWireup="true" CodeBehind="managerCommon.master.cs" Inherits="LibrarySystem.admin.managerCommon" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link href="../css/Manager.css" rel="stylesheet" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
<div id="menu">
<asp:Menu ID="Menu1" runat="server">
<Items>
<asp:MenuItem Text="首页" Value="首页"></asp:MenuItem>
<asp:MenuItem Text="类别管理" Value="类别管理"></asp:MenuItem>
<asp:MenuItem Text="书籍管理" Value="书籍管理">
<asp:MenuItem Text="图书管理" Value="图书管理"></asp:MenuItem>
<asp:MenuItem Text="期刊管理" Value="期刊管理"></asp:MenuItem>
<asp:MenuItem Text="添加图书" Value="添加图书"></asp:MenuItem>
<asp:MenuItem Text="添加期刊" Value="添加期刊"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="借书管理" Value="借书管理"></asp:MenuItem>
<asp:MenuItem Text="还书管理" Value="还书管理"></asp:MenuItem>
<asp:MenuItem Text="用户管理" Value="用户管理">
<asp:MenuItem Text="学生管理" Value="学生管理"></asp:MenuItem>
<asp:MenuItem Text="教师管理" Value="教师管理"></asp:MenuItem>
<asp:MenuItem Text="添加学生" Value="添加学生"></asp:MenuItem>
<asp:MenuItem Text="添加教师" Value="添加教师"></asp:MenuItem>
</asp:MenuItem>
<asp:MenuItem Text="账单管理" Value="账单管理"></asp:MenuItem>
<asp:MenuItem Text="其他" Value="其他"></asp:MenuItem>
</Items>
</asp:Menu>
</div>
<asp:ContentPlaceHolder id="m_ContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder>
</asp:Content>
最后就是要将模板引用到自己的项目中，新建窗体时选择带有母版的窗体：
对自己的界面进行相应的设计，到此就完成了引用母版。其效果如下：
在这个过程需要注意的地方：
1、如果是正常项目引用嵌套模板的时候，一定要正确选择母版页。
2、记得将自己的CSS样式引用到母版，一般都引用到ID为“Content1”中。
3、建立嵌套母版页的时候，相对第一层母版页，会少一行代码，这行代码也是我这次出现问题的地方，代码如下：
<asp:ContentPlaceHolder id="m_ContentPlaceHolder" runat="server">
</asp:ContentPlaceHolder> 这部分就是我们界面上的主体部分，位于ID为“Content2”中，与所加的<div>同级，不可或缺。但是，不知道为何建立的嵌套母版页没有这行代码。所以，我们在使用的时候需要特别注意。
总结：
看似简单的母版页制作，其中却存在这么多问题，一不小心就可能出错。回忆起当时自己做牛腩的时候，也没有出现错误，对这个问题的理解也不是很深。所以，我应该感谢这个错误，因为它，我又成长了一步。
问题是解决了，但是我们还需要反思，为什么呢？首先就是曾经做的东西，还没过多久就没有了印象，这时为何？还有就是给我们启示，我们应该好好的理解一直都在说的编织知识网，现在我们有了很多的节点，任务就是将它们联系起来。这个事实也证明，我们现在的路是正确的，继续努力。期待着图书馆系统成功的那一天。。。。
标签：
原文地址：http://blog.csdn.net/wpb92/article/details/46379407
