【文章內(nèi)容簡(jiǎn)介】 器結(jié)構(gòu)。它是隨著Inter 技術(shù)的興起，對(duì) C/S結(jié)構(gòu) 的一種變化或者改進(jìn)的結(jié)構(gòu)。在這種結(jié)構(gòu)下，用戶工作界面是通過(guò) WWW 瀏 覽器來(lái)實(shí)現(xiàn)，極少部分事務(wù)邏輯在前端（ Browser）實(shí)現(xiàn)，但是主要事務(wù)邏輯在服務(wù)器端（ Server）實(shí)現(xiàn)，形成所謂三層 3tier 結(jié)構(gòu)。這樣 5 就大大簡(jiǎn)化了客戶端電腦載荷，減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量，降低了用戶的總體成本（ TCO）。以目前的技術(shù)看，局域網(wǎng)建立 B/S 結(jié)構(gòu)的網(wǎng)絡(luò)應(yīng)用，并通過(guò) Inter/Intra 模式下數(shù)據(jù)庫(kù)應(yīng)用，相對(duì)易于把握、成本也是較低的。它是一次性到位的開(kāi)發(fā)，能實(shí)現(xiàn)不同的人員，從不同的地點(diǎn)，以不同的接入方式（比如LAN, WAN, Inter/Intra 等）訪問(wèn)和 操作共同的數(shù)據(jù)庫(kù)；它能有效地保護(hù)數(shù)據(jù)平臺(tái)和管理訪問(wèn)權(quán)限，服務(wù)器數(shù)據(jù)庫(kù)也很安全 。特別是在 JAVA這樣的跨平臺(tái)語(yǔ)言出現(xiàn)之后， B/S 架構(gòu)管理軟件更是方便、速度快、效果優(yōu)。 B/S 結(jié)構(gòu)的優(yōu)點(diǎn) （ 1） 具有分布性特點(diǎn)，可以隨時(shí)隨地進(jìn)行查詢、瀏覽等業(yè)務(wù)處理。 （ 2） 業(yè)務(wù)擴(kuò)展簡(jiǎn)單方便，通過(guò)增加網(wǎng)頁(yè)即可增加服務(wù)器功能。 （ 3） 維護(hù)簡(jiǎn)單方便，只需要改變網(wǎng)頁(yè)，即可實(shí)現(xiàn)所有用戶的同步更新。 （ 4） 開(kāi)發(fā)簡(jiǎn)單，共享性強(qiáng) B/S 模式的缺點(diǎn) （ 1） 個(gè)性化特點(diǎn)明顯降低，無(wú)法實(shí)現(xiàn)具有個(gè)性化的功能要求。 （ 2） 操作是以鼠標(biāo)為最基本的 操作方式，無(wú)法滿足快速操作的要求。 （ 3） 頁(yè)面動(dòng)態(tài)刷新，響應(yīng)速度明顯降低。 （ 4） 功能弱化，難以實(shí)現(xiàn)傳統(tǒng)模式下的特殊功能要求。 圖 1 B/S 結(jié)構(gòu) 工作模式 Struts MVC 模式 [5] MVC 是一個(gè)設(shè)計(jì)模式，它強(qiáng)制性的使應(yīng)用程序的輸入、處理和輸出分開(kāi)。使用MVC 應(yīng)用程序被分成 三個(gè)核心部件：模型、視圖、控制器。它們各自處理自己的任務(wù)。 視圖 6 視圖是用戶看到并與之交互的界面。對(duì)老式的 Web 應(yīng)用程序來(lái)說(shuō)，視圖就是由HTML 元素組成的界面，在新式的 Web 應(yīng)用程序中， HTML 依舊在視圖中扮演著重要的角色，但一些新的技術(shù)已層出不窮，它們包括 Macromedia Flash和象 XHTML，XML/XSL， WML 等一些標(biāo)識(shí)語(yǔ)言和 Web services. 如何處理應(yīng)用程序的界面變得越來(lái)越有挑戰(zhàn)性。 MVC 一個(gè)大的好處是它能為 應(yīng)用程序處理很多不同的視圖。在視圖中其實(shí)沒(méi)有真正的處理發(fā)生，不管這 些數(shù)據(jù)是聯(lián)機(jī)存儲(chǔ)的還是一個(gè)雇員列表，作為視圖來(lái)講，它只是作為一種輸出數(shù)據(jù)并允許用戶操縱的方式。 模型 模型表示企業(yè)數(shù)據(jù)和業(yè)務(wù)規(guī)則。在 MVC 的三個(gè)部件中，模型擁有最多的處理任務(wù)。被模型返回的數(shù)據(jù)是中立的，就是說(shuō)模型與數(shù)據(jù)格式無(wú)關(guān)，這樣一個(gè)模型能為多個(gè)視圖提供數(shù)據(jù)。由于應(yīng)用于模型的代碼只需寫(xiě)一次就可以被多個(gè)視圖重用，所以減少了代碼的重復(fù)性。 控制器 控制器接受用戶的輸入并調(diào)用模型和視圖去完成用戶的需求。所以當(dāng)單擊 Web頁(yè)面中的超鏈接和發(fā)送 HTML 表單時(shí)，控制器本身不輸出任何東西和做任何處理。它只是接收請(qǐng) 求并決定調(diào)用哪個(gè)模型構(gòu)件去處理請(qǐng)求，然后確定用哪個(gè)視圖來(lái)顯示模型處理返回的數(shù)據(jù)。 總結(jié) MVC 的處理過(guò)程，首先控制器接收用戶的請(qǐng)求，并決定應(yīng)該調(diào)用哪個(gè)模型來(lái)進(jìn)行處理，然后模型用業(yè)務(wù)邏輯來(lái)處理用戶的請(qǐng)求并返回?cái)?shù)據(jù)，最后控制器用相應(yīng)的視圖格式化模型返回的數(shù)據(jù)，并通過(guò)表示層呈現(xiàn)給用戶。 視 圖命 令 行 界 面G U I 界 面A p p l e t 界 面瀏 覽 器 界 面手 持 設(shè) 備 界 面? ?控 制 器業(yè) 務(wù) 邏 輯模 型存 儲(chǔ) 過(guò) 程數(shù) 據(jù) 庫(kù) 圖 2 MVC 示意圖 Spring IoC[6] 7 Spring 是一個(gè)開(kāi)源框架，它由 Rod Johnson 創(chuàng)建。它是為了解決企業(yè)應(yīng)用開(kāi)發(fā)的復(fù)雜性而創(chuàng)建的。 Spring 使用基本的 JavaBean 來(lái)完成以前只可能由 EJB 完成的事情。然而， Spring 的用途不僅限于服務(wù)器端的開(kāi)發(fā)。從簡(jiǎn)單性、可測(cè)試性和松耦合的角度而言，任何 Java 應(yīng)用都可以從 Spring 中受益。 目的：解決企業(yè)應(yīng)用開(kāi)發(fā)的復(fù)雜性 功能：使用基本的 JavaBean 代替 EJB，并提供了更多的企業(yè)應(yīng)用功能 范圍：任何 Java 應(yīng)用 簡(jiǎn)單來(lái)說(shuō)， Spring 是一個(gè)輕量級(jí)的控制反轉(zhuǎn) (IoC)和面向切面 (AOP)的容器框架。而本文的網(wǎng)站正是采用了 Spring 框架中的控制反轉(zhuǎn)（ IoC）來(lái)提供業(yè)務(wù)層數(shù)據(jù)源的注入以及數(shù)據(jù)庫(kù)事務(wù)的 托管。 Hibernate 數(shù)據(jù)庫(kù)的訪問(wèn) Hibernate 的簡(jiǎn)介 [7] Hibernate 是一個(gè)開(kāi)放源代碼的對(duì)象關(guān)系映射框架，它對(duì) JDBC 進(jìn)行了非常輕量級(jí)的對(duì)象封裝，使得 Java程序員可以隨心所欲的使用對(duì)象編程思維來(lái)操縱數(shù)據(jù)庫(kù)。 Hibernate 可以應(yīng)用在任何使用 JDBC 的場(chǎng)合，既可以在 Java 的客戶端程序使用，也可以在 Servlet/JSP 的 Web 應(yīng)用中使用，完成數(shù)據(jù)持久化的重任。 本文采用 Hibernate 連接數(shù)據(jù)庫(kù)的方法 首先配置數(shù)據(jù)源，本文采用的數(shù)據(jù)源是 driverClassName= url=jdbc:jtds: username=sa 其次是 session 工廠 sessionFactory = 最后是事務(wù)管理 transactionManager = 8 2 網(wǎng)站 需求 分析 “軟件工程”教學(xué)網(wǎng)站主要實(shí)現(xiàn)以學(xué)生自主學(xué)習(xí)為目的的網(wǎng)站。提供基本的教學(xué)網(wǎng)站所具有的功能：課程的簡(jiǎn)介、教學(xué)資源的查看與下載、 師生互動(dòng)模 塊、留言板、論壇以及網(wǎng)站的維護(hù)管理模塊。 網(wǎng)站 需求分析采用面向?qū)ο蟮姆治龇椒?，通過(guò) UML 用例圖來(lái)完成分析建模。 網(wǎng)站 總體用例圖 在“軟件工程”教學(xué)網(wǎng)站總體用例圖中， 參與者分別是管理員、教師和學(xué)生 。用例包括：登錄、教學(xué)大綱、教學(xué)內(nèi)容、授課教案、教學(xué)錄像、課程資源、師生互動(dòng)、教師指導(dǎo)論壇 、教學(xué) DIY、網(wǎng)站管理。 圖 3 為網(wǎng)站總體用例圖，所示如下： 登 錄教 學(xué) 內(nèi) 容授 課 教 案教 學(xué) 錄 像課 程 資 源師 生 互 動(dòng)教 師 指 導(dǎo) 論 壇教 學(xué) D I Y網(wǎng) 站 管 理學(xué) 生教 師管 理 員 圖 3 網(wǎng)站總體用例圖 課 程資源用例圖 9 在課程資源模塊用例圖中，參與者 有學(xué)生、教師和管理員，但主要是以學(xué)生為主；用例包括瀏覽資源、 資源 下載 。 圖 4 為課程資源模塊用例圖，所示如下： 資 源 瀏 覽資 源 下 載學(xué) 生 圖 4 課程資源用例圖 師生互動(dòng)用例圖 在師生互動(dòng)模塊用例圖中，參與者有學(xué)生、教師和管理員，但主要是以學(xué)生和教師為主 。通過(guò)本互動(dòng)平臺(tái) ， 教師能夠及時(shí)了解學(xué)生的情況，以便更新或制定新的教學(xué)方案，學(xué)生也能及時(shí)向教師反映學(xué)習(xí)的疑惑。 用例圖包括問(wèn)題區(qū)留言、教學(xué)評(píng)價(jià)區(qū)留言。 圖 5 為師生互動(dòng)模塊用例圖，所示如下： 問(wèn) 題 區(qū) 留 言教 學(xué) 評(píng) 價(jià) 區(qū) 留 言學(xué) 生教 師 圖 5 師生互動(dòng)用例圖 教學(xué)指導(dǎo)論壇用例圖 在教學(xué)指導(dǎo)論壇模塊中，參與者有學(xué)生、教師和管理員，但主要是以教師和學(xué)生為主；用例圖包括發(fā)帖、回帖、所有帖瀏覽、公告瀏覽。 圖 6 為教學(xué)指導(dǎo)論壇模塊用例圖，所示如下： 10 發(fā) 帖回 帖教 師所 有 帖 瀏 覽公 告 瀏 覽主 角 1 圖 6 教學(xué)指導(dǎo)論壇用例圖 教學(xué) DIY 用例圖 在教學(xué) DIY 模塊用例圖中，參與者有教師和管理員；用例包括：上傳資源、查看資源、發(fā)布新公告。 圖 7 為教學(xué) DIY 模塊用例圖，所示如下； 上 傳 資 源查 看 資 源發(fā) 布 新 公 告教 師管 理 員 圖 7 教學(xué) DIY用例圖 網(wǎng)站管理用例圖 在網(wǎng)站管理模塊用例圖中，參與者只有管理員；用例包括：用戶瀏覽、用戶增加、角色瀏覽、角色增加、權(quán)限瀏覽、權(quán)限增加、留言板管理、論壇管理、公告瀏覽、友鏈瀏覽、友鏈增加。 圖 8 為網(wǎng)站管理模塊用例圖，所示如下： 11 用 戶 瀏 覽用 戶 增 加角 色 瀏 覽角 色 增 加權(quán) 限 瀏 覽權(quán) 限 增 加留 言 板 管 理論 壇 管 理公 告 瀏 覽友 鏈 瀏 覽友 鏈 增 加管 理 員 圖 8 網(wǎng)站管理用例圖 3 系統(tǒng)設(shè)計(jì) 總體設(shè)計(jì) 本網(wǎng)站總共包括以下 4 大模塊，圖 9 是網(wǎng)站的總體功能圖，所示如下： 12 “ 軟 件 工 程 ” 教 學(xué) 網(wǎng) 站身 份 驗(yàn) 證教 學(xué) 大 綱教 學(xué) 內(nèi) 容授 課 教 案教 學(xué) 錄 像課 程 資 源 師 生 互 動(dòng)問(wèn) 題 區(qū)教 學(xué) 評(píng) 價(jià) 區(qū)教 學(xué) 指 導(dǎo) 論 壇教 學(xué) D I Y上 傳 資 源查 看 資 源發(fā) 布 新 公 告網(wǎng) 站 管 理用 戶 管 理角 色 管 理權(quán) 限 管 理留 言 板 管 理論 壇 管 理公 告 管 理友 鏈 管 理 圖 9 網(wǎng)站總體功能結(jié)構(gòu)圖 登錄 在訪問(wèn)本網(wǎng)站首頁(yè)后，會(huì)提示輸入用戶和密碼以及驗(yàn)證碼，驗(yàn)證正確后就可以根據(jù)不同的角色進(jìn)入網(wǎng)站進(jìn)行不同的操作。 圖 10 為登錄活動(dòng)圖，所示如下： 13 輸 入 用 戶 名 、 密 碼 和 驗(yàn) 證 碼如 果 驗(yàn) 證 通 過(guò) 如 果 驗(yàn) 證 不 通 過(guò)頁(yè) 面 跳 轉(zhuǎn) 到 首 頁(yè)錯(cuò) 誤 提 示 圖 10 登錄活動(dòng)圖 課程資源 在課程 資源模塊中，用戶可以瀏覽全部資源并且按照自己的實(shí)際需要選擇資源下載或者觀看錄像。 圖 11 為課程資源活動(dòng)圖，所示如下： 瀏 覽 并 選 擇 資 源 下 載 或 觀 看 圖 11 課程資源活動(dòng)圖 師生互動(dòng) 在師生互動(dòng)模塊中，用戶可以選擇在留言板的問(wèn)題區(qū)或教學(xué)評(píng)價(jià)區(qū)進(jìn)行留言， 14 還可以在教學(xué)指導(dǎo)論壇發(fā)表自己的新主題或者在自己感興趣的主題下回帖。 圖 12為課程資源活動(dòng)圖，所示如下： 問(wèn) 題 區(qū) 教 學(xué) 評(píng) 價(jià) 區(qū) 教 學(xué) 指 導(dǎo) 論 壇留 言 或 瀏 覽 留 言 或 瀏 覽 發(fā) 帖 或 回 帖 圖 12 師生互動(dòng)活動(dòng)圖 教學(xué) DIY 在教學(xué) DIY 模塊中，用戶可以按照實(shí)際情況來(lái)對(duì)教學(xué)資源進(jìn)行增刪查，以及根據(jù)課程需要發(fā)布新公告。 圖 13 為教學(xué) DIY 活動(dòng)圖，所示如下： 資 源 瀏 覽上 傳 資 源 刪 除 資 源 發(fā) 布 新 公 告 圖 13 教學(xué) DIY活動(dòng)圖 網(wǎng)站管理 15 在網(wǎng)站管理模塊中，管理員能夠?qū)W(wǎng)站相關(guān)的的所有數(shù)據(jù)庫(kù)中的表進(jìn)行操作，從而實(shí)現(xiàn)對(duì)網(wǎng)站的維護(hù)與更新。 圖 14 為網(wǎng)站管理活動(dòng)圖，所示如下 用 戶 管 理 角 色 管 理 權(quán) 限 管 理 留 言 板 管 理 論 壇 管 理 友 鏈 管 理增 加 刪 除 刪 除 圖 14 網(wǎng)站管理活動(dòng)圖 數(shù)據(jù)庫(kù)設(shè)計(jì) DBMS 的選擇 SQL Server 是一個(gè)關(guān)系數(shù)據(jù)庫(kù)管理系統(tǒng)。 SQL Server 2021 是 Microsoft 公司推出的 SQL Server 數(shù)據(jù)庫(kù)管理系統(tǒng)，該版本繼承了 SQL Server 版本的優(yōu)點(diǎn)，同時(shí)又比它增加了許多更先進(jìn)的功能 [8]。具有使用方便可伸縮性好與相關(guān)軟件集成程度高等優(yōu)點(diǎn)，而學(xué)校所用的正是此版本的數(shù)據(jù)庫(kù)，因此在 DBMS 的選擇上就確定用SQL Server2021。 數(shù)據(jù)庫(kù)需求分析 由于網(wǎng)站要實(shí)行多用戶操作，因此必須有角色來(lái)區(qū)分用戶，而不同的用戶應(yīng)該具有不同的操作權(quán)限；教學(xué)網(wǎng)最主要的作用就是 提供教學(xué)資源，而本文描述的網(wǎng)站 16 是將資源上傳到服務(wù)器，數(shù)據(jù)庫(kù)應(yīng)該