图书馆管理系统——模板建立

Posted yutingliuyl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了图书馆管理系统——模板建立相关的知识,希望对你有一定的参考价值。

      图书馆管理系统也进行了有一段时日了,前段时间一直在进行绘图,直到前天才真正的把图画完,当然后期肯定还有须要完好的地方。

现阶段,我们就開始了界面的搭建。这个对于我们来说既是熟悉的。同一时候也是具有挑战性的。

为什么这么说呢?

      熟悉的是我们学习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>同级,不可或缺。

可是,不知道为何建立的嵌套母版页没有这行代码。

所以。我们在使用的时候须要特别注意。


      总结:

         看似简单的母版页制作,当中却存在这么多问题。一不小心就可能出错。回顾起当时自己做牛腩的时候。也没有出现错误,对这个问题的理解也不是非常深。

所以。我应该感谢这个错误,由于它,我又成长了一步。

         问题是攻克了,可是我们还须要反思,为什么呢?首先就是以前做的东西。还没过多久就没有了印象,这时为何?还有就是给我们启发。我们应该好好的理解一直都在说的编织知识网,如今我们有了非常多的节点,任务就是将它们联系起来。

这个事实也证明,我们如今的路是正确的。继续努力。期待着图书馆系统成功的那一天。。

。。








以上是关于图书馆管理系统——模板建立的主要内容,如果未能解决你的问题,请参考以下文章

C语言 图书借阅管理系统

求可修改的图书馆管理系统Access模板!

如何制作班级模板

VSCode自定义代码片段——.vue文件的模板

VSCode自定义代码片段1——vue主模板

VSCode自定义代码片段2——.vue文件的模板