《學校教務網(wǎng)模型的設計與開發(fā)畢業(yè)論文.docx》由會員分享，可在線閱讀，更多相關《學校教務網(wǎng)模型的設計與開發(fā)畢業(yè)論文.docx（47頁珍藏版）》請在裝配圖網(wǎng)上搜索。

1、本 科 生 畢 業(yè) 設 計（論 文）論文題目：學校教務網(wǎng)模型的設計與開發(fā)姓名：閆強學號：201120220226班級：1122202班 年級：2011級專業(yè)：數(shù)字媒體技術學院：軟件學院指導教師：李祥 （副教授）完成時間：2015年 5 月20日作 者 聲 明本人以信譽鄭重聲明：所呈交的學位畢業(yè)設計（論文），是本人在指導教師指導下由本人獨立撰寫完成的，沒有剽竊、抄襲、造假等違反道德、學術規(guī)范和其他侵權行為。文中引用他人的文獻、數(shù)據(jù)、圖件、資料均已明確標注出，不包含他人成果及為獲得東華理工大學或其他教育機構(gòu)的學位或證書而使用過的材料。對本設計（論文）的研究做出重要貢獻的個人和集體，均已在文中以明確

2、方式標明。本畢業(yè)設計（論文）引起的法律結(jié)果完全由本人承擔。本畢業(yè)設計（論文）成果歸東華理工大學所有。特此聲明。畢業(yè)設計（論文）作者（簽字）： 簽字日期： 年 月 日本人聲明：該學位論文是本人指導學生完成的研究成果，已經(jīng)審閱過論文的全部內(nèi)容，并能夠保證題目、關鍵詞、摘要部分中英文內(nèi)容的一致性和準確性。學位論文指導教師簽名： 年 月 日學校教務網(wǎng)模型的設計與開發(fā)The design and development of the school educational administration network model2015年 6 月20 日東華理工大學軟件學院畢業(yè)設計（論文) 摘要摘 要自A

3、RPANE誕生以來，對于網(wǎng)絡的研究越來越深入，各種技術手段層出不窮，很好的豐富了我們的生活。如今，網(wǎng)絡成為許多人生活、學習、工作的基礎。古老的文件系統(tǒng)已逐脫離大眾的視野。越來越多的人通過網(wǎng)絡來獲取有用的、新的信息。學校作為一個具有龐大人群的集合，對于信息的實時性與可靠性具有較高的要求。學校教務網(wǎng)作為信息上傳下達的一個渠道，對于構(gòu)建學生與領導、學校與學生之間的溝通橋梁具有不可忽視的作用。本文主要論述在網(wǎng)絡開發(fā)技術的基礎之上如J2EE,Java Web，經(jīng)過細致的需求收集與分析，利用各種有效之手段來開發(fā)一個具有實際作用的教務網(wǎng)站模型。學?？梢栽谄渖习l(fā)布各種信息、文件。相應的，學生就可以利用它為自己

4、的生活學習服務，例如：給校領導留言、下載文件等。這極大的簡化了學校對于信息與相關文件的發(fā)布與管理。論文的緒論部分描述了本課題的研究背景以及其中涉及的名詞的釋義和使用到的關鍵技術等內(nèi)容;第一章介紹了此項開發(fā)所用到的網(wǎng)絡相關技術和一些概念信息;第二章對于教務網(wǎng)模型作出了功能性和非功能性需求分析;第三章介紹了數(shù)據(jù)庫的相關設計，包括概念設計和系統(tǒng)設計;第四章進行了系統(tǒng)設計階段的綜述信息;文章最后部分對本次畢業(yè)設計進行了一些總結(jié)。關鍵詞： Java Web; 教務網(wǎng)模型; 交流平臺; Ueditor API; JSP5東華理工大學軟件學院畢業(yè)設計（論文） ABSTRACTABSTRACTSince th

5、e birth of ARPANE for network research is more and more deep, new technology means have been poping up, greatly improve our life. Nowadays, network has become the foundation of life , study and work among many people. The old file system has been out of public view. More and more people through the

6、Internet to get useful and new information. A collection of schools as one who have a large population, for the real time and reliability of information has higher requirements. The school educational administration network as a channel for information transmission, and leadership, to construction o

7、f the bridge of communication between students and leadership have the effect that cannot ignore. After detailed requirements gathering and analysis, the use of a variety of effective means to develop a practical effect of teaching model of the site. Schools can release all kinds of information, doc

8、uments. Accordingly, the students can use it for their own lives learning services, for example: leave a message to school leadership, download files, etc. This greatly simplifies the school for the release and management of information and related documents. The first part of this paper describes t

9、he research background of this subject and involving the term definition and use of the key technologies such as content; the first chapter tells the development need of network technology and some related concepts of information; the second chapter for educational administration network model to ma

10、ke analysis of the functional and non-functional requirements; the third chapter related to the design of database, including conceptual design and system design; the fourth chapter has carried on the system design stage of the review information; the article last part of this graduation design made

