學校教務網模型的設計與開發(fā)畢業(yè)論文

1、<p>　　本 科 生 畢 業(yè) 設 計（論 文）</p><p><b>　　作 者 聲 明</b></p><p>　　本人以信譽鄭重聲明：所呈交的學位畢業(yè)設計（論文），是本人在指導教師指導下由本人獨立撰寫完成的，沒有剽竊、抄襲、造假等違反道德、學術規(guī)范和其他侵權行為。文中引用他人的文獻、數(shù)據(jù)、圖件、資料均已明確標注出，不包含他人成果及為獲得東華理工大學或

2、其他教育機構的學位或證書而使用過的材料。對本設計（論文）的研究做出重要貢獻的個人和集體，均已在文中以明確方式標明。本畢業(yè)設計（論文）引起的法律結果完全由本人承擔。</p><p>　　本畢業(yè)設計（論文）成果歸東華理工大學所有。</p><p><b>　　特此聲明。</b></p><p>　　畢業(yè)設計（論文）作者（簽字）：</p>

3、<p>　　簽字日期： 年 月 日</p><p>　　本人聲明：該學位論文是本人指導學生完成的研究成果，已經審閱過論文的全部內容，并能夠保證題目、關鍵詞、摘要部分中英文內容的一致性和準確性。</p><p>　　學位論文指導教師簽名： </p><p><b>　　年 月 日</b

4、></p><p>　　學校教務網模型的設計與開發(fā)</p><p>　　The design and development of the school educational administration network model</p><p>　　2015年 6 月20 日</p><p><b>　　摘 要<

5、/b></p><p>　　自ARPANE誕生以來，對于網絡的研究越來越深入，各種技術手段層出不窮，很好的豐富了我們的生活。如今，網絡成為許多人生活、學習、工作的基礎。古老的文件系統(tǒng)已逐脫離大眾的視野。越來越多的人通過網絡來獲取有用的、新的信息。學校作為一個具有龐大人群的集合，對于信息的實時性與可靠性具有較高的要求。學校教務網作為信息上傳下達的一個渠道，對于構建學生與領導、學校與學生之間的溝通橋梁具有不可忽

6、視的作用。</p><p>　　本文主要論述在網絡開發(fā)技術的基礎之上如J2EE,Java Web，經過細致的需求收集與分析，利用各種有效之手段來開發(fā)一個具有實際作用的教務網站模型。學?？梢栽谄渖习l(fā)布各種信息、文件。相應的，學生就可以利用它為自己的生活學習服務，例如：給校領導留言、下載文件等。這極大的簡化了學校對于信息與相關文件的發(fā)布與管理。</p><p>　　論文的緒論部分描述了本課題的

7、研究背景以及其中涉及的名詞的釋義和使用到的關鍵技術等內容;第一章介紹了此項開發(fā)所用到的網絡相關技術和一些概念信息;第二章對于教務網模型作出了功能性和非功能性需求分析;第三章介紹了數(shù)據(jù)庫的相關設計，包括概念設計和系統(tǒng)設計;第四章進行了系統(tǒng)設計階段的綜述信息;文章最后部分對本次畢業(yè)設計進行了一些總結。</p><p>　　關鍵詞： Java Web; 教務網模型; 交流平臺; Ueditor API; JSP&

8、lt;/p><p><b>　　ABSTRACT</b></p><p>　　Since the birth of ARPANE for network research is more and more deep, new technology means have been poping up, greatly improve our life. Nowadays,

9、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 Internet to get useful and new information. A collection of

10、schools as one who have a large population, for the real time and reliability of information has higher requirements. The school edu</p><p>　　After detailed requirements gathering and analysis, the use of a

11、variety of effective means to develop a practical effect of teaching model of the site. Schools can release all kinds of information, documents. Accordingly, the students can use it for their own lives learning services,

12、 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. </p><p>　　The first part of th

13、is paper describes the 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 re

14、lated concepts of information; the second chapter for educational administration network model to make analysis of the functional and non-functional requirements; the third chapter related to the design of database, incl

15、uding conceptual design and system desig</p><p>　　Keywords: Java Web; Educational administration network model ; Communication platform; Ueditor API; JSP</p><p><b>　　目 錄</b></p

16、><p><b>　　緒 論1</b></p><p><b>　　課題背景1</b></p><p>　　研究的目的和意義1</p><p><b>　　關鍵技術概述2</b></p><p><b>　　MD52</b>

17、</p><p>　　1. 程序開發(fā)的理論與技術基礎4</p><p>　　1.1 Java Web基礎知識4</p><p>　　1.2 腳本語言介紹4</p><p>　　1.3 JSP技術4</p><p>　　1.4 百度UEditor API5</p><p>　　1

18、.5 Jquery 與 ajax5</p><p><b>　　2. 需求分析6</b></p><p>　　2.1 功能性需求分析6</p><p>　　2.1.1 前臺功能性需求分析6</p><p>　　2.1.2 后臺功能性需求分析7</p><p>　　2.2 非功能性需求

19、分析8</p><p>　　2.3 系統(tǒng)可行性分析8</p><p>　　2.3.1 開發(fā)環(huán)境與開發(fā)工具8</p><p>　　2.3.2 可行性分析8</p><p><b>　　3. 總體設計9</b></p><p>　　3.1 設計目標9</p><p

20、>　　3.2 設計原則9</p><p>　　3.2.1 實用性9</p><p>　　3.2.2 標準性9</p><p>　　3.2.3 合理性9</p><p>　　3.2.4 可維護性9</p><p>　　3.2.5 安全性9</p><p>　　3.2.6

