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


          图书馆管理系统也进行了有一段时日了,前段时间一直在进行画图,直到前天才真正的把图画完,当然后期肯定还有需要完善的地方。现阶段,我们就开始了界面的搭建,这个对于我们来说既是熟悉的,同时也是具有挑战性的。为什么这么说呢?

          熟悉的是我们学习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>同级,不可或缺。但是,不知道为何建立的嵌套母版页没有这行代码。所以,我们在使用的时候需要特别注意。


          总结:

             看似简单的母版页制作,其中却存在这么多问题,一不小心就可能出错。回忆起当时自己做牛腩的时候,也没有出现错误,对这个问题的理解也不是很深。所以,我应该感谢这个错误,因为它,我又成长了一步。

             问题是解决了,但是我们还需要反思,为什么呢?首先就是曾经做的东西,还没过多久就没有了印象,这时为何?还有就是给我们启示,我们应该好好的理解一直都在说的编织知识网,现在我们有了很多的节点,任务就是将它们联系起来。这个事实也证明,我们现在的路是正确的,继续努力。期待着图书馆系统成功的那一天。。。。

  • 相关阅读:
    java equals与==的区别
    java中switch能否使用String作为参数?
    java九种数据类型以及封装类
    JavaWeb-----------------Json(一)
    JavaWeb-----------Ajax页面局部刷新(三)
    Linux下的C语言读写练习(二)
    Nginx HTTP负载均衡和反向代理的配置与优化
    kafka端口和zookeeper端口
    Correct the classpath of your application so that it contains a single, compatible version of org.springframework.util.Assert
    nginx简介&nginx基本配置和优化
  • 原文地址:https://www.cnblogs.com/victor-grace/p/7253795.html
Copyright © 2020-2023  润新知