11、 some summary.Keywords: Java Web; Educational administration network model ; Communication platform; Ueditor API; JSP東華理工大學軟件學院畢業(yè)設計（論文） 緒論 目 錄緒 論1課題背景1研究的目的和意義1關鍵技術概述2MD521. 程序開發(fā)的理論與技術基礎41.1 Java Web基礎知識41.2 腳本語言介紹41.3 JSP技術41.4 百度UEditor API51.5 Jquery 與 ajax52. 需求分析62.1 功能性需求分析62.1.1 前臺功能性需求分析62.1

12、.2 后臺功能性需求分析72.2 非功能性需求分析82.3 系統(tǒng)可行性分析82.3.1 開發(fā)環(huán)境與開發(fā)工具82.3.2 可行性分析83. 總體設計93.1 設計目標93.2 設計原則93.2.1 實用性93.2.2 標準性93.2.3 合理性93.2.4 可維護性93.2.5 安全性93.2.6經(jīng)濟性93.3 框架設計93.4 流程設計103.4.1 網(wǎng)站管理用戶登錄的流程103.4.2 管理員管理用戶和設置權限實現(xiàn)流程113.4.3 普通用戶的功能實現(xiàn)流程114. 數(shù)據(jù)庫設計134.1 概念設計134.1.1 數(shù)據(jù)項134.1.2數(shù)據(jù)流圖134.2 邏輯結(jié)構(gòu)設計154.2.1 數(shù)據(jù)庫概念模型

13、設計154.2.2 實體集164.2.3各個表之間的聯(lián)系與關系圖174.3 實現(xiàn)與部署174.3.1 表格COMDOWNLOAD的列清單184.3.2 表格COMDOWNLOADINFO的列清單184.3.3 表格DEPARTMENTINFO的列清單184.3.4 表格IMPORTEVENTS的列清單194.3.5 表格IMPORTEVENTSINFO的列清單194.3.6 表格LETTERBOXINFO的列清單204.3.7 表格LETTERBOXUSER的列清單204.3.8 表格PICTURE的列清單204.4 物理設計204.4.1 WORDGUIDEINFO204.4.2 WORKG

14、UIDE214.4.3 USERS215. 系統(tǒng)詳細設計215.1 前臺界面模塊設計225.1.1 皮膚載入模塊225.1.2 信息欄目載入模塊235.1.3 標題載入模塊255.1.4 內(nèi)容載入模塊285.2 后臺普通管理員各功能模塊的詳細設計及實現(xiàn)295.2.1 查看個人信息295.2.2 網(wǎng)站信息管理305.2.3 綜合信息管理315.2.5 教務信箱管理315.3 后臺超級管理員各功能模塊詳細設計及實現(xiàn)325.3.1 查看用戶信息325.3.2 對用戶進行增、刪、改、查操作325.3.3 科室權限管理325.3.4 個人權限管理325.3.5 皮膚管理325.4 后臺公共模塊的設計32

15、5.4.1 分頁管理326. 運行與測試356.1 服務器端部署與調(diào)試356.2 前臺界面與功能測試356.3 測試結(jié)果35總 結(jié)35致 謝36參考文獻37緒 論課題背景本課題的研究是在高校的發(fā)展，人們對于信息的采集方式變更的基礎之上進行的。如今，高校招生的規(guī)模越來越大，這樣帶來的就是一系列的信息發(fā)布與處理上的問題。通過文件系統(tǒng)來發(fā)送通知或者發(fā)送一些表格文件之類的東西，無論是在實用性與實時性上都已然達不到要求。作為網(wǎng)絡發(fā)展之中的受益者，我們應當做到與時俱進，通過Web來提高高校的工作效率。過去，學生接受相關的信息都是通過老師與學生，學生與學生之間口口相傳或者通過相關的通知文件來傳達。顯然實時性

16、與可靠性都比較差。許多人收不到這些信息，或者說收到一些錯誤的信息。千里眼、順風耳這些存在于前人幻想之中的信息傳播與采集的方式，如今以不同的形式存在于我們的生活之中。手機、電腦這些東西也幾乎成了高校學生進入校園生活的標配。研究的目的和意義基于高校的廣大規(guī)模及其高速的發(fā)展，一個成熟的教務網(wǎng)模型越來越顯得尤為重要。教務信息的發(fā)布、基本表格的下載、大事記等等，需要一個載體去傳播。教務網(wǎng)作為一個這樣的載體，一方面，信息的實時性方面可以達到要求；另一方面，在信息的多樣化展示也具有良好的表現(xiàn)力；再者，信息的管理也具有了極大的方便。目前，各高校基本上都做了教務網(wǎng)。但是各個高校的教務網(wǎng)，就調(diào)研來看有這么幾點問題

17、：（1）使用率不高。除非必要的登陸比如成績、選課之類的東西，學生基本不去關注教務網(wǎng)。有些不具有以上系統(tǒng)的教務網(wǎng)更是無人問津。（2）數(shù)據(jù)更新慢。我認為這是導致教務網(wǎng)少人訪問的部分原因。（3）界面不美觀，不賞心悅目。高校教務網(wǎng)模型的開發(fā)，一方面，可以強化專業(yè)技能。另一方面具有實際的使用價值。在開發(fā)的過程中，可以加強采集需求，調(diào)研需求，抽象需求，處理問題，解決問題的能力。名詞解釋Java Web: 用Java技術來解決相關web互聯(lián)網(wǎng)領域的技術總和。Tomcat: 是常用的后臺Web服務器的一個免費版本，是由Apache基金會聯(lián)合其它幾家公司共同研究開發(fā)的，具有很好的Jsp兼容性,是小型Web服務器