21、經濟性9</p><p>　　3.3 框架設計9</p><p>　　3.4 流程設計10</p><p>　　3.4.1 網站管理用戶登錄的流程10</p><p>　　3.4.2 管理員管理用戶和設置權限實現(xiàn)流程11</p><p>　　3.4.3 普通用戶的功能實現(xiàn)流程11</p>

22、<p>　　4. 數(shù)據(jù)庫設計13</p><p>　　4.1 概念設計13</p><p>　　4.1.1 數(shù)據(jù)項13</p><p>　　4.1.2數(shù)據(jù)流圖13</p><p>　　4.2 邏輯結構設計15</p><p>　　4.2.1 數(shù)據(jù)庫概念模型設計15</p>&l

23、t;p>　　4.2.2 實體集16</p><p>　　4.2.3各個表之間的聯(lián)系與關系圖17</p><p>　　4.3 實現(xiàn)與部署17</p><p>　　4.3.1 表格COMDOWNLOAD的列清單18</p><p>　　4.3.2 表格COMDOWNLOADINFO的列清單18</p><

24、p>　　4.3.3 表格DEPARTMENTINFO的列清單18</p><p>　　4.3.4 表格IMPORTEVENTS的列清單19</p><p>　　4.3.5 表格IMPORTEVENTSINFO的列清單19</p><p>　　4.3.6 表格LETTERBOXINFO的列清單20</p><p>　　4.3

25、.7 表格LETTERBOXUSER的列清單20</p><p>　　4.3.8 表格PICTURE的列清單20</p><p>　　4.4 物理設計20</p><p>　　4.4.1 WORDGUIDEINFO20</p><p>　　4.4.2 WORKGUIDE21</p><p>　　4.4.3

26、 USERS21</p><p>　　5. 系統(tǒng)詳細設計21</p><p>　　5.1 前臺界面模塊設計22</p><p>　　5.1.1 皮膚載入模塊22</p><p>　　5.1.2 信息欄目載入模塊23</p><p>　　5.1.3 標題載入模塊25</p><p&

27、gt;　　5.1.4 內容載入模塊28</p><p>　　5.2 后臺普通管理員各功能模塊的詳細設計及實現(xiàn)29</p><p>　　5.2.1 查看個人信息29</p><p>　　5.2.2 網站信息管理30</p><p>　　5.2.3 綜合信息管理31</p><p>　　5.2.5 教務

28、信箱管理31</p><p>　　5.3 后臺超級管理員各功能模塊詳細設計及實現(xiàn)32</p><p>　　5.3.1 查看用戶信息32</p><p>　　5.3.2 對用戶進行增、刪、改、查操作32</p><p>　　5.3.3 科室權限管理32</p><p>　　5.3.4 個人權限管理3

29、2</p><p>　　5.3.5 皮膚管理32</p><p>　　5.4 后臺公共模塊的設計32</p><p>　　5.4.1 分頁管理32</p><p>　　6. 運行與測試35</p><p>　　6.1 服務器端部署與調試35</p><p>　　6.2 前臺界

30、面與功能測試35</p><p>　　6.3 測試結果35</p><p><b>　　總 結35</b></p><p><b>　　致 謝36</b></p><p><b>　　參考文獻37</b></p><p><b>

31、;　　緒 論</b></p><p><b>　　課題背景</b></p><p>　　本課題的研究是在高校的發(fā)展，人們對于信息的采集方式變更的基礎之上進行的。如今，高校招生的規(guī)模越來越大，這樣帶來的就是一系列的信息發(fā)布與處理上的問題。通過文件系統(tǒng)來發(fā)送通知或者發(fā)送一些表格文件之類的東西，無論是在實用性與實時性上都已然達不到要求。作為網絡發(fā)展之中的受益者

32、，我們應當做到與時俱進，通過Web來提高高校的工作效率。</p><p>　　過去，學生接受相關的信息都是通過老師與學生，學生與學生之間口口相傳或者通過相關的通知文件來傳達。顯然實時性與可靠性都比較差。許多人收不到這些信息，或者說收到一些錯誤的信息。</p><p>　　千里眼、順風耳這些存在于前人幻想之中的信息傳播與采集的方式，如今以不同的形式存在于我們的生活之中。手機、電腦這些東西也幾

33、乎成了高校學生進入校園生活的標配。</p><p><b>　　研究的目的和意義</b></p><p>　　基于高校的廣大規(guī)模及其高速的發(fā)展，一個成熟的教務網模型越來越顯得尤為重要。教務信息的發(fā)布、基本表格的下載、大事記等等，需要一個載體去傳播。教務網作為一個這樣的載體，一方面，信息的實時性方面可以達到要求；另一方面，在信息的多樣化展示也具有良好的表現(xiàn)力；再者，信息

34、的管理也具有了極大的方便。</p><p>　　目前，各高?；旧隙甲隽私虅站W。但是各個高校的教務網，就調研來看有這么幾點問題：</p><p>　?。?）使用率不高。除非必要的登陸比如成績、選課之類的東西，學生基本不去關注教務網。有些不具有以上系統(tǒng)的教務網更是無人問津。</p><p>　?。?）數(shù)據(jù)更新慢。我認為這是導致教務網少人訪問的部分原因。</p&g

