學(xué)校教務(wù)網(wǎng)模型的設(shè)計(jì)與開(kāi)發(fā)畢業(yè)論文

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

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

3、<p>　　簽字日期： 年 月 日</p><p>　　本人聲明：該學(xué)位論文是本人指導(dǎo)學(xué)生完成的研究成果，已經(jīng)審閱過(guò)論文的全部?jī)?nèi)容，并能夠保證題目、關(guān)鍵詞、摘要部分中英文內(nèi)容的一致性和準(zhǔn)確性。</p><p>　　學(xué)位論文指導(dǎo)教師簽名： </p><p><b>　　年 月 日</b

4、></p><p>　　學(xué)校教務(wù)網(wǎng)模型的設(shè)計(jì)與開(kāi)發(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誕生以來(lái)，對(duì)于網(wǎng)絡(luò)的研究越來(lái)越深入，各種技術(shù)手段層出不窮，很好的豐富了我們的生活。如今，網(wǎng)絡(luò)成為許多人生活、學(xué)習(xí)、工作的基礎(chǔ)。古老的文件系統(tǒng)已逐脫離大眾的視野。越來(lái)越多的人通過(guò)網(wǎng)絡(luò)來(lái)獲取有用的、新的信息。學(xué)校作為一個(gè)具有龐大人群的集合，對(duì)于信息的實(shí)時(shí)性與可靠性具有較高的要求。學(xué)校教務(wù)網(wǎng)作為信息上傳下達(dá)的一個(gè)渠道，對(duì)于構(gòu)建學(xué)生與領(lǐng)導(dǎo)、學(xué)校與學(xué)生之間的溝通橋梁具有不可忽

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

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

17、</p><p>　　1. 程序開(kāi)發(fā)的理論與技術(shù)基礎(chǔ)4</p><p>　　1.1 Java Web基礎(chǔ)知識(shí)4</p><p>　　1.2 腳本語(yǔ)言介紹4</p><p>　　1.3 JSP技術(shù)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 前臺(tái)功能性需求分析6</p><p>　　2.1.2 后臺(tái)功能性需求分析7</p><p>　　2.2 非功能性需求

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

20、>　　3.2 設(shè)計(jì)原則9</p><p>　　3.2.1 實(shí)用性9</p><p>　　3.2.2 標(biāo)準(zhǔn)性9</p><p>　　3.2.3 合理性9</p><p>　　3.2.4 可維護(hù)性9</p><p>　　3.2.5 安全性9</p><p>　　3.2.6

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

22、<p>　　4. 數(shù)據(jù)庫(kù)設(shè)計(jì)13</p><p>　　4.1 概念設(shè)計(jì)13</p><p>　　4.1.1 數(shù)據(jù)項(xiàng)13</p><p>　　4.1.2數(shù)據(jù)流圖13</p><p>　　4.2 邏輯結(jié)構(gòu)設(shè)計(jì)15</p><p>　　4.2.1 數(shù)據(jù)庫(kù)概念模型設(shè)計(jì)15</p>&l

23、t;p>　　4.2.2 實(shí)體集16</p><p>　　4.2.3各個(gè)表之間的聯(lián)系與關(guān)系圖17</p><p>　　4.3 實(shí)現(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 物理設(shè)計(jì)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)詳細(xì)設(shè)計(jì)21</p><p>　　5.1 前臺(tái)界面模塊設(shè)計(jì)22</p><p>　　5.1.1 皮膚載入模塊22</p><p>　　5.1.2 信息欄目載入模塊23</p><p>　　5.1.3 標(biāo)題載入模塊25</p><p&

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

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

29、2</p><p>　　5.3.5 皮膚管理32</p><p>　　5.4 后臺(tái)公共模塊的設(shè)計(jì)32</p><p>　　5.4.1 分頁(yè)管理32</p><p>　　6. 運(yùn)行與測(cè)試35</p><p>　　6.1 服務(wù)器端部署與調(diào)試35</p><p>　　6.2 前臺(tái)界

30、面與功能測(cè)試35</p><p>　　6.3 測(cè)試結(jié)果35</p><p><b>　　總 結(jié)35</b></p><p><b>　　致 謝36</b></p><p><b>　　參考文獻(xiàn)37</b></p><p><b>

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

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

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

34、的管理也具有了極大的方便。</p><p>　　目前，各高校基本上都做了教務(wù)網(wǎng)。但是各個(gè)高校的教務(wù)網(wǎng)，就調(diào)研來(lái)看有這么幾點(diǎn)問(wèn)題：</p><p>　?。?）使用率不高。除非必要的登陸比如成績(jī)、選課之類的東西，學(xué)生基本不去關(guān)注教務(wù)網(wǎng)。有些不具有以上系統(tǒng)的教務(wù)網(wǎng)更是無(wú)人問(wèn)津。</p><p>　?。?）數(shù)據(jù)更新慢。我認(rèn)為這是導(dǎo)致教務(wù)網(wǎng)少人訪問(wèn)的部分原因。</p&g

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

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

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

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

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

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

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

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

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

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

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

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

47、言的調(diào)試也有一定的難度。一般的IDE無(wú)法參與到腳本語(yǔ)言的調(diào)試中，只能通過(guò)一些特定的工具而且要在客戶端執(zhí)行以后才能進(jìn)行它的調(diào)試工作。這種困擾對(duì)于那些用習(xí)慣了IDE的程序員來(lái)說(shuō)簡(jiǎn)直是噩夢(mèng)一般的存在。</p><p>　　1.3 JSP技術(shù)</p><p>　　JSP是在HTML界面中放入<%,%>java程序段，瀏覽器請(qǐng)求界面以后由服務(wù)器端執(zhí)行，返回HTML文件給瀏覽器解析，所以

48、，只要有瀏覽器的計(jì)算機(jī)都可以瀏覽JSP界面。JSP與Servlet有一定的相似之處。JSP相比較servlet技術(shù)來(lái)說(shuō)，JSP技術(shù)更加的簡(jiǎn)單。但是JSP的標(biāo)簽比較簡(jiǎn)單，和Html的兼容性更好。JSP和Servlet一樣都是在Web服務(wù)器端執(zhí)行的，都是要經(jīng)過(guò)編譯的過(guò)程。所以，從本質(zhì)上來(lái)說(shuō)JSP和Servlet并沒(méi)有什么本質(zhì)上的不同。</p><p>　　1.4 百度UEditor API</p>&

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

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

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

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

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

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

55、其它科室的老師發(fā)布的教學(xué)、通知等信息。所以，前臺(tái)用戶可以進(jìn)入網(wǎng)站來(lái)查看已經(jīng)發(fā)布的信息是教務(wù)網(wǎng)系統(tǒng)的基本功能之一。</p><p>　　b.通過(guò)我們對(duì)于老師以及學(xué)生的調(diào)研情況來(lái)看，對(duì)老師來(lái)說(shuō)，應(yīng)該有上傳下載文件的功能，比如我們?cè)诮虒W(xué)活動(dòng)中經(jīng)常遇到的表格、文檔資料的文件;對(duì)學(xué)生來(lái)說(shuō)，應(yīng)該具有基本的下載的功能。</p><p>　　c.出于對(duì)前臺(tái)界面操作的便捷性，通知鏈接進(jìn)入學(xué)校的其它有用界面。

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

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

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

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

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

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

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

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

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

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

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