18、的首選。39MVC：由于需求具有變化的特點，往往耦合的代碼維護起來比較麻煩，而且不容易修改，常常給開發(fā)者帶來各種各樣的問題。MVC模型帶來了一個非常好的解決方案，它使得業(yè)務邏輯和具體的顯示分離，在需求改變的時候，要么改變其業(yè)務邏輯，要么改變其顯示方式，給Web或其它應用程序的開發(fā)帶來了極大的靈活性。UEditor：是一種所見即所得的文本編輯器，由百度公司負責開發(fā)，免費提供給開發(fā)者使用。Js：是JavaScript的縮寫，是一種腳本語言，在HTML文檔的編寫中通常用js來實現(xiàn)某些功能性的需求。比如文本驗證等。JSP：jsp是在HTML界面中放入java程序段，瀏覽器請求界面以后由服務器端執(zhí)行，返

19、回HTML文件給瀏覽器解析，所以，只要有瀏覽器的計算機都可以瀏覽jsp界面。MD5:是一種加密算法，通來被用來驗證文件是否被篡改的問題。它使用一種類似于人體指紋的數(shù)字指紋來辨別每一個文件。是相對安全可信的。前臺界面：用于向所有互聯(lián)網(wǎng)用戶展示信息的界面。后臺界面：網(wǎng)站后臺管理的界面，通常只有本網(wǎng)站的所有者才能訪問。管理員：管理普通用戶的人。普通用戶：網(wǎng)站的后臺管理者。數(shù)據(jù)庫管理系統(tǒng)：即Database Management System是一種操縱和管理數(shù)據(jù)庫的大型軟件，用于建立、使用和維護數(shù)據(jù)庫，簡稱DBMS。關鍵技術概述MD5：MD5是從MD2、MD4進一步完善而來的，它解決了在MD2、MD4

20、中的漏洞，作用是對通過類似人體指紋的“數(shù)字指紋”的方式來為每一個文件生成一個值，使用這個值可以校驗此文件有沒有被篡改過。該值具有唯一性,可以作為數(shù)字簽名使用。對輸入的任意長度的字節(jié)串，生成一個由32個字符組成的十六進制字符串，基本具備唯一性和不可逆性?？梢杂脕磉M行用戶名和密碼的加密操作。Hibernate：Hibernate是一個開放源代碼的Java Web操作數(shù)據(jù)庫的中間件，它封裝了JDBC接口，開發(fā)者在Java web的開發(fā)中可以直接使用它來進行與數(shù)據(jù)庫相關的一些操作而不用自己重新來封閉這些接口。UEditor：UEditor是由百度開發(fā)的WYSIWYG的開放源代碼的可嵌于瀏覽器的文本編輯

21、器，開發(fā)者可以在自己的WEB程序中使用這些來使得瀏覽者編輯文章與信息。開發(fā)著使用UEditor可以很好的增加自己網(wǎng)頁的使用體驗。使得瀏覽者看到的信息與編輯或上傳者所看到的信息是完全相同的。消除瀏覽器解析不同而帶來的不一致性。過濾器：以一種組件形式綁定到web應用程序中，限制用戶訪問某些資源或在請求前必須提前處理某些資源。Ajax:通過一個特殊的對象httprequest來向服務器異步請求數(shù)據(jù)并設置回調(diào)函數(shù)，待服務器請求成功并的返回時，它會回調(diào)注冊的函數(shù)，以此來達到異步加載和廷遲加載的效果。開發(fā)者通常使用它來實現(xiàn)瀏覽器局部刷新的功能。東華理工大學軟件學院畢業(yè)設計（論文） 程序開發(fā)的理論與技術基礎

22、1. 程序開發(fā)的理論與技術基礎1.1 Java Web基礎知識自從Spring,Hibernate等開源框架的發(fā)展，J2EE的開發(fā)也變得越來越容易。Spring MVC開發(fā)模型也越來越深入人心。采用MVC模型開發(fā)的項目工程數(shù)不勝數(shù)。Java web是指使用java語言，jsp/servlet等開發(fā)的動態(tài)Web資源。開發(fā)java Web工程一般來說需要配置一個Web服務器。常用的有：WebLogic、WebSphere、IIS、Tomcat等。這里我使用的是tomcat服務器。1.2 腳本語言介紹所謂腳本語言指的是內(nèi)嵌到通過超文本傳輸協(xié)議傳輸?shù)某谋荆℉TML）中的，一段由操作系統(tǒng)的瀏覽器解釋執(zhí)