35、t;<p>　?。?）界面不美觀，不賞心悅目。</p><p>　　高校教務網模型的開發(fā)，一方面，可以強化專業(yè)技能。另一方面具有實際的使用價值。在開發(fā)的過程中，可以加強采集需求，調研需求，抽象需求，處理問題，解決問題的能力。</p><p><b>　　名詞解釋</b></p><p>　　Java Web: 用Java技術來解決

36、相關web互聯(lián)網領域的技術總和。</p><p>　　Tomcat: 是常用的后臺Web服務器的一個免費版本，是由Apache基金會聯(lián)合其它幾家公司共同研究開發(fā)的，具有很好的Jsp兼容性,是小型Web服務器的首選。</p><p>　　MVC：由于需求具有變化的特點，往往耦合的代碼維護起來比較麻煩，而且不容易修改，常常給開發(fā)者帶來各種各樣的問題。MVC模型帶來了一個非常好的解決方案，它使得

37、業(yè)務邏輯和具體的顯示分離，在需求改變的時候，要么改變其業(yè)務邏輯，要么改變其顯示方式，給Web或其它應用程序的開發(fā)帶來了極大的靈活性。</p><p>　　UEditor：是一種所見即所得的文本編輯器，由百度公司負責開發(fā)，免費提供給開發(fā)者使用。</p><p>　　Js：是JavaScript的縮寫，是一種腳本語言，在HTML文檔的編寫中通常用js來實現(xiàn)某些功能性的需求。比如文本驗證等。&l

38、t;/p><p>　　JSP：jsp是在HTML界面中放入<%,%>java程序段，瀏覽器請求界面以后由服務器端執(zhí)行，返回HTML文件給瀏覽器解析，所以，只要有瀏覽器的計算機都可以瀏覽jsp界面。</p><p>　　MD5:是一種加密算法，通來被用來驗證文件是否被篡改的問題。它使用一種類似于人體指紋的數(shù)字指紋來辨別每一個文件。是相對安全可信的。</p><p&

39、gt;　　前臺界面：用于向所有互聯(lián)網用戶展示信息的界面。</p><p>　　后臺界面：網站后臺管理的界面，通常只有本網站的所有者才能訪問。</p><p>　　管理員：管理普通用戶的人。</p><p>　　普通用戶：網站的后臺管理者。</p><p>　　數(shù)據(jù)庫管理系統(tǒng)：即Database Management System是一種操縱和管

40、理數(shù)據(jù)庫的大型軟件，用于建立、使用和維護數(shù)據(jù)庫，簡稱DBMS。</p><p><b>　　關鍵技術概述</b></p><p>　　MD5：MD5是從MD2、MD4進一步完善而來的，它解決了在MD2、MD4中的漏洞，作用是對通過類似人體指紋的“數(shù)字指紋”的方式來為每一個文件生成一個值，使用這個值可以校驗此文件有沒有被篡改過。該值具有 唯一性,可以作為數(shù)字簽

41、名使用。對輸入的任意長度的字節(jié)串，生成一個由32個字符組成的十六進制字符串，基本具備唯一性和不可逆性?？梢杂脕磉M行用戶名和密碼的加密操作。</p><p>　　Hibernate：Hibernate是一個開放源代碼的Java Web操作數(shù)據(jù)庫的中間件，它封裝了JDBC接口，開發(fā)者在Java web的開發(fā)中可以直接使用它來進行與數(shù)據(jù)庫相關的一些操作而不用自己重新來封閉這些接口。</p><p&g

42、t;　　UEditor：UEditor是由百度開發(fā)的WYSIWYG的開放源代碼的可嵌于瀏覽器的文本編輯器，開發(fā)者可以在自己的WEB程序中使用這些來使得瀏覽者編輯文章與信息。開發(fā)著使用UEditor可以很好的增加自己網頁的使用體驗。使得瀏覽者看到的信息與編輯或上傳者所看到的信息是完全相同的。消除瀏覽器解析不同而帶來的不一致性。</p><p>　　過濾器：以一種組件形式綁定到web應用程序中，限制用戶訪問某些資源或

43、在請求前必須提前處理某些資源。</p><p>　　Ajax:通過一個特殊的對象httprequest來向服務器異步請求數(shù)據(jù)并設置回調函數(shù)，待服務器請求成功并的返回時，它會回調注冊的函數(shù)，以此來達到異步加載和廷遲加載的效果。開發(fā)者通常使用它來實現(xiàn)瀏覽器局部刷新的功能。</p><p>　　1. 程序開發(fā)的理論與技術基礎</p><p>　　1.1 Java Web

44、基礎知識</p><p>　　自從Spring,Hibernate等開源框架的發(fā)展，J2EE的開發(fā)也變得越來越容易。Spring MVC開發(fā)模型也越來越深入人心。采用MVC模型開發(fā)的項目工程數(shù)不勝數(shù)。</p><p>　　Java web是指使用java語言，jsp/servlet等開發(fā)的動態(tài)Web資源。開發(fā)java Web工程一般來說需要配置一個Web服務器。常用的有：WebLogic、

45、WebSphere、IIS、Tomcat等。這里我使用的是tomcat服務器。</p><p>　　1.2 腳本語言介紹</p><p>　　所謂腳本語言指的是內嵌到通過超文本傳輸協(xié)議傳輸?shù)某谋荆℉TML）中的，一段由操作系統(tǒng)的瀏覽器解釋執(zhí)行的個段代碼。 </p><p>　　腳本程序通常由操作系統(tǒng)的瀏覽器端來直接解釋執(zhí)行，并不需要編譯器來參與。腳本

