zoukankan      html  css  js  c++  java
  • 图书馆管理系统——模板建立

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

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

    为什么这么说呢?

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

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

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


          总结:

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

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

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

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

    。。

  • 相关阅读:
    UVaLive 7362 Farey (数学,欧拉函数)
    UVaLive 7361 Immortal Porpoises (矩阵快速幂)
    UVaLive 7359 Sum Kind Of Problem (数学,水题)
    CodeForces 706D Vasiliy's Multiset (字典树查询+贪心)
    负载均衡服务器
    集群-如何理解集群?
    架构规划
    领域模型
    状态图
    E-R图
  • 原文地址:https://www.cnblogs.com/yutingliuyl/p/7102632.html
Copyright © 2011-2022 走看看