23、行的個段代碼。腳本程序通常由操作系統(tǒng)的瀏覽器端來直接解釋執(zhí)行，并不需要編譯器來參與。腳本程序段的編寫一般都是十分簡單的，所以一些程序員經(jīng)常會拿它來做一些簡單的不需要Web服務器參與的功能。腳本程序的編寫的這些特性也決定了它的用法和用途。腳本語言通常是弱類型的語言，這與一般的程序語言也不相同，但正是這樣，腳本語言的編寫也就比一般的程序語言要容易一些。但也是這個特性給許多的資深程序員帶來了不小的困擾。由于腳本語言不需要編譯，所以，腳本語言的調(diào)試也有一定的難度。一般的IDE無法參與到腳本語言的調(diào)試中，只能通過一些特定的工具而且要在客戶端執(zhí)行以后才能進行它的調(diào)試工作。這種困擾對于那些用習慣了IDE的程

24、序員來說簡直是噩夢一般的存在。1.3 JSP技術JSP是在HTML界面中放入java程序段，瀏覽器請求界面以后由服務器端執(zhí)行，返回HTML文件給瀏覽器解析，所以，只要有瀏覽器的計算機都可以瀏覽JSP界面。JSP與Servlet有一定的相似之處。JSP相比較servlet技術來說，JSP技術更加的簡單。但是JSP的標簽比較簡單，和Html的兼容性更好。JSP和Servlet一樣都是在Web服務器端執(zhí)行的，都是要經(jīng)過編譯的過程。所以，從本質(zhì)上來說JSP和Servlet并沒有什么本質(zhì)上的不同。1.4 百度UEditor APIUEditor是由百度開發(fā)的WYSIWYG的開放源代碼的可嵌于瀏覽器的文本

25、編輯器，開發(fā)者可以在自己的WEB程序中使用這些來使得瀏覽者編輯文章與信息。開發(fā)著使用UEditor可以很好的增加自己網(wǎng)頁的使用體驗。使得瀏覽者看到的信息與編輯或上傳者所看到的信息是完全相同的。消除瀏覽器解析不同而帶來的不一致性?，F(xiàn)在有許多公司及開源的工作小組都發(fā)布了自己的富文本編輯器。這為我們的開發(fā)減輕了許多的難度。Ueditor配置起來還是比較簡單的。對于開發(fā)者的編程水平要求不高，因此Ueditor的使用是十分普遍的。1.5 Jquery 與 ajax資深的程序員對于一些開源庫及其它開源項目一定是十分的熟悉的。這可以說是程序開發(fā)者的寶庫。我們可以在這里學習很多的優(yōu)秀的開發(fā)經(jīng)驗。無論是資深的開

26、發(fā)者還是菜鳥程序員，一定對開源社區(qū)趨之若鶩。JQuery便是開源項目之中的一個。JQuery對于腳本語言有十分優(yōu)秀的封裝。熟練使用JQuery是每一個Web開發(fā)者最基本的技能。它省去了開發(fā)者在開發(fā)過程中的大量的工作。它的許多東西是我們之前開發(fā)過程之中經(jīng)常用到的東西，比如事件機制，我們之前的開發(fā)總是要多這行東西做自己的封裝，而且會經(jīng)常性的遇到不兼容性的問題。這種情況是我們所不愿意看到的。以前我們?nèi)プ鰆ava web的局部刷新的時候，我們經(jīng)常要自己去創(chuàng)建自己的HttpRequest對象來發(fā)送異步請求。這樣做有兩點不好的地方。首先，我們要拷貝自己之前的實現(xiàn)代碼；其次，創(chuàng)建這個對象好要解決瀏覽器不兼容

27、的問題。有了現(xiàn)在的開源庫的幫助，我們直接去調(diào)用它們實現(xiàn)的方法就行，節(jié)省了大量的開發(fā)時間。現(xiàn)在，我們只要下載這些開源的代碼，在Html文檔的前面引用封裝好的一些操作就可以實現(xiàn)許多的功能。東華理工大學軟件學院畢業(yè)設計（論文） 需求分析2. 需求分析2.1 功能性需求分析2.1.1 前臺功能性需求分析（1）前臺系統(tǒng)流程如圖 2-1 所示前臺是指教務網(wǎng)的瀏覽者從前臺的瀏覽器如IE、360、Chrome等，通過在瀏覽器的地址欄中輸入要訪問的網(wǎng)址，使用HTTP(超文本傳輸協(xié)議)協(xié)議，發(fā)出Http請求并等待服務器響應的界面。本系統(tǒng)的前臺與后臺的交互如圖2-1所示。圖2-1 前臺系統(tǒng)流程圖（2） 前臺的功能性

28、需求如下：a.教務網(wǎng)建立的目的之一是用來向?qū)W生來顯示教務處及其它科室的老師發(fā)布的教學、通知等信息。所以，前臺用戶可以進入網(wǎng)站來查看已經(jīng)發(fā)布的信息是教務網(wǎng)系統(tǒng)的基本功能之一。b.通過我們對于老師以及學生的調(diào)研情況來看，對老師來說，應該有上傳下載文件的功能，比如我們在教學活動中經(jīng)常遇到的表格、文檔資料的文件;對學生來說，應該具有基本的下載的功能。c.出于對前臺界面操作的便捷性，通知鏈接進入學校的其它有用界面。d.前臺界面分版塊進行展示從左至右依次為：首頁、部門概況、教學動態(tài)、辦事指南、質(zhì)量工程、常用下載、大事記，其中首頁，部門概況和大事記的頁面設定為靜止的，其他的頁面設置為動態(tài)的。e.對于發(fā)布的教