46、程序段的編寫一般都是十分簡單的，所以一些程序員經常會拿它來做一些簡單的不需要Web服務器參與的功能。腳本程序的編寫的這些特性也決定了它的用法和用途。</p><p>　　腳本語言通常是弱類型的語言，這與一般的程序語言也不相同，但正是這樣，腳本語言的編寫也就比一般的程序語言要容易一些。但也是這個特性給許多的資深程序員帶來了不小的困擾。</p><p>　　由于腳本語言不需要編譯，所以，腳本語

47、言的調試也有一定的難度。一般的IDE無法參與到腳本語言的調試中，只能通過一些特定的工具而且要在客戶端執(zhí)行以后才能進行它的調試工作。這種困擾對于那些用習慣了IDE的程序員來說簡直是噩夢一般的存在。</p><p>　　1.3 JSP技術</p><p>　　JSP是在HTML界面中放入<%,%>java程序段，瀏覽器請求界面以后由服務器端執(zhí)行，返回HTML文件給瀏覽器解析，所以

48、，只要有瀏覽器的計算機都可以瀏覽JSP界面。JSP與Servlet有一定的相似之處。JSP相比較servlet技術來說，JSP技術更加的簡單。但是JSP的標簽比較簡單，和Html的兼容性更好。JSP和Servlet一樣都是在Web服務器端執(zhí)行的，都是要經過編譯的過程。所以，從本質上來說JSP和Servlet并沒有什么本質上的不同。</p><p>　　1.4 百度UEditor API</p>&

49、lt;p>　　UEditor是由百度開發(fā)的WYSIWYG的開放源代碼的可嵌于瀏覽器的文本編輯器，開發(fā)者可以在自己的WEB程序中使用這些來使得瀏覽者編輯文章與信息。開發(fā)著使用UEditor可以很好的增加自己網頁的使用體驗。使得瀏覽者看到的信息與編輯或上傳者所看到的信息是完全相同的。消除瀏覽器解析不同而帶來的不一致性。</p><p>　　現(xiàn)在有許多公司及開源的工作小組都發(fā)布了自己的富文本編輯器。這為我們的開發(fā)

50、減輕了許多的難度。</p><p>　　Ueditor配置起來還是比較簡單的。對于開發(fā)者的編程水平要求不高，因此Ueditor的使用是十分普遍的。</p><p>　　1.5 Jquery 與 ajax</p><p>　　資深的程序員對于一些開源庫及其它開源項目一定是十分的熟悉的。這可以說是程序開發(fā)者的寶庫。我們可以在這里學習很多的優(yōu)秀的開發(fā)經驗。無論是資深的開發(fā)

51、者還是菜鳥程序員，一定對開源社區(qū)趨之若鶩。JQuery便是開源項目之中的一個。</p><p>　　JQuery對于腳本語言有十分優(yōu)秀的封裝。熟練使用JQuery是每一個Web開發(fā)者最基本的技能。它省去了開發(fā)者在開發(fā)過程中的大量的工作。它的許多東西是我們之前開發(fā)過程之中經常用到的東西，比如事件機制，我們之前的開發(fā)總是要多這行東西做自己的封裝，而且會經常性的遇到不兼容性的問題。這種情況是我們所不愿意看到的。<

52、/p><p>　　以前我們去做java web的局部刷新的時候，我們經常要自己去創(chuàng)建自己的HttpRequest對象來發(fā)送異步請求。這樣做有兩點不好的地方。首先，我們要拷貝自己之前的實現(xiàn)代碼；其次，創(chuàng)建這個對象好要解決瀏覽器不兼容的問題。</p><p>　　有了現(xiàn)在的開源庫的幫助，我們直接去調用它們實現(xiàn)的方法就行，節(jié)省了大量的開發(fā)時間?，F(xiàn)在，我們只要下載這些開源的代碼，在Html文檔的前面引

53、用封裝好的一些操作就可以實現(xiàn)許多的功能。</p><p><b>　　2. 需求分析</b></p><p>　　2.1 功能性需求分析</p><p>　　2.1.1 前臺功能性需求分析</p><p>　?。?）前臺系統(tǒng)流程如圖 2-1 所示</p><p>　　前臺是指教務網的瀏覽者從前

54、臺的瀏覽器如IE、360、Chrome等，通過在瀏覽器的地址欄中輸入要訪問的網址，使用HTTP(超文本傳輸協(xié)議)協(xié)議，發(fā)出Http請求并等待服務器響應的界面。本系統(tǒng)的前臺與后臺的交互如圖2-1所示。</p><p>　　圖2-1 前臺系統(tǒng)流程圖</p><p>　?。?） 前臺的功能性需求如下：</p><p>　　a.教務網建立的目的之一是用來向學生來顯示教務處及

55、其它科室的老師發(fā)布的教學、通知等信息。所以，前臺用戶可以進入網站來查看已經發(fā)布的信息是教務網系統(tǒng)的基本功能之一。</p><p>　　b.通過我們對于老師以及學生的調研情況來看，對老師來說，應該有上傳下載文件的功能，比如我們在教學活動中經常遇到的表格、文檔資料的文件;對學生來說，應該具有基本的下載的功能。</p><p>　　c.出于對前臺界面操作的便捷性，通知鏈接進入學校的其它有用界面。

56、</p><p>　　d.前臺界面分版塊進行展示從左至右依次為：首頁、部門概況、教學動態(tài)、辦事指南、質量工程、常用下載、大事記，其中首頁，部門概況和大事記的頁面設定為靜止的，其他的頁面設置為動態(tài)的。</p><p>　　e.對于發(fā)布的教學動態(tài)信息可以鍵入關鍵字來查找。在使用一段時間之后，信息量變得越來越大，對于信息的檢索的需求也就慢慢的顯露出來。不論是老師還是學生，都需要從眾多的信息之中找

