《學校教務網模型的設計與開發(fā)畢業(yè)論文.docx》由會員分享，可在線閱讀，更多相關《學校教務網模型的設計與開發(fā)畢業(yè)論文.docx（47頁珍藏版）》請在裝配圖網上搜索。
1、本 科 生 畢 業(yè) 設 計（論 文）論文題目：學校教務網模型的設計與開發(fā)姓名：閆強學號：201120220226班級：1122202班 年級：2011級專業(yè)：數字媒體技術學院：軟件學院指導教師：李祥 （副教授）完成時間：2015年 5 月20日作 者 聲 明本人以信譽鄭重聲明：所呈交的學位畢業(yè)設計（論文），是本人在指導教師指導下由本人獨立撰寫完成的，沒有剽竊、抄襲、造假等違反道德、學術規(guī)范和其他侵權行為。文中引用他人的文獻、數據、圖件、資料均已明確標注出，不包含他人成果及為獲得東華理工大學或其他教育機構的學位或證書而使用過的材料。對本設計（論文）的研究做出重要貢獻的個人和集體，均已在文中以明確
2、方式標明。本畢業(yè)設計（論文）引起的法律結果完全由本人承擔。本畢業(yè)設計（論文）成果歸東華理工大學所有。特此聲明。畢業(yè)設計（論文）作者（簽字）： 簽字日期： 年 月 日本人聲明：該學位論文是本人指導學生完成的研究成果，已經審閱過論文的全部內容，并能夠保證題目、關鍵詞、摘要部分中英文內容的一致性和準確性。學位論文指導教師簽名： 年 月 日學校教務網模型的設計與開發(fā)The design and development of the school educational administration network model2015年 6 月20 日東華理工大學軟件學院畢業(yè)設計（論文) 摘要摘 要自A
3、RPANE誕生以來，對于網絡的研究越來越深入，各種技術手段層出不窮，很好的豐富了我們的生活。如今，網絡成為許多人生活、學習、工作的基礎。古老的文件系統已逐脫離大眾的視野。越來越多的人通過網絡來獲取有用的、新的信息。學校作為一個具有龐大人群的集合，對于信息的實時性與可靠性具有較高的要求。學校教務網作為信息上傳下達的一個渠道，對于構建學生與領導、學校與學生之間的溝通橋梁具有不可忽視的作用。本文主要論述在網絡開發(fā)技術的基礎之上如J2EE,Java Web，經過細致的需求收集與分析，利用各種有效之手段來開發(fā)一個具有實際作用的教務網站模型。學校可以在其上發(fā)布各種信息、文件。相應的，學生就可以利用它為自己
4、的生活學習服務，例如：給校領導留言、下載文件等。這極大的簡化了學校對于信息與相關文件的發(fā)布與管理。論文的緒論部分描述了本課題的研究背景以及其中涉及的名詞的釋義和使用到的關鍵技術等內容;第一章介紹了此項開發(fā)所用到的網絡相關技術和一些概念信息;第二章對于教務網模型作出了功能性和非功能性需求分析;第三章介紹了數據庫的相關設計，包括概念設計和系統設計;第四章進行了系統設計階段的綜述信息;文章最后部分對本次畢業(yè)設計進行了一些總結。關鍵詞： Java Web; 教務網模型; 交流平臺; 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 系統可行性分析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經濟性93.3 框架設計93.4 流程設計103.4.1 網站管理用戶登錄的流程103.4.2 管理員管理用戶和設置權限實現流程113.4.3 普通用戶的功能實現流程114. 數據庫設計134.1 概念設計134.1.1 數據項134.1.2數據流圖134.2 邏輯結構設計154.2.1 數據庫概念模型
13、設計154.2.2 實體集164.2.3各個表之間的聯系與關系圖174.3 實現與部署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. 系統詳細設計215.1 前臺界面模塊設計225.1.1 皮膚載入模塊225.1.2 信息欄目載入模塊235.1.3 標題載入模塊255.1.4 內容載入模塊285.2 后臺普通管理員各功能模塊的詳細設計及實現295.2.1 查看個人信息295.2.2 網站信息管理305.2.3 綜合信息管理315.2.5 教務信箱管理315.3 后臺超級管理員各功能模塊詳細設計及實現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 服務器端部署與調試356.2 前臺界面與功能測試356.3 測試結果35總 結35致 謝36參考文獻37緒 論課題背景本課題的研究是在高校的發(fā)展，人們對于信息的采集方式變更的基礎之上進行的。如今，高校招生的規(guī)模越來越大，這樣帶來的就是一系列的信息發(fā)布與處理上的問題。通過文件系統來發(fā)送通知或者發(fā)送一些表格文件之類的東西，無論是在實用性與實時性上都已然達不到要求。作為網絡發(fā)展之中的受益者，我們應當做到與時俱進，通過Web來提高高校的工作效率。過去，學生接受相關的信息都是通過老師與學生，學生與學生之間口口相傳或者通過相關的通知文件來傳達。顯然實時性
16、與可靠性都比較差。許多人收不到這些信息，或者說收到一些錯誤的信息。千里眼、順風耳這些存在于前人幻想之中的信息傳播與采集的方式，如今以不同的形式存在于我們的生活之中。手機、電腦這些東西也幾乎成了高校學生進入校園生活的標配。研究的目的和意義基于高校的廣大規(guī)模及其高速的發(fā)展，一個成熟的教務網模型越來越顯得尤為重要。教務信息的發(fā)布、基本表格的下載、大事記等等，需要一個載體去傳播。教務網作為一個這樣的載體，一方面，信息的實時性方面可以達到要求；另一方面，在信息的多樣化展示也具有良好的表現力；再者，信息的管理也具有了極大的方便。目前，各高校基本上都做了教務網。但是各個高校的教務網，就調研來看有這么幾點問題
17、：（1）使用率不高。除非必要的登陸比如成績、選課之類的東西，學生基本不去關注教務網。有些不具有以上系統的教務網更是無人問津。（2）數據更新慢。我認為這是導致教務網少人訪問的部分原因。（3）界面不美觀，不賞心悅目。高校教務網模型的開發(fā)，一方面，可以強化專業(yè)技能。另一方面具有實際的使用價值。在開發(fā)的過程中，可以加強采集需求，調研需求，抽象需求，處理問題，解決問題的能力。名詞解釋Java Web: 用Java技術來解決相關web互聯網領域的技術總和。Tomcat: 是常用的后臺Web服務器的一個免費版本，是由Apache基金會聯合其它幾家公司共同研究開發(fā)的，具有很好的Jsp兼容性,是小型Web服務器
18、的首選。39MVC：由于需求具有變化的特點，往往耦合的代碼維護起來比較麻煩，而且不容易修改，常常給開發(fā)者帶來各種各樣的問題。MVC模型帶來了一個非常好的解決方案，它使得業(yè)務邏輯和具體的顯示分離，在需求改變的時候，要么改變其業(yè)務邏輯，要么改變其顯示方式，給Web或其它應用程序的開發(fā)帶來了極大的靈活性。UEditor：是一種所見即所得的文本編輯器，由百度公司負責開發(fā)，免費提供給開發(fā)者使用。Js：是JavaScript的縮寫，是一種腳本語言，在HTML文檔的編寫中通常用js來實現某些功能性的需求。比如文本驗證等。JSP：jsp是在HTML界面中放入java程序段，瀏覽器請求界面以后由服務器端執(zhí)行，返
19、回HTML文件給瀏覽器解析，所以，只要有瀏覽器的計算機都可以瀏覽jsp界面。MD5:是一種加密算法，通來被用來驗證文件是否被篡改的問題。它使用一種類似于人體指紋的數字指紋來辨別每一個文件。是相對安全可信的。前臺界面：用于向所有互聯網用戶展示信息的界面。后臺界面：網站后臺管理的界面，通常只有本網站的所有者才能訪問。管理員：管理普通用戶的人。普通用戶：網站的后臺管理者。數據庫管理系統：即Database Management System是一種操縱和管理數據庫的大型軟件，用于建立、使用和維護數據庫，簡稱DBMS。關鍵技術概述MD5：MD5是從MD2、MD4進一步完善而來的，它解決了在MD2、MD4
20、中的漏洞，作用是對通過類似人體指紋的“數字指紋”的方式來為每一個文件生成一個值，使用這個值可以校驗此文件有沒有被篡改過。該值具有唯一性,可以作為數字簽名使用。對輸入的任意長度的字節(jié)串，生成一個由32個字符組成的十六進制字符串，基本具備唯一性和不可逆性?？梢杂脕磉M行用戶名和密碼的加密操作。Hibernate：Hibernate是一個開放源代碼的Java Web操作數據庫的中間件，它封裝了JDBC接口，開發(fā)者在Java web的開發(fā)中可以直接使用它來進行與數據庫相關的一些操作而不用自己重新來封閉這些接口。UEditor：UEditor是由百度開發(fā)的WYSIWYG的開放源代碼的可嵌于瀏覽器的文本編輯
21、器，開發(fā)者可以在自己的WEB程序中使用這些來使得瀏覽者編輯文章與信息。開發(fā)著使用UEditor可以很好的增加自己網頁的使用體驗。使得瀏覽者看到的信息與編輯或上傳者所看到的信息是完全相同的。消除瀏覽器解析不同而帶來的不一致性。過濾器：以一種組件形式綁定到web應用程序中，限制用戶訪問某些資源或在請求前必須提前處理某些資源。Ajax:通過一個特殊的對象httprequest來向服務器異步請求數據并設置回調函數，待服務器請求成功并的返回時，它會回調注冊的函數，以此來達到異步加載和廷遲加載的效果。開發(fā)者通常使用它來實現瀏覽器局部刷新的功能。東華理工大學軟件學院畢業(yè)設計（論文） 程序開發(fā)的理論與技術基礎
22、1. 程序開發(fā)的理論與技術基礎1.1 Java Web基礎知識自從Spring,Hibernate等開源框架的發(fā)展，J2EE的開發(fā)也變得越來越容易。Spring MVC開發(fā)模型也越來越深入人心。采用MVC模型開發(fā)的項目工程數不勝數。Java web是指使用java語言，jsp/servlet等開發(fā)的動態(tài)Web資源。開發(fā)java Web工程一般來說需要配置一個Web服務器。常用的有：WebLogic、WebSphere、IIS、Tomcat等。這里我使用的是tomcat服務器。1.2 腳本語言介紹所謂腳本語言指的是內嵌到通過超文本傳輸協議傳輸的超文本（HTML）中的，一段由操作系統的瀏覽器解釋執(zhí)
23、行的個段代碼。腳本程序通常由操作系統的瀏覽器端來直接解釋執(zhí)行，并不需要編譯器來參與。腳本程序段的編寫一般都是十分簡單的，所以一些程序員經常會拿它來做一些簡單的不需要Web服務器參與的功能。腳本程序的編寫的這些特性也決定了它的用法和用途。腳本語言通常是弱類型的語言，這與一般的程序語言也不相同，但正是這樣，腳本語言的編寫也就比一般的程序語言要容易一些。但也是這個特性給許多的資深程序員帶來了不小的困擾。由于腳本語言不需要編譯，所以，腳本語言的調試也有一定的難度。一般的IDE無法參與到腳本語言的調試中，只能通過一些特定的工具而且要在客戶端執(zhí)行以后才能進行它的調試工作。這種困擾對于那些用習慣了IDE的程
24、序員來說簡直是噩夢一般的存在。1.3 JSP技術JSP是在HTML界面中放入java程序段，瀏覽器請求界面以后由服務器端執(zhí)行，返回HTML文件給瀏覽器解析，所以，只要有瀏覽器的計算機都可以瀏覽JSP界面。JSP與Servlet有一定的相似之處。JSP相比較servlet技術來說，JSP技術更加的簡單。但是JSP的標簽比較簡單，和Html的兼容性更好。JSP和Servlet一樣都是在Web服務器端執(zhí)行的，都是要經過編譯的過程。所以，從本質上來說JSP和Servlet并沒有什么本質上的不同。1.4 百度UEditor APIUEditor是由百度開發(fā)的WYSIWYG的開放源代碼的可嵌于瀏覽器的文本
25、編輯器，開發(fā)者可以在自己的WEB程序中使用這些來使得瀏覽者編輯文章與信息。開發(fā)著使用UEditor可以很好的增加自己網頁的使用體驗。使得瀏覽者看到的信息與編輯或上傳者所看到的信息是完全相同的。消除瀏覽器解析不同而帶來的不一致性?，F在有許多公司及開源的工作小組都發(fā)布了自己的富文本編輯器。這為我們的開發(fā)減輕了許多的難度。Ueditor配置起來還是比較簡單的。對于開發(fā)者的編程水平要求不高，因此Ueditor的使用是十分普遍的。1.5 Jquery 與 ajax資深的程序員對于一些開源庫及其它開源項目一定是十分的熟悉的。這可以說是程序開發(fā)者的寶庫。我們可以在這里學習很多的優(yōu)秀的開發(fā)經驗。無論是資深的開
26、發(fā)者還是菜鳥程序員，一定對開源社區(qū)趨之若鶩。JQuery便是開源項目之中的一個。JQuery對于腳本語言有十分優(yōu)秀的封裝。熟練使用JQuery是每一個Web開發(fā)者最基本的技能。它省去了開發(fā)者在開發(fā)過程中的大量的工作。它的許多東西是我們之前開發(fā)過程之中經常用到的東西，比如事件機制，我們之前的開發(fā)總是要多這行東西做自己的封裝，而且會經常性的遇到不兼容性的問題。這種情況是我們所不愿意看到的。以前我們去做java web的局部刷新的時候，我們經常要自己去創(chuàng)建自己的HttpRequest對象來發(fā)送異步請求。這樣做有兩點不好的地方。首先，我們要拷貝自己之前的實現代碼；其次，創(chuàng)建這個對象好要解決瀏覽器不兼容
27、的問題。有了現在的開源庫的幫助，我們直接去調用它們實現的方法就行，節(jié)省了大量的開發(fā)時間?，F在，我們只要下載這些開源的代碼，在Html文檔的前面引用封裝好的一些操作就可以實現許多的功能。東華理工大學軟件學院畢業(yè)設計（論文） 需求分析2. 需求分析2.1 功能性需求分析2.1.1 前臺功能性需求分析（1）前臺系統流程如圖 2-1 所示前臺是指教務網的瀏覽者從前臺的瀏覽器如IE、360、Chrome等，通過在瀏覽器的地址欄中輸入要訪問的網址，使用HTTP(超文本傳輸協議)協議，發(fā)出Http請求并等待服務器響應的界面。本系統的前臺與后臺的交互如圖2-1所示。圖2-1 前臺系統流程圖（2） 前臺的功能性
28、需求如下：a.教務網建立的目的之一是用來向學生來顯示教務處及其它科室的老師發(fā)布的教學、通知等信息。所以，前臺用戶可以進入網站來查看已經發(fā)布的信息是教務網系統的基本功能之一。b.通過我們對于老師以及學生的調研情況來看，對老師來說，應該有上傳下載文件的功能，比如我們在教學活動中經常遇到的表格、文檔資料的文件;對學生來說，應該具有基本的下載的功能。c.出于對前臺界面操作的便捷性，通知鏈接進入學校的其它有用界面。d.前臺界面分版塊進行展示從左至右依次為：首頁、部門概況、教學動態(tài)、辦事指南、質量工程、常用下載、大事記，其中首頁，部門概況和大事記的頁面設定為靜止的，其他的頁面設置為動態(tài)的。e.對于發(fā)布的教
29、學動態(tài)信息可以鍵入關鍵字來查找。在使用一段時間之后，信息量變得越來越大，對于信息的檢索的需求也就慢慢的顯露出來。不論是老師還是學生，都需要從眾多的信息之中找到自己需要的信息，所以查找功能也就越來越重要。f.學生經常會有一些問題需要向教務處咨詢，而每次有問題都去教務處也很不實際，所以需要有留言功能。但是出于安全方面的考慮。僅僅本校的師生可以注冊為教務信箱的用戶，并登錄教務信箱留言。g.對于自己關心的問題要有查看留言板中對于自己的回復內容的功能。h.已注冊的用戶可以直接登錄教務信箱的留言版。2.1.2 后臺功能性需求分析(1)后臺系統流程圖2-2 后臺系統流程圖(2)后臺的功能性需求如下： 系統管
30、理員a.管理所有登陸用戶（包括后臺管理員和能登錄教務信箱的用戶）b.實現這些用戶名、用戶密碼、用戶權限的增刪改查。c.指定審批文件的科室d.指定管理教務信箱的科室普通管理員a.管理本科室的欄目。在欄目下添加、修改、刪除內容（包括文字、圖片、表格、上傳的文件和超鏈接）。b.提交待發(fā)布信息和上傳的文件。提交的信息和上傳的文件必須通過審核后，才能正式發(fā)布。 c.管理本科室所有已發(fā)布的文件和信息2.2 非功能性需求分析 非功能需求包括三個方面：網站完全、網站界面和文檔資料 (1)網站安全 嚴禁非管理員修改網站的內容，嚴禁非本校師生注冊登錄教務信箱。 (2)網站界面 教務網的界面簡潔、美觀，后臺管理的操
31、作過程簡單，有良好的交互性和用戶體驗。 (3)文檔資料 要有網站需求說明書，詳細的數據庫設計和網站設計文檔，后臺管理的操作手冊。源代碼編程規(guī)范，要有詳細的注釋。2.3 系統可行性分析2.3.1 開發(fā)環(huán)境與開發(fā)工具本網站的開發(fā)選用MyEclipse 10集成開發(fā)環(huán)境作為開發(fā)平臺，web服務器選用Tomcat 6.x，數據庫選用SQL Server 2000。本網站開發(fā)的編程語言選用Java，對數據庫的操作選用Hibernate 3.1，開發(fā)的界面工具包括：JSP、JavaScript、Ajax、Html、css. 文本編輯器選用百度公司最新版UEditor 1.4.3-utf8-jsp。2.3.
32、2 可行性分析本系統是采用J2EE結合Hibernate，javascript制作的一個教務網系統。實現這個系統將用到以下幾種技術：（1）Javascript實現對界面的各種控制以及表單的驗證；（2）Java 主要用來處理后臺邏輯（3）數據庫采用Sql Server2008版本，用來儲存數據。（4）Web服務器：apache Tomcat 7.0版本（5）開發(fā)平臺采用windows + MyEclipse.（6）HTML相關的知識。根據以上的需求分析及技術要求，該系統的功能目標是能夠達到預期的效果的。東華理工大學軟件學院畢業(yè)設計（論文） 總體設計3. 總體設計3.1 設計目標網站開發(fā)的目標，是
33、圍繞學校教務處的實際需求，開發(fā)一個界面簡潔美觀、功能實用、操作簡單、安全可靠的網站。3.2 設計原則3.2.1 實用性網站的后臺管理提供清晰、簡潔、友好的中文人機交互界面，操作簡便、靈活、易學易用，便于管理和維護，對于非專業(yè)人員易于理解和操作，力求達到易于上手的目的。3.2.2 標準性網站的開發(fā)過程中遵守統一的標準，無論從數據的處理，數據庫的建設，程序的設計，開發(fā)都要遵守相應的標準和規(guī)范。3.2.3 合理性充分網站功能的擴充，方便平滑升級。網站對運行環(huán)境(硬件設備、軟件操作系統等)具有較好的適應性，不依賴于某一特定型號計算機設備和固定版本的操作系統軟件。3.2.4 可維護性后臺管理操作簡單，實
34、用性高，具有易操作、易維護的特點，系統具有詳細的設計說明書和完整的異常捕獲信息記錄，當出現異常時利于后期維護。3.2.5 安全性一方面后臺登錄采用密碼再加密認證的方式進行安全性防護，防止非本網站用戶登錄修改信息；另一方面，采用過濾器技術，防止非法用戶越過登錄直接進入后臺；此外，增加用戶權限的管理，所有的用戶只能在自己的權限范圍內操作。3.2.6經濟性在網站功能及性能要求的前提下，盡量降低開發(fā)成本，采用經濟實用的技術，利用現有設備和資源，綜合考慮網站的建設、升級和維護費用。3.3 框架設計依據相關文獻和設計目標，網站總體結構分三層：數據層、應用層、表示層，如圖 所示圖3-1 統一的標準規(guī)范/安全
35、體系3.4 流程設計3.4.1 網站管理用戶登錄的流程圖3-2 登陸流程用戶通過Web瀏覽器進入登陸界面，開始用戶信息驗證。通過驗證的用戶通過后臺的Servlet不同的用戶身份被重定向到不同的界面。3.4.2 管理員管理用戶和設置權限實現流程圖3-3 權限設置流程管理員進入管理員界面，可以進行相關的用戶管理操作。主要包括兩個方面的內容：（1）用戶管理。增加刪除管理員，普通用戶等。（2）對用戶進行權限的操作。3.4.3 普通用戶的功能實現流程普通用戶的功能比較多，不同的用戶有著不同的權限。管理員可以進行自己權限內操作。具體如圖3-4所示圖3-4 普通用戶功能東華理工大學軟件學院畢業(yè)設計（論文）
36、數據庫設計4. 數據庫設計4.1 概念設計4.1.1 數據項在數據庫設計之初我們需要分析用戶需要從數據庫中獲取哪些有用的信息，這對于我們做出下一步的數據庫系統設計具有顯而易見的幫助作用，同時也是我們對于數據庫系統設計有否合理的一個重要依據，下面是從用戶的角度出發(fā)整理出來的數據項。4.1.1.1 從瀏覽者的角度出發(fā)的數據項我們可以明確的知道哪些信息是瀏覽者明確想要了解的，哪些是對瀏覽者有用的，這些信息是系統所必須包含的如圖3-1：圖4-1 基本數據項圖4.1.2數據流圖頂層圖：圖4-2 頂層圖1層圖：圖4-3 數據流1層圖補充：圖4-4 1層圖補充4.2 邏輯結構設計4.2.1 數據庫概念模型設
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)質量工程QUALITYENG( COLUMNNAME,ADMINISECTION)質量工程信息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)留言轉發(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各個表之間的聯系與關系圖圖4-6 各數據表關系圖4.3 實現與部署4.3.1 表格COMDOWNLOAD的列清單名稱數據類型允許Null是否主鍵是否外鍵默認值字段說明COLUMNNAMEnvarchar(50)NYN欄目名稱ADMINSECTIONnvarchar(20)NNN管理欄目的科室表4-1 表格comdownload列清單 4.3.2 表格COMDOWNLOADINFO的列清單表4-2 comdownloadi
42、nfo列清單名稱數據類型允許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 列清單名稱數據類型允許Null是否主鍵是
43、否外鍵默認值字段說明SECTIONNAMEnvarchar(20)Y科室名稱CONTENTINFOntext科室簡介內容ISCHECKbit(0)是否有審批權ISLETTERBOXbit(0)是否有教務信箱管理權ADMINSECTIONnvarchar(20)管理的科室ISFRONTbit(0)是否有網站信息管理權ISCHECKOKbit(0)是否通過審核REMARKnvarchar(200)Y審核意見4.3.4 表格IMPORTEVENTS的列清單表4-4 importevents 列清單名稱數據類型允許Null是否主鍵是否外鍵默認值字段說明COLUMNNAMEnvarchar(50)NYN
44、欄目名稱ADMINSECTIONnvarchar(20)NNN管理欄目的科室4.3.5 表格IMPORTEVENTSINFO的列清單表4-5 importeventsinfo列清單名稱數據類型允許Null是否主鍵是否外鍵默認值字段說明TITLEnvarchar(200)Y標題COLUMNNAMEnvarchar(50)Y所屬欄目名稱CONTENTINFOntext內容ISCHECKbit(0)是否通過審核CHECKTIMEdatetimeY審核時間CHECKERnvarchar(20)Y審核人SUBMITTERnvarchar(20)提交人SUBMITTIMEdatetime提交時間REMAR
45、Knvarchar(500)Y審核意見4.3.6 表格LETTERBOXINFO的列清單表4-6 letterboxinfo 列清單名稱數據類型允許Null是否主鍵是否外鍵默認值字段說明KEYIDnvarchar(30)Y留言KeyWORDTIMEdatetime留言時間TITLEnvarchar(50)留言標題NUMnvarchar(20)Y留言人學號WORDSnvarchar(500)留言內容ISREPLYbit(0)是否已回復REPLYnvarchar(500)Y回復的內容REPLYTIMEdatetimeY回復時間REPLYERnvarchar(20)Y回復人4.3.7 表格LETTE
46、RBOXUSER的列清單表4-7 letterboxuser列清單名稱數據類型允許Null是否主鍵是否外鍵默認值字段說明NUMnvarchar(20)Y學號PASSWORDnvarchar(150)密碼QUESTIONnvarchar(20)密保問題ANSWERnvarchar(10)密保答案4.3.8 表格PICTURE的列清單表4-8 picture列清單名稱數據類型允許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其它實現與此類似。東華理工大學軟件學院畢業(yè)設計（論文） 系統詳細設計5. 系統詳細設計5.1 前臺界面模塊設計5.1.1 皮膚載入模塊此模塊為前臺所有界面實現載入功能。管理員在后臺設置皮膚所使用的
51、界面。作為一個網絡模型來說，通用性是它的極其重要的一個標準。基于這個標準，我們把網頁的樣式專門抽象出來，這樣，只要在后臺界面去管理皮膚設置，那么前臺用戶在顯示上就具有的多樣性，也就是說可以滿足不同用戶的需求。當然，這個功能也可以用作以后的擴展來使用?？梢允姑總€用戶設置自己的皮膚。這也是將皮膚載入模塊抽象出來的一個重要的原因。HTML加載Dom的方式是從上至下的，下載和渲染是同時進行的。但改變Dom樹的時候瀏覽器會重新渲染元素。為實現皮膚的加載可以采用如下的簡單的方式：首先將相同的皮膚文件放在同一個路徑下。加載的時候從后臺讀取配置的路徑。拼出文件及路徑名。皮膚分為兩種，一種是完整的CSS樣式的剝
52、離，別一個是對背景圖片的替換。第二種只能從一定意義上來說是一種方式，而不是一個完整的方式。我們在項目之中采用的是第一種。關鍵代碼及注釋如下： !(function()var skin; var temp; /直接使用JQuery的ajax$.ajax( async: false, /設置異步開關 type : POST, url : ./skin, /請求的servlet dataType : json, /設置返回的數據類型，這里設置為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);這種方式在實現上來說，我們實現的是有一定的瑕疵。主要體現在，在某些特定的瀏覽器上不能加載皮膚，這種差別主要體現在360安全瀏覽器7.1的兼容模式上加載不出來。其它大部分瀏覽器都是可以的，當然，我們主要測試了一些主流的瀏覽器，包括Mozilla Firfox、搜狗瀏覽器，360極速瀏覽器，Internet Explorer,Chrome Explorer,獵豹瀏覽器等。5.1.2 信息欄目載入模塊為所有的前臺的模塊，比如首頁、部門概況、教學動態(tài)、辦事指南、質量工程、常用下載，大事記等，實現信息欄目的載入。為了實現這
55、個方法，首先，系統設計的時候，這些模塊的文檔設計是統一的。每個模塊都包括：欄目、標題、內容。前臺的界面是相當于一個三個層級式的結構，首先是欄目，欄目下有各個文章的標題，每一個具體的標題對應一篇文章。關鍵代碼如下：創(chuàng)建用于發(fā)起異步請求的對象（適應不同的瀏覽器) if (window.XMLHttpRequest) /如果是IE內核的瀏覽器，并且支持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); /結果返回回的加調 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獲取相關的內容 $(.menuul)0.innerHTML = htmlString; /根據不同的界面
學校教務網模型的設計與開發(fā)畢業(yè)論文.docx