29、學動態(tài)信息可以鍵入關鍵字來查找。在使用一段時間之后，信息量變得越來越大，對于信息的檢索的需求也就慢慢的顯露出來。不論是老師還是學生，都需要從眾多的信息之中找到自己需要的信息，所以查找功能也就越來越重要。f.學生經(jīng)常會有一些問題需要向教務處咨詢，而每次有問題都去教務處也很不實際，所以需要有留言功能。但是出于安全方面的考慮。僅僅本校的師生可以注冊為教務信箱的用戶，并登錄教務信箱留言。g.對于自己關心的問題要有查看留言板中對于自己的回復內(nèi)容的功能。h.已注冊的用戶可以直接登錄教務信箱的留言版。2.1.2 后臺功能性需求分析(1)后臺系統(tǒng)流程圖2-2 后臺系統(tǒng)流程圖(2)后臺的功能性需求如下： 系統(tǒng)管

30、理員a.管理所有登陸用戶（包括后臺管理員和能登錄教務信箱的用戶）b.實現(xiàn)這些用戶名、用戶密碼、用戶權限的增刪改查。c.指定審批文件的科室d.指定管理教務信箱的科室普通管理員a.管理本科室的欄目。在欄目下添加、修改、刪除內(nèi)容（包括文字、圖片、表格、上傳的文件和超鏈接）。b.提交待發(fā)布信息和上傳的文件。提交的信息和上傳的文件必須通過審核后，才能正式發(fā)布。 c.管理本科室所有已發(fā)布的文件和信息2.2 非功能性需求分析 非功能需求包括三個方面：網(wǎng)站完全、網(wǎng)站界面和文檔資料 (1)網(wǎng)站安全 嚴禁非管理員修改網(wǎng)站的內(nèi)容，嚴禁非本校師生注冊登錄教務信箱。 (2)網(wǎng)站界面 教務網(wǎng)的界面簡潔、美觀，后臺管理的操

31、作過程簡單，有良好的交互性和用戶體驗。 (3)文檔資料 要有網(wǎng)站需求說明書，詳細的數(shù)據(jù)庫設計和網(wǎng)站設計文檔，后臺管理的操作手冊。源代碼編程規(guī)范，要有詳細的注釋。2.3 系統(tǒng)可行性分析2.3.1 開發(fā)環(huán)境與開發(fā)工具本網(wǎng)站的開發(fā)選用MyEclipse 10集成開發(fā)環(huán)境作為開發(fā)平臺，web服務器選用Tomcat 6.x，數(shù)據(jù)庫選用SQL Server 2000。本網(wǎng)站開發(fā)的編程語言選用Java，對數(shù)據(jù)庫的操作選用Hibernate 3.1，開發(fā)的界面工具包括：JSP、JavaScript、Ajax、Html、css. 文本編輯器選用百度公司最新版UEditor 1.4.3-utf8-jsp。2.3.

32、2 可行性分析本系統(tǒng)是采用J2EE結(jié)合Hibernate，javascript制作的一個教務網(wǎng)系統(tǒng)。實現(xiàn)這個系統(tǒng)將用到以下幾種技術：（1）Javascript實現(xiàn)對界面的各種控制以及表單的驗證；（2）Java 主要用來處理后臺邏輯（3）數(shù)據(jù)庫采用Sql Server2008版本，用來儲存數(shù)據(jù)。（4）Web服務器：apache Tomcat 7.0版本（5）開發(fā)平臺采用windows + MyEclipse.（6）HTML相關的知識。根據(jù)以上的需求分析及技術要求，該系統(tǒng)的功能目標是能夠達到預期的效果的。東華理工大學軟件學院畢業(yè)設計（論文） 總體設計3. 總體設計3.1 設計目標網(wǎng)站開發(fā)的目標，是

33、圍繞學校教務處的實際需求，開發(fā)一個界面簡潔美觀、功能實用、操作簡單、安全可靠的網(wǎng)站。3.2 設計原則3.2.1 實用性網(wǎng)站的后臺管理提供清晰、簡潔、友好的中文人機交互界面，操作簡便、靈活、易學易用，便于管理和維護，對于非專業(yè)人員易于理解和操作，力求達到易于上手的目的。3.2.2 標準性網(wǎng)站的開發(fā)過程中遵守統(tǒng)一的標準，無論從數(shù)據(jù)的處理，數(shù)據(jù)庫的建設，程序的設計，開發(fā)都要遵守相應的標準和規(guī)范。3.2.3 合理性充分網(wǎng)站功能的擴充，方便平滑升級。網(wǎng)站對運行環(huán)境(硬件設備、軟件操作系統(tǒng)等)具有較好的適應性，不依賴于某一特定型號計算機設備和固定版本的操作系統(tǒng)軟件。3.2.4 可維護性后臺管理操作簡單，實

