https://www.bilibili.com/video/BV1zZ4212791/演示視頻：3.1邏輯結構

高校實驗室預約系統的特點就是利用Browser/Server（B/S）結構，提供了一個網絡平臺，讓用戶只要上網就可以實現實驗室預約系統預約功能。系統的優勢在于系統簡單、功能強大、擴展能力良好以及能夠方便的跨地域操作等性能。系統的網絡應用原理示意圖如圖3-1所示：

圖3-1系統的網絡應用原理示意圖

以登錄功能作為例子，整個流程大致為:通過系統功能分析，可得出本實驗室預約系統功能模塊圖如圖3-2所示。管理員通過點擊登錄按鈕，即向服務器調用登錄的接口，輸入賬號和密碼后，服務器將數據反饋到數據庫，數據庫校驗用戶此時輸入的賬號和密碼等信息，并根據結果碼跳轉不同頁面，若數據庫admin表中查詢到用戶信息存在并且賬戶密碼吻合，則反饋結果到服務端，則進行相應頁面的跳轉，若數據庫查詢不到該條數據信息或者登陸信息不吻合，則顯示登錄失敗。

數據流圖簡稱DFD，是SA方法中用于表示系統邏輯模型的一種工具。圖中沒有任何具體的物理元素，只是描繪信息在系統中流動和處理的情況。它以圖形的方式描述數據在系統中流動和處理的過程，由于它只反映系統必須完成的邏輯功能，所以它是一種功能模型[5]。

（1）頂層數據流圖

用戶只有通過登錄，才能登錄實驗室預約系統信息管理網站進行操作。管理員經過登錄進入后臺來實現添加運動項目，管理預約等操作。

圖2.1實驗室預約系統信息管理系統頂層數據流圖

（2）用戶選擇項目數據流圖

用戶瀏覽或者搜索到自己想要選擇的選擇實驗室預約，將預約實驗室添加至數據庫，將信息提交給服務端，管理員通過服務端查看實驗室預約信息后，開始審核選擇的預約實驗室情況。

圖2.2 學生預約實驗室系統數據流圖

3.2總體功能設計

本階段的任務是確定應該怎樣具體地實現所要求的系統，也就是說，經過這個階段的設計工作，應該得出對目標系統的描述，從而在編碼階段可以把這個描述直接翻譯成用某種程序設計語言書寫的程序。該階段的任務不是具體地編寫程序，而是要設計出程序的“藍圖”，以后將根據這個藍圖寫出實際的程序代碼，其結果基本上決定了Zui終的程序代碼的質量。詳細設計的目標不僅僅是邏輯上正確的實現每個模塊的功能，更重要的是設計出的處理過程應該盡可能簡明易懂。結構化程序設計是實現上述目標的關鍵技術，是詳細設計的邏輯基礎。[13]

本實驗室網上預約系統主采用B/S結構(Browser/Server,瀏覽器/服務器結構)和基于Web服務兩種模式，是一個適用于Internet環境下的模型結構。只要用戶能連上Internet,便可以在任何時間、任何地點使用。系統工作原理圖如圖3-3所示。

圖3-3 系統工作原理圖

通過系統功能分析，可得出本實驗室預約系統功能模塊圖如圖3-4所示。

圖3-4系統功能模塊圖

3.3數據庫分析

數據字典是關于數據的信息的集合，也就是對數據流圖中包含的所有元素的定義的集合。數據字典的作用是在軟件分析和設計的過程中給人們提供關于數據的描述信息。數據流圖和數據字典共同構成系統的邏輯模型。一般說來，數據字典由數據流，數據元素，數據存儲，處理四類元素組成[9]。

數據字典Zui重要的用途就是作為分析階段的工具。在數據字典中建立的一組嚴密一致的定義有助于改進分析員和用戶之間的通信，因此將消除許多可能的錯誤。對數據的這一系列嚴密一致的定義也有助于改進在不同的開發人員或不同的開發小組之間的通信。如果要求所有開發人員都根據數據字典描述和設計模塊，能避免許多麻煩的接口問題。[10]