57、到自己需要的信息，所以查找功能也就越來越重要。</p><p>　　f.學生經常會有一些問題需要向教務處咨詢，而每次有問題都去教務處也很不實際，所以需要有留言功能。但是出于安全方面的考慮。僅僅本校的師生可以注冊為教務信箱的用戶，并登錄教務信箱留言。</p><p>　　g.對于自己關心的問題要有查看留言板中對于自己的回復內容的功能。</p><p>　　h.已注冊的

58、用戶可以直接登錄教務信箱的留言版。</p><p>　　2.1.2 后臺功能性需求分析</p><p><b>　　(1)后臺系統(tǒng)流程</b></p><p>　　圖2-2 后臺系統(tǒng)流程圖</p><p>　　(2)后臺的功能性需求如下：</p><p><b>　　系統(tǒng)管理員</

59、b></p><p>　　a.管理所有登陸用戶（包括后臺管理員和能登錄教務信箱的用戶）</p><p>　　b.實現(xiàn)這些用戶名、用戶密碼、用戶權限的增刪改查。</p><p>　　c.指定審批文件的科室</p><p>　　d.指定管理教務信箱的科室</p><p><b>　　普通管理員</b&

60、gt;</p><p>　　a.管理本科室的欄目。在欄目下添加、修改、刪除內容（包括文字、圖片、表格、上傳的文件和超鏈接）。</p><p>　　b.提交待發(fā)布信息和上傳的文件。提交的信息和上傳的文件必須通過審核后，才能正式發(fā)布。</p><p>　　c.管理本科室所有已發(fā)布的文件和信息</p><p>　　2.2 非功能性需求分析<

61、/p><p>　　非功能需求包括三個方面：網站完全、網站界面和文檔資料</p><p><b>　　(1)網站安全</b></p><p>　　嚴禁非管理員修改網站的內容，嚴禁非本校師生注冊登錄教務信箱。</p><p><b>　　(2)網站界面</b></p><p>　　教

62、務網的界面簡潔、美觀，后臺管理的操作過程簡單，有良好的交互性和用戶體驗。</p><p><b>　　(3)文檔資料</b></p><p>　　要有網站需求說明書，詳細的數(shù)據(jù)庫設計和網站設計文檔，后臺管理的操作手冊。源代碼編程規(guī)范，要有詳細的注釋。</p><p>　　2.3 系統(tǒng)可行性分析</p><p>　　2.

63、3.1 開發(fā)環(huán)境與開發(fā)工具</p><p>　　本網站的開發(fā)選用MyEclipse 10集成開發(fā)環(huán)境作為開發(fā)平臺，web服務器選用Tomcat 6.x，數(shù)據(jù)庫選用SQL Server 2000。</p><p>　　本網站開發(fā)的編程語言選用Java，對數(shù)據(jù)庫的操作選用Hibernate 3.1，開發(fā)的界面工具包括：JSP、JavaScript、Ajax、Html、css. 文本編輯器選用

64、百度公司最新版UEditor 1.4.3-utf8-jsp。</p><p>　　2.3.2 可行性分析</p><p>　　本系統(tǒng)是采用J2EE結合Hibernate，javascript制作的一個教務網系統(tǒng)。實現(xiàn)這個系統(tǒng)將用到以下幾種技術：</p><p>　?。?）Javascript實現(xiàn)對界面的各種控制以及表單的驗證；</p><p>

65、;　?。?）Java 主要用來處理后臺邏輯</p><p>　?。?）數(shù)據(jù)庫采用Sql Server2008版本，用來儲存數(shù)據(jù)。</p><p>　　（4）Web服務器：apache Tomcat 7.0版本</p><p>　?。?）開發(fā)平臺采用windows + MyEclipse.</p><p>　?。?）HTML相關的知識。<

66、/p><p>　　根據(jù)以上的需求分析及技術要求，該系統(tǒng)的功能目標是能夠達到預期的效果的。</p><p><b>　　3. 總體設計</b></p><p><b>　　3.1 設計目標</b></p><p>　　網站開發(fā)的目標，是圍繞學校教務處的實際需求，開發(fā)一個界面簡潔美觀、功能實用、操作簡單

67、、安全可靠的網站。</p><p><b>　　3.2 設計原則</b></p><p>　　3.2.1 實用性</p><p>　　網站的后臺管理提供清晰、簡潔、友好的中文人機交互界面，操作簡便、靈活、易學易用，便于管理和維護，對于非專業(yè)人員易于理解和操作，力求達到易于上手的目的。</p><p>　　3.2.2

68、標準性</p><p>　　網站的開發(fā)過程中遵守統(tǒng)一的標準，無論從數(shù)據(jù)的處理，數(shù)據(jù)庫的建設，程序的設計，開發(fā)都要遵守相應的標準和規(guī)范。</p><p>　　3.2.3 合理性</p><p>　　充分網站功能的擴充，方便平滑升級。網站對運行環(huán)境(硬件設備、軟件操作系統(tǒng)等)具有較好的適應性，不依賴于某一特定型號計算機設備和固定版本的操作系統(tǒng)軟件。</p>