34、用性高，具有易操作、易維護的特點，系統(tǒng)具有詳細的設計說明書和完整的異常捕獲信息記錄，當出現(xiàn)異常時利于后期維護。3.2.5 安全性一方面后臺登錄采用密碼再加密認證的方式進行安全性防護，防止非本網(wǎng)站用戶登錄修改信息；另一方面，采用過濾器技術，防止非法用戶越過登錄直接進入后臺；此外，增加用戶權限的管理，所有的用戶只能在自己的權限范圍內(nèi)操作。3.2.6經(jīng)濟性在網(wǎng)站功能及性能要求的前提下，盡量降低開發(fā)成本，采用經(jīng)濟實用的技術，利用現(xiàn)有設備和資源，綜合考慮網(wǎng)站的建設、升級和維護費用。3.3 框架設計依據(jù)相關文獻和設計目標，網(wǎng)站總體結(jié)構(gòu)分三層：數(shù)據(jù)層、應用層、表示層，如圖 所示圖3-1 統(tǒng)一的標準規(guī)范/安全

35、體系3.4 流程設計3.4.1 網(wǎng)站管理用戶登錄的流程圖3-2 登陸流程用戶通過Web瀏覽器進入登陸界面，開始用戶信息驗證。通過驗證的用戶通過后臺的Servlet不同的用戶身份被重定向到不同的界面。3.4.2 管理員管理用戶和設置權限實現(xiàn)流程圖3-3 權限設置流程管理員進入管理員界面，可以進行相關的用戶管理操作。主要包括兩個方面的內(nèi)容：（1）用戶管理。增加刪除管理員，普通用戶等。（2）對用戶進行權限的操作。3.4.3 普通用戶的功能實現(xiàn)流程普通用戶的功能比較多，不同的用戶有著不同的權限。管理員可以進行自己權限內(nèi)操作。具體如圖3-4所示圖3-4 普通用戶功能東華理工大學軟件學院畢業(yè)設計（論文）

36、數(shù)據(jù)庫設計4. 數(shù)據(jù)庫設計4.1 概念設計4.1.1 數(shù)據(jù)項在數(shù)據(jù)庫設計之初我們需要分析用戶需要從數(shù)據(jù)庫中獲取哪些有用的信息，這對于我們做出下一步的數(shù)據(jù)庫系統(tǒng)設計具有顯而易見的幫助作用，同時也是我們對于數(shù)據(jù)庫系統(tǒng)設計有否合理的一個重要依據(jù)，下面是從用戶的角度出發(fā)整理出來的數(shù)據(jù)項。4.1.1.1 從瀏覽者的角度出發(fā)的數(shù)據(jù)項我們可以明確的知道哪些信息是瀏覽者明確想要了解的，哪些是對瀏覽者有用的，這些信息是系統(tǒng)所必須包含的如圖3-1：圖4-1 基本數(shù)據(jù)項圖4.1.2數(shù)據(jù)流圖頂層圖：圖4-2 頂層圖1層圖：圖4-3 數(shù)據(jù)流1層圖補充：圖4-4 1層圖補充4.2 邏輯結(jié)構(gòu)設計4.2.1 數(shù)據(jù)庫概念模型設

37、計圖4-5 概念模型ER圖接上圖：圖4-6 ER圖補充其它幾項與此圖類似。4.2.2 實體集常用下載COMDOWNLOAD ( COLUMNNAME , ADMINSECTION)常用下載信息COMDOWNLOADINFO ( TITLE, COLUMNNAME, UPFILE, SUBMITER, SUBMITTIME, ISCHECKOK, CHECKER, REMARK, UPLOADTIME)部門概況DEPARTMENTINFO( SECTIONNAME, CONTENTINFO, ISCKECK, ISLETTERBOX, ADMINSECTION, ISFRONT, ISCHECK

38、OK, REMARK)大事記IMPORTEVENTS( COLUMNNAME, ADMINSECTION)大事記信息IMPORTEVENTSINFO(TITLE, COLUMNNAME, CONTENTINFO, ISCHECK, CHECKTIME,CHECKER, SUBMITTER, SUBMITTIME, REMARK)留言信息LETTERBOXINFO( KEYID, WORDTIME, TITLE, NUM, WORDS, ISREPLY, REPLY, REPLYTIME, REPLYER)教務信箱用戶LETTERBOXUSER ( NUM, PASSWORD, QUESTION

39、, ANSWER)圖片PICTURE( PICTURENAME, PICURL)質(zhì)量工程QUALITYENG( COLUMNNAME,ADMINISECTION)質(zhì)量工程信息QUALITYENGINFO(TITLE, COLUMNNAME, ISCHECKOK, CHECKTIME, CHECKER, CONTENTSINFO, SUBMITTER, SUBMITTIME, REMARK)皮膚SKIN( ID, TITLE, ISSELECTED)教學動態(tài)TEACHING(COLUMNNAME, ADMINSECTION)教學動態(tài)信息TEACHINGINFO(TITLE, COLUMNNAME

40、, ISCHECKOK, CHECKTIME, CHECKER, CONTENTSINFO, SUBMITTTIME, REMARK)留言轉(zhuǎn)發(fā)TRANSMIT(KEYID, SOURCEPEO, TRANSMITTIME, REMARK, ISLOOK, LMKEY, TOPEO)用戶USERS(USERNAME, PASSWORD, ISCHECK, ISLETTERBOX, COMMENTINFO, SECTION, ISSUPER, ISFRONT)辦事指南WORKGUIDE( COLUMNAME, ADMINSECTION)辦事指南信息WORKGUIDEINFO(TITLE, COLU

41、MNNAME, ISCHECKOK, CHECKTIME, CONTENTSINFO, SUBMITTER, SUBMITTIME, REMARK, CHECKER)4.2.3各個表之間的聯(lián)系與關系圖圖4-6 各數(shù)據(jù)表關系圖4.3 實現(xiàn)與部署4.3.1 表格COMDOWNLOAD的列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明COLUMNNAMEnvarchar(50)NYN欄目名稱ADMINSECTIONnvarchar(20)NNN管理欄目的科室表4-1 表格comdownload列清單 4.3.2 表格COMDOWNLOADINFO的列清單表4-2 comdownloadi

