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

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

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

总结:

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

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

时间: 2024-12-21 01:31:11

图书馆管理系统——模板建立的相关文章

ASP.NET Core 打造一个简单的图书馆管理系统(三)基本登录页面以及授权逻辑的建立

前言: 本系列文章主要为我之前所学知识的一次微小的实践,以我学校图书馆管理系统为雏形所作. 本系列文章主要参考资料: 微软文档:https://docs.microsoft.com/zh-cn/aspnet/core/getting-started/?view=aspnetcore-2.1&tabs=windows <Pro ASP.NET MVC 5>.<Bootstrap 开发精解>.<锋利的 jQuery> 此系列皆使用 VS2017+C# 作为开发环境.

JavaWeb学习入门之——图书馆管理系统开发(Hibernate学习1)

最近看了看JavaWeb的书籍,才感觉到大二时候学的JavaWeb才仅仅只是个入门.最尴尬的当初还没咋学一直在看.NET,现在看起来JavaWeb,各种框架各种头疼啊.看了几个例子之后觉得,还是自己动手做个项目试试.边做边学才能学的快一点.做的时候用博客园记录下过程,省得以后忘.之所以选图书馆管理系统呢,是因为做过几个课程设计.对它的需求还是比较了解一点.现在通用的框架模式都是MVC,我在学的时候想先从Model层开始学.于是就先选Hibernate开始. 一.数据库 先简单设计几张表,图书表,

图书馆管理系统 SRS文档

图书馆管理系统 SRS文档 编写人:魏晓 日期:2015年05月27日 1介绍 1.1编写目的 图书管理系统需求规格说明书是为了让系统的涉众就该系统的需求达成一致认可,明确该系统的需求,为后续的开发工作提供依据.通常,该需求规格说明可以作为产品设计的主要依据,并作为工程师编码时了解软件实际需求的主要参考资料.同时,需求规格说明是产品实现后用于检验的主要考察依据,是测试人员编写测试用例时的主要参考文件.另外,本文档还可以为其他需要了解系统需求的人员提供产品需求的详细说明. 1.2背景 软件系统的名

图书馆 管理系统--可行性报告

1.引言 1.1编写目的     本需求的编写是为了研究利用大型数据库做基础的图书管理系统软件的开发途径和应用方法.同时它也是进行项目策划.概要设计和详细设计的基础,是维护人员进行内部维护,信息更新,验收和测试的依据. 1.2项目背景 l  开发软件的名称:图书管理系统.  l  图书管理系统这任务提出与开发者为我们小组软件工程的的课程设计,用户是学校图书馆.  l  本产品是针对电脑管理图书的需求设计的,可以完成读者登记.购入新书.读者借还书.图书注销等. 1.3参考资料 <信息系统分析与设计

ASP.NET Core 打造一个简单的图书馆管理系统(五)初始化书籍信息

前言: 本系列文章主要为我之前所学知识的一次微小的实践,以我学校图书馆管理系统为雏形所作. 本系列文章主要参考资料: 微软文档:https://docs.microsoft.com/zh-cn/aspnet/core/getting-started/?view=aspnetcore-2.1&tabs=windows <Pro ASP.NET MVC 5>.<锋利的 jQuery> 此系列皆使用 VS2017+C# 作为开发环境.如果有什么问题或者意见欢迎在留言区进行留言.

ASP.NET Core 打造一个简单的图书馆管理系统(八)学生借阅/预约/查询书籍事务

前言: 本系列文章主要为我之前所学知识的一次微小的实践,以我学校图书馆管理系统为雏形所作. 本系列文章主要参考资料: 微软文档:https://docs.microsoft.com/zh-cn/aspnet/core/getting-started/?view=aspnetcore-2.1&tabs=windows <Pro ASP.NET MVC 5>.<锋利的 jQuery> 当此系列文章写完后会在一周内推出修正版. 此系列皆使用 VS2017+C# 作为开发环境.如果

图书馆管理系统(C语言实现)

源代码在这里 1   图书馆管理系统(C语言实现). 2  功能相对简单, 增删改查而已. 3  详细的介绍都在链接里了.

Android应用源码图书馆管理系统带服务端数据库

本项目是一套基于安卓的图书馆管理系统,包括jsp服务端源码,安卓客户端源码和mysql数据库.代码比较简单,供学习anroid与j2ee交互.例如Sqlite的使用.安卓客户端与jsp的web服务端的交互不错的全套完整源码.已包括服务端,搭个Tomcat环境就可以,非常简单. Code.rar

C++学习笔记之由文本文件读取数据到vector模板建立的二维数组 并存储为新的文本文件

阅读本文可首先参考: C++学习笔记之输入.输出和文件 测试数据: 1 /*读取txt文件到二维数组*/ 2 #include <iostream> 3 #include <fstream> 4 #include <vector> 5 #include <string> 6 7 using namespace std; 8 9 typedef vector< vector<int> > D2array; //二维数组 10 typed