67、、安全可靠的網(wǎng)站。</p><p><b>　　3.2 設(shè)計(jì)原則</b></p><p>　　3.2.1 實(shí)用性</p><p>　　網(wǎng)站的后臺(tái)管理提供清晰、簡(jiǎn)潔、友好的中文人機(jī)交互界面，操作簡(jiǎn)便、靈活、易學(xué)易用，便于管理和維護(hù)，對(duì)于非專業(yè)人員易于理解和操作，力求達(dá)到易于上手的目的。</p><p>　　3.2.2

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

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

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

71、.3 框架設(shè)計(jì)</b></p><p>　　依據(jù)相關(guān)文獻(xiàn)和設(shè)計(jì)目標(biāo)，網(wǎng)站總體結(jié)構(gòu)分三層：數(shù)據(jù)層、應(yīng)用層、表示層，如圖 所示</p><p>　　圖3-1 統(tǒng)一的標(biāo)準(zhǔn)規(guī)范/安全體系</p><p><b>　　3.4 流程設(shè)計(jì)</b></p><p>　　3.4.1 網(wǎng)站管理用戶登錄的流程</p>

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

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

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

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

76、圖3-1：</p><p>　　圖4-1 基本數(shù)據(jù)項(xiàng)圖</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ǔ)充：</b></p><p>　　圖4-4 1層圖補(bǔ)充</p><p>　　4.2 邏輯結(jié)構(gòu)設(shè)計(jì)</p><p>　　4.2.1 數(shù)據(jù)庫(kù)概念模型設(shè)計(jì)</p><p>　　圖