42、nfo列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明TITLEnvarchar(200)Y標題COLUMNNAMEnvarchar(50)Y欄目名稱UPFILEntext上傳的文件SUBMITTERnvarchar(20)提交人SUBMITTIMEdatetime提交時間ISCHECKOKbit(0)是否通過審核CHECKERnvarchar(20)Y審核人REMARKnvarchar(500)Y審核意見UPLOADTIMEdatetimeY審核時間4.3.3 表格DEPARTMENTINFO的列清單表4-3 departmentinfo 列清單名稱數(shù)據(jù)類型允許Null是否主鍵是

43、否外鍵默認值字段說明SECTIONNAMEnvarchar(20)Y科室名稱CONTENTINFOntext科室簡介內(nèi)容ISCHECKbit(0)是否有審批權ISLETTERBOXbit(0)是否有教務信箱管理權ADMINSECTIONnvarchar(20)管理的科室ISFRONTbit(0)是否有網(wǎng)站信息管理權ISCHECKOKbit(0)是否通過審核REMARKnvarchar(200)Y審核意見4.3.4 表格IMPORTEVENTS的列清單表4-4 importevents 列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明COLUMNNAMEnvarchar(50)NYN

44、欄目名稱ADMINSECTIONnvarchar(20)NNN管理欄目的科室4.3.5 表格IMPORTEVENTSINFO的列清單表4-5 importeventsinfo列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明TITLEnvarchar(200)Y標題COLUMNNAMEnvarchar(50)Y所屬欄目名稱CONTENTINFOntext內(nèi)容ISCHECKbit(0)是否通過審核CHECKTIMEdatetimeY審核時間CHECKERnvarchar(20)Y審核人SUBMITTERnvarchar(20)提交人SUBMITTIMEdatetime提交時間REMAR

45、Knvarchar(500)Y審核意見4.3.6 表格LETTERBOXINFO的列清單表4-6 letterboxinfo 列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明KEYIDnvarchar(30)Y留言KeyWORDTIMEdatetime留言時間TITLEnvarchar(50)留言標題NUMnvarchar(20)Y留言人學號WORDSnvarchar(500)留言內(nèi)容ISREPLYbit(0)是否已回復REPLYnvarchar(500)Y回復的內(nèi)容REPLYTIMEdatetimeY回復時間REPLYERnvarchar(20)Y回復人4.3.7 表格LETTE

46、RBOXUSER的列清單表4-7 letterboxuser列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明NUMnvarchar(20)Y學號PASSWORDnvarchar(150)密碼QUESTIONnvarchar(20)密保問題ANSWERnvarchar(10)密保答案4.3.8 表格PICTURE的列清單表4-8 picture列清單名稱數(shù)據(jù)類型允許Null是否主鍵是否外鍵默認值字段說明PICNAMEnvarchar(100)Y圖片名稱PICURLnvarchar(500)圖片路徑其它表清單基本與此相同4.4 物理設計4.4.1 WORDGUIDEINFO creat

47、e table dbo.WORKGUIDEINFO ( TITLE nvarchar(200) not null, COLUMNNAME nvarchar(50) not null, ISCHECKOK bit not null constraint DF_WORKGUIDEINFO_ISCHECKOK default (0), CHECKTIME datetime null, CONTENTSINFO ntext not null, SUBMITTER nvarchar(20) not null, SUBMITTIME datetime not null, REMARK nvarchar(5

48、00) null, CHECKER nvarchar(20) null, constraint PK_WORKGUIDEINFO primary key (TITLE) ON PRIMARY ) ON PRIMARY TEXTIMAGE_ON PRIMARY4.4.2 WORKGUIDE create table dbo.WORKGUIDE ( COLUMNNAME nvarchar(50) not null, ADMINSECTION nvarchar(20) not null, constraint PK_WORKGUIDE primary key (COLUMNNAME) ON PRIM

49、ARY ) ON PRIMARY4.4.3 USERS create table dbo.USERS ( USERNAME nvarchar(20) not null, PASSWORD nvarchar(150) not null, ISCHECK bit not null constraint DF_USERS_ISCHECK default (0), ISLETTERBOX bit not null constraint DF_USERS_ISLETTERBOX default (0), COMMENTINFO nvarchar(500) null, SECTION nvarchar(2

50、0) not null, ISSUPER bit not null constraint DF_USERS_ISSUPER default (0), ISFRONT bit not null constraint DF_USERS_ISFRONT default (0), constraint PK_USERS primary key (USERNAME) ON PRIMARY )ON PRIMARY其它實現(xiàn)與此類似。東華理工大學軟件學院畢業(yè)設計（論文） 系統(tǒng)詳細設計5. 系統(tǒng)詳細設計5.1 前臺界面模塊設計5.1.1 皮膚載入模塊此模塊為前臺所有界面實現(xiàn)載入功能。管理員在后臺設置皮膚所使用的