69、<p>　　3.2.4 可維護性</p><p>　　后臺管理操作簡單，實用性高，具有易操作、易維護的特點，系統(tǒng)具有詳細的設計說明書和完整的異常捕獲信息記錄，當出現(xiàn)異常時利于后期維護。</p><p>　　3.2.5 安全性</p><p>　　一方面后臺登錄采用密碼再加密認證的方式進行安全性防護，防止非本網站用戶登錄修改信息；另一方面，采用過濾器

70、技術，防止非法用戶越過登錄直接進入后臺；此外，增加用戶權限的管理，所有的用戶只能在自己的權限范圍內操作。</p><p><b>　　3.2.6經濟性</b></p><p>　　在網站功能及性能要求的前提下，盡量降低開發(fā)成本，采用經濟實用的技術，利用現(xiàn)有設備和資源，綜合考慮網站的建設、升級和維護費用。</p><p><b>　　3

71、.3 框架設計</b></p><p>　　依據(jù)相關文獻和設計目標，網站總體結構分三層：數(shù)據(jù)層、應用層、表示層，如圖 所示</p><p>　　圖3-1 統(tǒng)一的標準規(guī)范/安全體系</p><p><b>　　3.4 流程設計</b></p><p>　　3.4.1 網站管理用戶登錄的流程</p>

72、;<p><b>　　圖3-2 登陸流程</b></p><p>　　用戶通過Web瀏覽器進入登陸界面，開始用戶信息驗證。通過驗證的用戶通過后臺的Servlet不同的用戶身份被重定向到不同的界面。</p><p>　　3.4.2 管理員管理用戶和設置權限實現(xiàn)流程</p><p>　　圖3-3 權限設置流程</p>&

73、lt;p>　　管理員進入管理員界面，可以進行相關的用戶管理操作。主要包括兩個方面的內容：</p><p>　?。?）用戶管理。增加刪除管理員，普通用戶等。</p><p>　　（2）對用戶進行權限的操作。</p><p>　　3.4.3 普通用戶的功能實現(xiàn)流程</p><p>　　普通用戶的功能比較多，不同的用戶有著不同的權限。管理員可

74、以進行自己權限內操作。具體如圖3-4所示</p><p>　　圖3-4 普通用戶功能</p><p><b>　　4. 數(shù)據(jù)庫設計</b></p><p><b>　　4.1 概念設計</b></p><p>　　4.1.1 數(shù)據(jù)項</p><p>　　在數(shù)據(jù)庫設計之初

75、我們需要分析用戶需要從數(shù)據(jù)庫中獲取哪些有用的信息，這對于我們做出下一步的數(shù)據(jù)庫系統(tǒng)設計具有顯而易見的幫助作用，同時也是我們對于數(shù)據(jù)庫系統(tǒng)設計有否合理的一個重要依據(jù)，下面是從用戶的角度出發(fā)整理出來的數(shù)據(jù)項。</p><p>　　4.1.1.1 從瀏覽者的角度出發(fā)的數(shù)據(jù)項</p><p>　　我們可以明確的知道哪些信息是瀏覽者明確想要了解的，哪些是對瀏覽者有用的，這些信息是系統(tǒng)所必須包含的如

76、圖3-1：</p><p>　　圖4-1 基本數(shù)據(jù)項圖</p><p><b>　　4.1.2數(shù)據(jù)流圖</b></p><p><b>　　頂層圖：</b></p><p><b>　　圖4-2 頂層圖</b></p><p><b>　　1層

77、圖：</b></p><p>　　圖4-3 數(shù)據(jù)流1層圖</p><p><b>　　補充：</b></p><p>　　圖4-4 1層圖補充</p><p>　　4.2 邏輯結構設計</p><p>　　4.2.1 數(shù)據(jù)庫概念模型設計</p><p>　　圖

78、4-5 概念模型ER圖</p><p><b>　　接上圖：</b></p><p>　　圖4-6 ER圖補充</p><p>　　其它幾項與此圖類似。</p><p><b>　　4.2.2 實體集</b></p><p><b>　　常用下載</b>

79、</p><p>　　COMDOWNLOAD ( COLUMNNAME , ADMINSECTION)</p><p><b>　　常用下載信息</b></p><p>　　COMDOWNLOADINFO ( TITLE, COLUMNNAME, UPFILE, SUBMITER, SUBMITTIME, ISCHECKOK, CHECKER,

80、 REMARK, UPLOADTIME)</p><p><b>　　部門概況</b></p><p>　　DEPARTMENTINFO( SECTIONNAME, CONTENTINFO, ISCKECK, ISLETTERBOX, ADMINSECTION, ISFRONT, ISCHECKOK, REMARK)</p><p><b

81、>　　大事記</b></p><p>　　IMPORTEVENTS( COLUMNNAME, ADMINSECTION)</p><p><b>　　大事記信息</b></p><p>　　IMPORTEVENTSINFO(TITLE, COLUMNNAME, CONTENTINFO, ISCHECK, CHECKTIME,C

82、HECKER, SUBMITTER, SUBMITTIME, REMARK)</p><p><b>　　留言信息</b></p><p>　　LETTERBOXINFO( KEYID, WORDTIME, TITLE, NUM, WORDS, ISREPLY, REPLY, REPLYTIME, REPLYER)</p><p><b&

83、gt;　　教務信箱用戶</b></p><p>　　LETTERBOXUSER ( NUM, PASSWORD, QUESTION, ANSWER)</p><p><b>　　圖片</b></p><p>　　PICTURE( PICTURENAME, PICURL)</p><p><b>　　