根據功能需求，數據庫共需要6張表，分別是：管理員表、課表表、實驗室表、學生表、實驗室管理員表、預約表。

數據庫總設計圖如圖3-5所示

圖3-5數據庫總設計圖

3.5數據庫ER圖

在概念模式的設計中，E-R模型法是Zui常見的設計方法。本系統的E-R圖表現了系統中各個實體之間的聯系，本系統的各實體E-R圖如下圖所示：

1. 管理員信息實體E- R圖，如圖3-6所示。

圖3-6管理員實體屬性圖

2. 學生信息實體E- R圖，如圖3-7所示。

圖3-7學生實體屬性圖

3. 課程信息實體E- R圖，如圖3-8所示。

圖3-8課程實體屬性圖

4. 實驗室信息實體E- R圖，如圖3-9所示。

圖3-9實驗室實體屬性圖

5. 實驗室管理員信息實體E- R圖，如圖3-10所示。

圖3-10實驗室管理員實體屬性圖

6. 預約信息實體E- R圖，如圖3-11所示。

圖3-11預約實體屬性圖

4詳細設計及實現過程3.1管理員模塊設計3.1.1登陸界面設計

用戶要想進入本系統，必須通過正確的賬號和密碼登錄操作，系統會以賬號、密碼為參數進行登錄信息的驗證，信息正確則登錄成功，反之登錄失敗，用戶登錄主要提供管理員、實驗室管理員、學生進行登錄。用戶登錄界面展示如圖41所示。

圖3-1 用戶登錄界面

3.1.2 管理員修改密碼界面

管理員登陸系統之后可以在個人中心中修改自己的密碼，通過輸入舊密碼然后再輸入新密碼進行修改登陸密碼，修改密碼界面展示如圖3-2所示。

圖3-2 修改密碼界面

3.1.3 實驗室管理界面

管理員登陸后可進入實驗室管理界面實現對實驗室名稱、地址、實驗室負責人、實驗室電話等的添加、修改，實驗室管理界面展示如圖3-3所示。

圖3-3 實驗室管理界面

3.1.4 學生管理界面

管理員通過本系統可進行對學生的學號、編號、姓名、郵箱等信息進行操作，可進入學生管理界面進行添加學生信息，學生管理界面展示如圖3-4所示。

圖3-4 學生管理界面

3.1.5 實驗室管理員界面

管理員登陸系統可以對實驗室管理員的工號、密碼、姓名、郵箱、電話等信息進行操作，實驗室管理員管理界面展示如圖3-5所示。

圖3-5 實驗室管理員管理界面

3.1.6 實驗室預約界面

管理員登陸系統對實驗室預約信息進行添加信息，并可對其進行刪除操作，實驗室預約界面展示如圖3-6所示。

圖3-6 實驗室預約界面

3.1.7統計中心界面

管理員登陸系統可以對統計中心的統計信息進行管理等，統計中心主要實現通過學生預約的天數進行統計。統計中心界面展示如圖3-7所示。

圖3-7 統計中心界面

3.2  實驗室管理員功能模塊的實現3.2.1管理員審核界面

實驗室管理員進入系統之后可以對學生預約的信息進行審核，實驗室審核界面展示如圖3-8所示。

圖3-8 實驗室審核登錄界面

3.2.2預約中心界面

實驗室管理員登錄后可進行查看預約中心操作，預約中心界面展示如圖3-9所示。

圖3-9預約中心界面

3.3  學生角色功能模塊的實現

3.3.1個人信息修改界面

學生登陸系統可進行修改自己的姓名、郵箱、電話、班級等信息，個人信息界面展示如圖3-10所示。

圖3-10 個人信息界面

3.3.4實驗室預約界面

學生可進行系統可以進行預約實現室，并且等待實驗室管理員審核通過操作，實驗室預約界面展示如圖3-12所示。

圖3-12實驗室預約界面