图书馆管理系统也进行了有一段时日了,前段时间一直在进行绘图,直到前天才真正的把图画完,当然后期肯定还有须要完好的地方。
现阶段,我们就開始了界面的搭建。这个对于我们来说既是熟悉的。同一时候也是具有挑战性的。
为什么这么说呢?
熟悉的是我们学习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>同级,不可或缺。
可是,不知道为何建立的嵌套母版页没有这行代码。
所以。我们在使用的时候须要特别注意。
总结:
看似简单的母版页制作,当中却存在这么多问题。一不小心就可能出错。回顾起当时自己做牛腩的时候。也没有出现错误,对这个问题的理解也不是非常深。
所以。我应该感谢这个错误,由于它,我又成长了一步。
问题是攻克了,可是我们还须要反思,为什么呢?首先就是以前做的东西。还没过多久就没有了印象,这时为何?还有就是给我们启发。我们应该好好的理解一直都在说的编织知识网,如今我们有了非常多的节点,任务就是将它们联系起来。
这个事实也证明,我们如今的路是正确的。继续努力。期待着图书馆系统成功的那一天。。
。。