84、質量工程</b></p><p>　　QUALITYENG( COLUMNNAME,ADMINISECTION)</p><p><b>　　質量工程信息</b></p><p>　　QUALITYENGINFO(TITLE, COLUMNNAME, ISCHECKOK, CHECKTIME, CHECKER, CONTENTSIN

85、FO, SUBMITTER, SUBMITTIME, REMARK)</p><p><b>　　皮膚</b></p><p>　　SKIN( ID, TITLE, ISSELECTED)</p><p><b>　　教學動態(tài)</b></p><p>　　TEACHING(COLUMNNAME, A

86、DMINSECTION)</p><p><b>　　教學動態(tài)信息</b></p><p>　　TEACHINGINFO(TITLE, COLUMNNAME, ISCHECKOK, CHECKTIME, CHECKER, CONTENTSINFO, SUBMITTTIME, REMARK)</p><p><b>　　留言轉發(fā)<

87、/b></p><p>　　TRANSMIT(KEYID, SOURCEPEO, TRANSMITTIME, REMARK, ISLOOK, LMKEY, TOPEO)</p><p><b>　　用戶</b></p><p>　　USERS(USERNAME, PASSWORD, ISCHECK, ISLETTERBOX, COMMEN

88、TINFO, SECTION, ISSUPER, ISFRONT)</p><p><b>　　辦事指南</b></p><p>　　WORKGUIDE( COLUMNAME, ADMINSECTION)</p><p><b>　　辦事指南信息</b></p><p>　　WORKGUIDEINF

89、O(TITLE, COLUMNNAME, ISCHECKOK, CHECKTIME, CONTENTSINFO, SUBMITTER, SUBMITTIME, REMARK, CHECKER)</p><p>　　4.2.3各個表之間的聯(lián)系與關系圖</p><p>　　圖4-6 各數(shù)據(jù)表關系圖</p><p>　　4.3 實現(xiàn)與部署</p><

90、p>　　4.3.1 表格COMDOWNLOAD的列清單</p><p>　　表4-1 表格comdownload列清單</p><p>　　4.3.2 表格COMDOWNLOADINFO的列清單</p><p>　　表4-2 comdownloadinfo列清單</p><p>　　4.3.3 表格DEPARTMENTINFO的列

91、清單</p><p>　　表4-3 departmentinfo 列清單</p><p>　　4.3.4 表格IMPORTEVENTS的列清單</p><p>　　表4-4 importevents 列清單</p><p>　　4.3.5 表格IMPORTEVENTSINFO的列清單</p><p>　　表4-5

92、importeventsinfo列清單</p><p>　　4.3.6 表格LETTERBOXINFO的列清單</p><p>　　表4-6 letterboxinfo 列清單</p><p>　　4.3.7 表格LETTERBOXUSER的列清單</p><p>　　表4-7 letterboxuser列清單</p><

93、;p>　　4.3.8 表格PICTURE的列清單</p><p>　　表4-8 picture列清單</p><p>　　其它表清單基本與此相同</p><p><b>　　4.4 物理設計</b></p><p>　　4.4.1 WORDGUIDEINFO</p><p>　　creat

94、e table dbo.WORKGUIDEINFO (</p><p>　　TITLE nvarchar(200) not null,</p><p>　　COLUMNNAME nvarchar(50) not null,</p><p>　　ISCHECKOK bit not null constraint DF_WORKGUIDEINFO_I

95、SCHECKOK default (0),</p><p>　　CHECKTIME datetime null,</p><p>　　CONTENTSINFO ntext not null,</p><p>　　SUBMITTER nvarchar(20) not null,</p><p>

96、　　SUBMITTIME datetime not null,</p><p>　　REMARK nvarchar(500) null,</p><p>　　CHECKER nvarchar(20) null,</p><p>　　constraint PK_WORKGUIDEINFO primary

97、 key (TITLE) ON [PRIMARY]</p><p><b>　　)</b></p><p>　　ON [PRIMARY] TEXTIMAGE_ON [PRIMARY]</p><p>　　4.4.2 WORKGUIDE</p><p>　　create table dbo.WORKGUIDE (</

98、p><p>　　COLUMNNAME nvarchar(50) not null,</p><p>　　ADMINSECTION nvarchar(20) not null,</p><p>　　constraint PK_WORKGUIDE primary key (COLUMNNAME) ON [PRIMARY]&l

99、t;/p><p><b>　　)</b></p><p>　　ON [PRIMARY]</p><p>　　4.4.3 USERS</p><p>　　create table dbo.USERS (</p><p>　　USERNAME nvarchar(20) not null,&l

100、t;/p><p>　　PASSWORD nvarchar(150) not null,</p><p>　　ISCHECK bit not null constraint DF_USERS_ISCHECK default (0),</p><p>　　ISLETTERBOX bit not null constraint

101、DF_USERS_ISLETTERBOX default (0),</p><p>　　COMMENTINFO nvarchar(500) null,</p><p>　　SECTION nvarchar(20) not null,</p><p>　　ISSUPER bit not null constraint

102、DF_USERS_ISSUPER default (0),</p><p>　　ISFRONT bit not null constraint DF_USERS_ISFRONT default (0),</p><p>　　constraint PK_USERS primary key (USERNAME) ON [PRIMARY]</p><p

103、>　　)ON [PRIMARY]</p><p><b>　　其它實現(xiàn)與此類似。</b></p><p>　　5. 系統(tǒng)詳細設計</p><p>　　5.1 前臺界面模塊設計</p><p>　　5.1.1 皮膚載入模塊</p><p>　　此模塊為前臺所有界面實現(xiàn)載入功能。管理員在后