51、界面。作為一個網(wǎng)絡模型來說，通用性是它的極其重要的一個標準?；谶@個標準，我們把網(wǎng)頁的樣式專門抽象出來，這樣，只要在后臺界面去管理皮膚設置，那么前臺用戶在顯示上就具有的多樣性，也就是說可以滿足不同用戶的需求。當然，這個功能也可以用作以后的擴展來使用?？梢允姑總€用戶設置自己的皮膚。這也是將皮膚載入模塊抽象出來的一個重要的原因。HTML加載Dom的方式是從上至下的，下載和渲染是同時進行的。但改變Dom樹的時候瀏覽器會重新渲染元素。為實現(xiàn)皮膚的加載可以采用如下的簡單的方式：首先將相同的皮膚文件放在同一個路徑下。加載的時候從后臺讀取配置的路徑。拼出文件及路徑名。皮膚分為兩種，一種是完整的CSS樣式的剝

52、離，別一個是對背景圖片的替換。第二種只能從一定意義上來說是一種方式，而不是一個完整的方式。我們在項目之中采用的是第一種。關鍵代碼及注釋如下： !(function()var skin; var temp; /直接使用JQuery的ajax$.ajax( async: false, /設置異步開關 type : POST, url : ./skin, /請求的servlet dataType : json, /設置返回的數(shù)據(jù)類型，這里設置為json. success : function(data) skin=data; ); /讀取完成后臺設置的皮膚文件之后，拼名文件名及路徑 var inde

53、x = ./skins/skin_ + skin + /index.css;var daohang = ./skins/skin_ + skin + /daohang.css;var common = ./skins/skin_ + skin + /common.css;var list = ./skins/skin_ + skin + /list.css;loadcss(common);loadcss(index);loadcss(daohang);loadcss(list) )();function loadcss(path)$() .attr( rel: stylesheet, type

54、: text/css, href: path ) .appendTo(head);這種方式在實現(xiàn)上來說，我們實現(xiàn)的是有一定的瑕疵。主要體現(xiàn)在，在某些特定的瀏覽器上不能加載皮膚，這種差別主要體現(xiàn)在360安全瀏覽器7.1的兼容模式上加載不出來。其它大部分瀏覽器都是可以的，當然，我們主要測試了一些主流的瀏覽器，包括Mozilla Firfox、搜狗瀏覽器，360極速瀏覽器，Internet Explorer,Chrome Explorer,獵豹瀏覽器等。5.1.2 信息欄目載入模塊為所有的前臺的模塊，比如首頁、部門概況、教學動態(tài)、辦事指南、質(zhì)量工程、常用下載，大事記等，實現(xiàn)信息欄目的載入。為了實現(xiàn)這

55、個方法，首先，系統(tǒng)設計的時候，這些模塊的文檔設計是統(tǒng)一的。每個模塊都包括：欄目、標題、內(nèi)容。前臺的界面是相當于一個三個層級式的結(jié)構(gòu)，首先是欄目，欄目下有各個文章的標題，每一個具體的標題對應一篇文章。關鍵代碼如下：創(chuàng)建用于發(fā)起異步請求的對象（適應不同的瀏覽器) if (window.XMLHttpRequest) /如果是IE內(nèi)核的瀏覽器，并且支持xmlHttp對象xmlHttp1=new XMLHttpRequest() else if (window.ActiveXObject) /其它瀏覽器對象 xmlHttp1=new ActiveXObject(Microsoft.XMLHTTP) 邏

56、輯處理 /后臺servlet的請求地址 var sUrl = ./readColumn?name= + names; /發(fā)起異步請求 xmlHttp1.open(POST,sUrl,true); xmlHttp1.send(null); /結(jié)果返回回的加調(diào) xmlHttp1.onreadystatechange=function() if( xmlHttp1.readyState = 4 & xmlHttp1.status = 200) /成功 var xmlDoc=xmlHttp1.responseXML.documentElement; var xmlElement0 = xmlDoc.getElementsByTagName(column); var htmlString=; for(var i=0; ixmlElement0.length; i+) /拼出相應的語句 htmlString += + xmlElement0i.firstChild.nodeValue +; /通過JQuery獲取相關的內(nèi)容 $(.menuul)0.innerHTML = htmlString; /根據(jù)不同的界面