78、4-5 概念模型ER圖</p><p><b>　　接上圖：</b></p><p>　　圖4-6 ER圖補(bǔ)充</p><p>　　其它幾項(xiàng)與此圖類似。</p><p><b>　　4.2.2 實(shí)體集</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;　　教務(wù)信箱用戶</b></p><p>　　LETTERBOXUSER ( NUM, PASSWORD, QUESTION, ANSWER)</p><p><b>　　圖片</b></p><p>　　PICTURE( PICTURENAME, PICURL)</p><p><b>　　

84、質(zhì)量工程</b></p><p>　　QUALITYENG( COLUMNNAME,ADMINISECTION)</p><p><b>　　質(zhì)量工程信息</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>　　教學(xué)動(dòng)態(tài)</b></p><p>　　TEACHING(COLUMNNAME, A

86、DMINSECTION)</p><p><b>　　教學(xué)動(dòng)態(tài)信息</b></p><p>　　TEACHINGINFO(TITLE, COLUMNNAME, ISCHECKOK, CHECKTIME, CHECKER, CONTENTSINFO, SUBMITTTIME, REMARK)</p><p><b>　　留言轉(zhuǎn)發(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各個(gè)表之間的聯(lián)系與關(guān)系圖</p><p>　　圖4-6 各數(shù)據(jù)表關(guān)系圖</p><p>　　4.3 實(shí)現(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 物理設(shè)計(jì)</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>　　其它實(shí)現(xiàn)與此類似。</b></p><p>　　5. 系統(tǒng)詳細(xì)設(shè)計(jì)</p><p>　　5.1 前臺(tái)界面模塊設(shè)計(jì)</p><p>　　5.1.1 皮膚載入模塊</p><p>　　此模塊為前臺(tái)所有界面實(shí)現(xiàn)載入功能。管理員在后

104、臺(tái)設(shè)置皮膚所使用的界面。作為一個(gè)網(wǎng)絡(luò)模型來(lái)說(shuō)，通用性是它的極其重要的一個(gè)標(biāo)準(zhǔn)。基于這個(gè)標(biāo)準(zhǔn)，我們把網(wǎng)頁(yè)的樣式專門抽象出來(lái)，這樣，只要在后臺(tái)界面去管理皮膚設(shè)置，那么前臺(tái)用戶在顯示上就具有的多樣性，也就是說(shuō)可以滿足不同用戶的需求。當(dāng)然，這個(gè)功能也可以用作以后的擴(kuò)展來(lái)使用?？梢允姑總€(gè)用戶設(shè)置自己的皮膚。這也是將皮膚載入模塊抽象出來(lái)的一個(gè)重要的原因。</p><p>　　HTML加載Dom的方式是從上至下的，下載和渲染是

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

106、t;/p><p>　　關(guān)鍵代碼及注釋如下：</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, //設(shè)置異步開(kāi)關(guān)</p><p>　　type : "POST", </p><p>　　url : "../skin", //請(qǐng)求的servlet</p><p>　　dataType : 'json', //設(shè)

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

109、成后臺(tái)設(shè)置的皮膚文件之后，拼名文件名及路徑 </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>　　這種方式在實(shí)現(xiàn)上來(lái)說(shuō)，我們實(shí)現(xiàn)的是有一定的瑕疵。主要體現(xiàn)在，在某些特定的瀏覽器上不能加載皮膚，這種差別主要體現(xiàn)在360安全瀏覽器7.1的兼容模式上加載不出來(lái)。其它大部分瀏覽器都是可以的，當(dāng)然，我們主要

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

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

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

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

118、<p><b>　　}</b></p><p><b>　　邏輯處理</b></p><p>　　//后臺(tái)servlet的請(qǐng)求地址</p><p>　　var sUrl = "./readColumn?name=" + names;</p><p><b>　

119、　//發(fā)起異步請(qǐng)求</b></p><p>　　xmlHttp1.open("POST",sUrl,true);</p><p>　　xmlHttp1.send(null);</p><p>　　//結(jié)果返回回的加調(diào)</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