104、臺設置皮膚所使用的界面。作為一個網絡模型來說，通用性是它的極其重要的一個標準?；谶@個標準，我們把網頁的樣式專門抽象出來，這樣，只要在后臺界面去管理皮膚設置，那么前臺用戶在顯示上就具有的多樣性，也就是說可以滿足不同用戶的需求。當然，這個功能也可以用作以后的擴展來使用?？梢允姑總€用戶設置自己的皮膚。這也是將皮膚載入模塊抽象出來的一個重要的原因。</p><p>　　HTML加載Dom的方式是從上至下的，下載和渲染是

105、同時進行的。但改變Dom樹的時候瀏覽器會重新渲染元素。為實現(xiàn)皮膚的加載可以采用如下的簡單的方式：</p><p>　　首先將相同的皮膚文件放在同一個路徑下。加載的時候從后臺讀取配置的路徑。拼出文件及路徑名。</p><p>　　皮膚分為兩種，一種是完整的CSS樣式的剝離，別一個是對背景圖片的替換。第二種只能從一定意義上來說是一種方式，而不是一個完整的方式。我們在項目之中采用的是第一種。&l

106、t;/p><p>　　關鍵代碼及注釋如下：</p><p>　　!(function(){</p><p>　　var skin; </p><p>　　var temp; </p><p>　　//直接使用JQuery的ajax</p><p><b>　　$.ajax({ </b

107、></p><p>　　async: false, //設置異步開關</p><p>　　type : "POST", </p><p>　　url : "../skin", //請求的servlet</p><p>　　dataType : 'json', //設

108、置返回的數(shù)據(jù)類型，這里設置為json.</p><p>　　success : function(data) { </p><p>　　skin=data; </p><p><b>　　} </b></p><p><b>　　});</b></p><p>　　//讀取完

109、成后臺設置的皮膚文件之后，拼名文件名及路徑 </p><p>　　var index = "./skins/skin_" + skin + "/index.css";</p><p>　　var daohang = "./skins/skin_" + skin + "/daohang.css";</p

110、><p>　　var common = "./skins/skin_" + skin + "/common.css";</p><p>　　var list = "./skins/skin_" + skin + "/list.css";</p><p>　　loadcss(common);

111、</p><p>　　loadcss(index);</p><p>　　loadcss(daohang);</p><p>　　loadcss(list)</p><p><b>　　})();</b></p><p>　　function loadcss(path){</p>&

112、lt;p>　　$("<link>")</p><p>　　.attr({ rel: "stylesheet",</p><p>　　type: "text/css",</p><p>　　href: path</p><p><b>　　})</b&

113、gt;</p><p>　　.appendTo("head");</p><p><b>　　}</b></p><p>　　這種方式在實現(xiàn)上來說，我們實現(xiàn)的是有一定的瑕疵。主要體現(xiàn)在，在某些特定的瀏覽器上不能加載皮膚，這種差別主要體現(xiàn)在360安全瀏覽器7.1的兼容模式上加載不出來。其它大部分瀏覽器都是可以的，當然，我們主要

114、測試了一些主流的瀏覽器，包括Mozilla Firfox、搜狗瀏覽器，360極速瀏覽器，Internet Explorer,Chrome Explorer,獵豹瀏覽器等。</p><p>　　5.1.2 信息欄目載入模塊</p><p>　　為所有的前臺的模塊，比如首頁、部門概況、教學動態(tài)、辦事指南、質量工程、常用下載，大事記等，實現(xiàn)信息欄目的載入。</p><p&g

115、t;　　為了實現(xiàn)這個方法，首先，系統(tǒng)設計的時候，這些模塊的文檔設計是統(tǒng)一的。每個模塊都包括：欄目、標題、內容。</p><p>　　前臺的界面是相當于一個三個層級式的結構，首先是欄目，欄目下有各個文章的標題，每一個具體的標題對應一篇文章。</p><p><b>　　關鍵代碼如下：</b></p><p>　　創(chuàng)建用于發(fā)起異步請求的對象（適應不

116、同的瀏覽器)</p><p>　　if (window.XMLHttpRequest)</p><p><b>　　{</b></p><p>　　//如果是IE內核的瀏覽器，并且支持xmlHttp對象</p><p>　　xmlHttp1=new XMLHttpRequest()</p><p>

117、;　　}else if (window.ActiveXObject)</p><p><b>　　{</b></p><p><b>　　//其它瀏覽器對象</b></p><p>　　xmlHttp1=new ActiveXObject("Microsoft.XMLHTTP")</p>

118、<p><b>　　}</b></p><p><b>　　邏輯處理</b></p><p>　　//后臺servlet的請求地址</p><p>　　var sUrl = "./readColumn?name=" + names;</p><p><b>　

119、　//發(fā)起異步請求</b></p><p>　　xmlHttp1.open("POST",sUrl,true);</p><p>　　xmlHttp1.send(null);</p><p>　　//結果返回回的加調</p><p>　　xmlHttp1.onreadystatechange=function(

120、){</p><p>　　if( xmlHttp1.readyState == 4 && xmlHttp1.status == 200)</p><p><b>　　{</b></p><p><b>　　//成功</b></p><p>　　var xmlDoc=xmlHttp1.

121、responseXML.documentElement;</p><p>　　var xmlElement0 = xmlDoc.getElementsByTagName("column");</p><p>　　var htmlString="";</p><p>　　for(var i=0; i<xmlElement0