1. 程式人生 > >圖書館管理系統——模板建立

圖書館管理系統——模板建立

設計 water title ext blog 錯誤 doctype rar post

圖書館管理系統也進行了有一段時日了,前段時間一直在進行繪圖,直到前天才真正的把圖畫完,當然後期肯定還有須要完好的地方。

現階段,我們就開始了界面的搭建。這個對於我們來說既是熟悉的。同一時候也是具有挑戰性的。

為什麽這麽說呢?

熟悉的是我們學習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>同級,不可或缺。

可是,不知道為何建立的嵌套母版頁沒有這行代碼。

所以。我們在使用的時候須要特別註意。


總結:

看似簡單的母版頁制作,當中卻存在這麽多問題。一不小心就可能出錯。回顧起當時自己做牛腩的時候。也沒有出現錯誤,對這個問題的理解也不是非常深。

所以。我應該感謝這個錯誤,由於它,我又成長了一步。

問題是攻克了,可是我們還須要反思,為什麽呢?首先就是以前做的東西。還沒過多久就沒有了印象,這時為何?還有就是給我們啟發。我們應該好好的理解一直都在說的編織知識網,如今我們有了非常多的節點,任務就是將它們聯系起來。

這個事實也證明,我們如今的路是正確的。繼續努力。期待著圖書館系統成功的那一天。。

。。

圖書館管理系統——模板建立