校內(nèi)教學(xué)資源共享平臺(tái)畢業(yè)論文

1、<p>　　校內(nèi)教學(xué)資源共享平臺(tái)——前端設(shè)計(jì)與實(shí)現(xiàn)</p><p><b>　　摘 要</b></p><p>　　我校課程資料的管理一直都是基于BB平臺(tái)的，但是由于BB平臺(tái)是一個(gè)綜合性的教務(wù)管理系統(tǒng)，所以對(duì)資源的管理并沒(méi)有做的非常細(xì)致，只能完成一些上傳下載課件、文檔等功能。無(wú)法實(shí)現(xiàn)資源的共享。顯然一個(gè)讓所有人都能上傳資源并能分享別人的學(xué)習(xí)資源的共享平

2、臺(tái)是非常必要的。</p><p>　　資源共享平臺(tái)是是一個(gè)允許所有登錄后的用戶(hù)上傳資源，下載資源的共享平臺(tái)，同時(shí)系統(tǒng)圍繞課程實(shí)現(xiàn)了很多相關(guān)功能，用戶(hù)之間點(diǎn)對(duì)點(diǎn)的發(fā)送站內(nèi)信，老師發(fā)布課程公告，用戶(hù)對(duì)資源進(jìn)行評(píng)論等功能。</p><p>　　本系統(tǒng)是一個(gè)基于SSH的課程資源管理的平臺(tái)。開(kāi)發(fā)的工具為MyEclipse，版本控制使用CVS，開(kāi)發(fā)語(yǔ)言為JAVA，數(shù)據(jù)庫(kù)為Oracle11g。系統(tǒng)默認(rèn)分

3、配了四個(gè)用戶(hù)組，分別為超級(jí)管理員、管理員、老師、學(xué)生。用戶(hù)可根據(jù)自己所屬的用戶(hù)組的權(quán)限對(duì)平臺(tái)上的課程資源進(jìn)行相關(guān)的操作。</p><p>　　關(guān)鍵詞：資源共享；文件下載；SSH；JQuery；Oracle11g；前端性能優(yōu)化 </p><p>　　Design and Implementation of Frontend for School Resource Sharing Platfo

4、rm</p><p><b>　　ABSTRACT</b></p><p>　　The management of our college course's resources is based on BB platform, but because BB platform is a synthetical system, the management of

5、course's resourses is not meticulous. It can only upload some simple coursewares, documents and so on. It can not share the resources. Obviously, a system that can make all users upload resources and download resoure

6、s which uploaded by others is necessary.</p><p>　　The resource sharing platform is a system that allow all users who have already logon upload and download files. The system has some other functions about co

7、urse, user senting letter to other users who logon this platform, teacher issuing bulletin, user commenting resource, etc.</p><p>　　This system's design and implemention are based on SSH. The IDE is My E

8、clipse.the version control tool is CVS, development language is JAVA and database is Oracle1g.The system has four defult user groups, they are supper-manager, normal-manager, teacher and student. Every user groups all ha

9、ve their own authority, the user's authority is based on the user group which they belongs to.</p><p>　　Key words：resource Share; file download; SSH；JQuery; Oracle11g; frontend optimiztion;</p>&l

10、t;p><b>　　目錄</b></p><p><b>　　摘 要2</b></p><p>　　Abstract3</p><p><b>　　1 緒論6</b></p><p>　　1.1平臺(tái)設(shè)計(jì)來(lái)源及研究意義6</p><p>

11、;　　1.2模塊設(shè)計(jì)的內(nèi)容6</p><p>　　1.3平臺(tái)設(shè)計(jì)要達(dá)到的目標(biāo)7</p><p><b>　　2 模塊分析8</b></p><p>　　2.1模塊需求分析8</p><p>　　2.2開(kāi)發(fā)技術(shù)路線9</p><p>　　2.2.1平臺(tái)技術(shù)概述9</p>&

12、lt;p>　　2.2.2前端技術(shù)概述9</p><p>　　2.2.3后端技術(shù)概述12</p><p>　　2.3可行性分析13</p><p>　　3 模塊概要設(shè)計(jì)15</p><p>　　3.1模塊功能總體設(shè)計(jì)15</p><p>　　3.2模塊流程分析15</p><p>

13、;　　3.2.1整體的流程分析15</p><p>　　3.2.2各用戶(hù)流程分析17</p><p>　　3.3數(shù)據(jù)庫(kù)概要設(shè)計(jì)20</p><p>　　4 模塊詳細(xì)設(shè)計(jì)21</p><p>　　4.1模塊功能詳細(xì)設(shè)計(jì)21</p><p>　　4.1.1公告模塊21</p><p>　

14、　4.1.2課程資源模塊21</p><p>　　4.1.3留言模塊21</p><p>　　4.1.4站內(nèi)信模塊21</p><p>　　4.2系統(tǒng)主要界面詳細(xì)設(shè)計(jì)21</p><p>　　4.3數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì)27</p><p>　　5 編碼調(diào)試與測(cè)試分析35</p><p>　

15、　5.1設(shè)計(jì)實(shí)現(xiàn)中的問(wèn)題35</p><p>　　5.2調(diào)試測(cè)試中的問(wèn)題35</p><p><b>　　心得與體會(huì)38</b></p><p><b>　　參考文獻(xiàn)39</b></p><p><b>　　謝辭40</b></p><p>&

16、lt;b>　　1 緒論</b></p><p>　　1.1平臺(tái)設(shè)計(jì)來(lái)源及研究意義</p><p>　　設(shè)計(jì)資源共享平臺(tái)的時(shí)候，是以學(xué)習(xí)資源（電子書(shū)類(lèi)、音頻類(lèi)、視頻類(lèi)、軟件類(lèi)）的共享為切入點(diǎn)。滿(mǎn)足學(xué)生之間的資源共享的需求。學(xué)生們每個(gè)人手里都會(huì)有一些資源，但是如果能降這些資源進(jìn)行整合，并且共享起來(lái)，那么所有同學(xué)都將受益匪淺，本系統(tǒng)就是本著為同學(xué)提供高效的共享平臺(tái)而開(kāi)發(fā)的。&l

17、t;/p><p>　　系統(tǒng)以課程為單位，進(jìn)行圍繞課程的資源共享。同學(xué)們?cè)趯ふ易约盒枰馁Y源的時(shí)候都是以課程為單位的，這樣又能滿(mǎn)足老師的教學(xué)需求。老師可以在自己的課程下面添加資源，同時(shí)也可以發(fā)布一些課程的公告。還可以進(jìn)行點(diǎn)對(duì)點(diǎn)的站內(nèi)信，可以說(shuō)將資源的共享進(jìn)行了細(xì)化。而且同學(xué)也可以進(jìn)行資源的共享。但是我們已經(jīng)有了一個(gè)BB平臺(tái)，那你們做的那個(gè)資源共享平臺(tái)還有意義嗎？是很有意義。BB平臺(tái)這種開(kāi)放式的環(huán)境及對(duì)行業(yè)標(biāo)準(zhǔn)的適應(yīng)性與

18、協(xié)同性，為的是能夠幫助教育機(jī)構(gòu)實(shí)現(xiàn)互聯(lián)互動(dòng)的教學(xué)環(huán)境。而在我們學(xué)校師生對(duì)BB平臺(tái)的使用情況大家都有目共睹，大部分的學(xué)生經(jīng)常使用BB平臺(tái)看一些老師發(fā)布的公告、老師的個(gè)人信息、課程的簡(jiǎn)介信息、下載一些相關(guān)課程的學(xué)習(xí)資料、將完成的作業(yè)上傳到數(shù)字收發(fā)箱，而實(shí)際情況是很多學(xué)生都不是積極主動(dòng)的使用BB平臺(tái)；大部分的老師經(jīng)常使用BB平臺(tái)發(fā)布一些公告，上傳課程的簡(jiǎn)介信息和要求以及課程相關(guān)的學(xué)習(xí)資料、查閱學(xué)生上傳的作業(yè)，而可能是學(xué)校網(wǎng)絡(luò)環(huán)境的問(wèn)題，老師反

19、映說(shuō)有時(shí)上傳的資料會(huì)出現(xiàn)問(wèn)題。BB系統(tǒng)的確強(qiáng)大，但是好多功能其實(shí)已經(jīng)幾乎都不在使用了，而且和本校開(kāi)發(fā)的其他平臺(tái)整合的時(shí)候會(huì)比較困難，所以我們進(jìn)行了這個(gè)平臺(tái)的開(kāi)發(fā)，</p><p>　　1.2模塊設(shè)計(jì)的內(nèi)容</p><p>　　凡是注冊(cè)成功的用戶(hù)登錄到該平臺(tái)后，都能夠根據(jù)自己所屬用戶(hù)組的權(quán)限對(duì)平臺(tái)上的系統(tǒng)公告、課程公告、課程資源、站內(nèi)信、留言、用戶(hù)、用戶(hù)組等內(nèi)容進(jìn)行合法的操作（增、刪、改、查

20、）。</p><p>　　1.3平臺(tái)設(shè)計(jì)要達(dá)到的目標(biāo)</p><p>　　我們的目標(biāo)就是希望通過(guò)大家的努力，能夠讓我們的這個(gè)資源共享平臺(tái)成為一個(gè)以課程為中心，圍繞課程的一個(gè)共享平臺(tái)。在學(xué)校中實(shí)用和適用的平臺(tái)，主要是面向全校的老師和學(xué)生，使其能夠在自身受益的同時(shí)，還可以通過(guò)相互的交流使更多人受益。但是我們能夠清楚地認(rèn)識(shí)到要想達(dá)到這個(gè)目標(biāo)會(huì)遇到很多困難，不論是在開(kāi)發(fā)、測(cè)試過(guò)程中，以及后期的性能

21、優(yōu)化、管理與維護(hù)階段，肯定會(huì)遇到很多技術(shù)上難題。</p><p><b>　　2 模塊分析</b></p><p><b>　　2.1模塊需求分析</b></p><p>　　目前平臺(tái)默認(rèn)有四個(gè)用戶(hù)組，分別為：超級(jí)管理員組、管理員組、老師組、學(xué)生組。凡是注冊(cè)成功的用戶(hù)登錄到該平臺(tái)后，都能夠根據(jù)自己所屬用戶(hù)組的權(quán)限對(duì)平臺(tái)上的

22、系統(tǒng)公告、課程公告、課程資源、站內(nèi)信、留言、用戶(hù)、用戶(hù)組等內(nèi)容進(jìn)行合法的操作（增、刪、改、查）。</p><p>　　目前平臺(tái)默認(rèn)有39個(gè)操作，分別為：添加一個(gè)行為、刪除一個(gè)行為、更改用戶(hù)組行為、添加用戶(hù)組、刪除用戶(hù)組、更換用戶(hù)分組、更改用戶(hù)信息、添加新用戶(hù)到普通用戶(hù)、刪除用戶(hù)、添加系統(tǒng)公告、更改系統(tǒng)公告、刪除系統(tǒng)公告、添加任意班級(jí)公告、更改任意班級(jí)公告、刪除任意班級(jí)公告、添加所屬班級(jí)公告、更改所屬班級(jí)公告、刪除

23、所屬班級(jí)公告、添加留言、更改留言信息、刪除所屬留言、刪除所有課程資源留言、編輯所有資源專(zhuān)輯、刪除所有資源專(zhuān)輯、編輯自己資源專(zhuān)輯、刪除資源專(zhuān)輯、發(fā)送站內(nèi)信、刪除所有站內(nèi)信、刪除自己所收站內(nèi)信、上傳資源無(wú)限制、上傳資源2G限制、上傳資源1G限制、上傳資源500M限制、上傳資源200M限制、上傳資源100M限制、上傳資源50M限制、上傳資源30M限制、上傳資源20M限制、上傳資源10M限制。</p><p>　　這些操

24、作將會(huì)合理的分配給各個(gè)用戶(hù)組，當(dāng)用戶(hù)進(jìn)行相應(yīng)的操作之前，都會(huì)對(duì)該用戶(hù)所屬的用戶(hù)組的權(quán)限進(jìn)行檢測(cè)，確認(rèn)其所擁有的權(quán)限并進(jìn)行相關(guān)的操作，一下為各用戶(hù)組的所持有的相關(guān)權(quán)限。</p><p>　　超級(jí)管理員：查看、發(fā)布、修改、刪除系統(tǒng)公告；查看、發(fā)布、修改、刪除課程公告；查看、上傳、下載、刪除課程資源，上傳資源大小限制；查看、發(fā)送、刪除站內(nèi)信；查看、發(fā)送、刪除留言；查看、創(chuàng)建、修改、刪除用戶(hù)信息；查看、創(chuàng)建、修改、刪除用

25、戶(hù)組信息，添加、修改、分配用戶(hù)權(quán)限。（如圖3.3所示）</p><p>　　管理員：查看、發(fā)布、修改、刪除系統(tǒng)公告；查看、發(fā)布、修改、刪除課程公告；查看、上傳、下載、刪除課程資源，上傳資源大小限制；查看、發(fā)送、刪除站內(nèi)信；查看、發(fā)送、刪除留言；查看、修改個(gè)人基本信息，查看相關(guān)師生基本信息；查看所屬用戶(hù)組的基本信息。</p><p>　　老師：查看系統(tǒng)公告；查看課程公告；查看、上傳、下載課程

26、資源；查看、發(fā)送、刪除站內(nèi)信；查看、發(fā)送、刪除留言；查看、修改個(gè)人基本信息，查看相關(guān)學(xué)生基本信息；查看所屬用戶(hù)組的基本信息。</p><p>　　學(xué)生：查看系統(tǒng)公告；查看課程公告；查看、上傳、下載課程資源；查看、發(fā)送、刪除站內(nèi)信；查看、發(fā)送、刪除留言；查看、修改個(gè)人基本信息；查看所屬用戶(hù)組的基本信息。</p><p><b>　　2.2開(kāi)發(fā)技術(shù)路線</b></p

27、><p>　　2.2.1平臺(tái)技術(shù)概述</p><p>　　后端整合Struts2、Spring2、Hibernate3框架開(kāi)發(fā)多層架構(gòu)的JavaEE應(yīng)用。</p><p>　　前端開(kāi)發(fā)腳本方面使用JQuery框架為基礎(chǔ)開(kāi)發(fā)庫(kù)，布局應(yīng)用CSS。</p><p>　　數(shù)據(jù)庫(kù)開(kāi)發(fā)使用Oracle11g。</p><p>　　文件

28、上傳方面的通信協(xié)議主要通過(guò)HTTP、Flex內(nèi)置協(xié)議、自定義協(xié)議三種方式實(shí)現(xiàn)。</p><p>　　服務(wù)器環(huán)境為L(zhǎng)inux(SUSE)操作系統(tǒng)。</p><p>　　開(kāi)發(fā)環(huán)境為Window操作系統(tǒng)。</p><p>　　服務(wù)器使用Tomcat服務(wù)器。</p><p>　　開(kāi)發(fā)工具：MyEclipse。</p><p>

29、　　版本管理工具：CVS。</p><p>　　2.2.2前端技術(shù)概述</p><p>　　前端頁(yè)面基于HTML4.0.1,CSS1.0的960柵格化進(jìn)行設(shè)計(jì)，頁(yè)面腳本架構(gòu)基于jQuery進(jìn)行開(kāi)發(fā)。其中大量是用同源下的Ajax進(jìn)行交互來(lái)增強(qiáng)用戶(hù)體驗(yàn)。文件上傳部分有部分功能基于Flex進(jìn)行開(kāi)發(fā)。其中大量使用了前端優(yōu)化策略。對(duì)Ajax請(qǐng)求進(jìn)行相應(yīng)的安全優(yōu)化。</p><p&

30、gt;　　(1) 柵格系統(tǒng)的設(shè)計(jì)原理及應(yīng)用</p><p>　　圖2.1柵格計(jì)算示意圖</p><p>　　在網(wǎng)頁(yè)設(shè)計(jì)中，我們把寬度為“W”的頁(yè)面分割成n個(gè)網(wǎng)格單元“a”，每個(gè)單元與單元之間的間隙設(shè)為“i”,此時(shí)我們把“a+i”定義“A”。他們之間的關(guān)系如下：W =（a×n）+（n-1）i由于a+i=A，可得：(A×n) - i = W</p>&

31、lt;p>　　如以上原理，在本站的設(shè)計(jì)中，采用了類(lèi)似如下960柵格設(shè)計(jì)：</p><p>　　圖2.2柵格化明細(xì)示意圖</p><p>　　(2) 前端優(yōu)化方案描述：</p><p>　　減少HTTP請(qǐng)求,使用expires頭</p><p>　　采用gzip壓縮組件</p><p><b>　　將樣

32、式表放在頂部</b></p><p><b>　　將腳本放在底部</b></p><p>　　禁止使用CSS表達(dá)式,簡(jiǎn)化css選擇符</p><p>　　盡量使用外部的JavaScript和CSS</p><p>　　精簡(jiǎn)JavaScript代碼</p><p><b>　　

33、盡量不適用重定向</b></p><p>　　對(duì)JavaScript進(jìn)行并行加載,對(duì)JavaScript使用預(yù)加載</p><p>　　進(jìn)行圖片的優(yōu)化,合理的合并圖層</p><p>　　(3) JQuery是一個(gè)前端的框架，其是由javascript編寫(xiě)而成的，其中提供了很多的內(nèi)置方法方便前端腳本的編寫(xiě)。而且之中內(nèi)置了很多前端方面的性能優(yōu)化，是的響應(yīng)的

34、減少了由于導(dǎo)入腳本庫(kù)增加頁(yè)面首次載入的下載量導(dǎo)致的頁(yè)面的渲染速度問(wèn)題。</p><p>　　Flex是一種基于瀏覽器插件的技術(shù)，也就是說(shuō)瀏覽器必須安裝了adobe的flashplayer插件才能播放。也正因如此，它是夸平臺(tái)的，不會(huì)因?yàn)闉g覽器對(duì)頁(yè)面的解析不同而顯示出不同的效果。本系統(tǒng)使用Flex主要是因?yàn)镠TTP不能滿(mǎn)足上傳中大型文件的需求，如果用戶(hù)有一個(gè)需求是這樣的：想上傳一個(gè)較大的文件，但是又不想安裝客戶(hù)端，而

35、傳統(tǒng)的HTTP方式又不可以實(shí)現(xiàn)，這是就要用到Flex上傳。Flex方式可以上傳300M一下的文件。</p><p>　　2.2.3后端技術(shù)概述</p><p>　　Struts2的簡(jiǎn)單處理流程如下：</p><p><b>　　瀏覽器發(fā)送請(qǐng)求；</b></p><p>　　中心處理器根據(jù)struts .xml配置文件查找

36、對(duì)應(yīng)的處理請(qǐng)求的 Action類(lèi)；</p><p>　　Struts2的攔截器鏈自動(dòng)對(duì)請(qǐng)求應(yīng)用通用功能，例如：WorkFlow、Validation等功能；</p><p>　　如果struts .xml配置文件中配置了method參數(shù)，則調(diào)用 method參數(shù)對(duì)應(yīng)的Action類(lèi)中的method方法，否則調(diào)用通用的execute方法來(lái)處理用戶(hù)請(qǐng)求；</p><p>

37、;　　將Action類(lèi)中的對(duì)應(yīng)方法返回的結(jié)果響應(yīng)給瀏覽器。</p><p>　　Spring的核心是IOC（控制反轉(zhuǎn)）和AOP（面向切面編程），IOC是用來(lái)管理所有的業(yè)務(wù)對(duì)象，當(dāng)你需要一個(gè)對(duì)象的時(shí)候它會(huì)幫你自動(dòng)的通過(guò)Java的反射機(jī)制來(lái)創(chuàng)建，而不是通過(guò)以前傳統(tǒng)的new的方式；AOP是允許在調(diào)用的方法前后附加另外的行為，可以為某一類(lèi)對(duì)象進(jìn)行監(jiān)督和控制，從而達(dá)到對(duì)一個(gè)模塊擴(kuò)充的功能，這些都是通過(guò)配置類(lèi)達(dá)到的。Spri

38、ng目的：就是讓對(duì)象與對(duì)象（模塊與模塊）之間的關(guān)系不通過(guò)代碼來(lái)關(guān)聯(lián)，都是通過(guò)配置類(lèi)說(shuō)明進(jìn)行管理（Spring根據(jù)這些配置，內(nèi)部通過(guò)Java的反射機(jī)制動(dòng)態(tài)的組裝對(duì)象），Spring的哲學(xué)是在不影響Java對(duì)象的設(shè)計(jì)的情況下將Java對(duì)象加入到框架中。</p><p>　　Hibernate是一個(gè)開(kāi)源的對(duì)象關(guān)系映射框架，它對(duì)JDBC進(jìn)行了輕量級(jí)的對(duì)象封裝，對(duì) Java類(lèi)和關(guān)系數(shù)據(jù)庫(kù)進(jìn)行mapping，使得Java程序

39、員可以隨心所欲的使用面向?qū)ο缶幊趟季S來(lái)操縱數(shù)據(jù)庫(kù)。Hibernate可以應(yīng)用在任何使用JDBC的場(chǎng)合，既可以在Java的客戶(hù)端程序使用，也可以在Servlet/JSP的Web應(yīng)用中使用，Hibernate還可以在應(yīng)用EJB的JavaEE架構(gòu)中取代CMP，完成數(shù)據(jù)持久化的重任。</p><p><b>　　2.3可行性分析</b></p><p>　　Linux+Tom

40、cat作為服務(wù)器環(huán)境是非常實(shí)用的，Tomcat雖然不像Apache那樣的高效，但是由于其內(nèi)部沒(méi)有jsp的環(huán)境，所以如果使用apache的話還要將Tomcat集成到Apache上，導(dǎo)致中間的轉(zhuǎn)換，而且在內(nèi)網(wǎng)的環(huán)境下，使用過(guò)于復(fù)雜的服務(wù)器環(huán)境沒(méi)有意義，所以我們最終選擇了僅適用Tomcat作為服務(wù)器。</p><p>　　JQuery庫(kù)的主要優(yōu)點(diǎn)是方便開(kāi)發(fā)，但是同時(shí)也會(huì)出現(xiàn)一個(gè)問(wèn)題，就是在第一次載入JQuery的時(shí)候會(huì)

41、給頁(yè)面多帶來(lái)300K的開(kāi)銷(xiāo)，會(huì)稍微減慢了頁(yè)面的加載速度，但是這些開(kāi)銷(xiāo)其實(shí)是可以忽略的，因?yàn)榧幢闶窃谕饩W(wǎng)中使用jquery庫(kù)也不會(huì)對(duì)頁(yè)面帶來(lái)太多的影響，何況是本系統(tǒng)主要是服務(wù)于內(nèi)網(wǎng)用戶(hù)，而且當(dāng)用戶(hù)載入一次JQuey庫(kù)之后就會(huì)在用戶(hù)的電腦中形成瀏覽器緩存，在下次再使用的時(shí)候?yàn)g覽器會(huì)自動(dòng)的去取緩存里面的js文件，也就是說(shuō)即便是對(duì)前端的性能有了一定的影響也只是影響了用戶(hù)第一次訪問(wèn)本站的時(shí)候。而帶來(lái)的好處是很大的，首先是提高了開(kāi)發(fā)效率，其次是其包

42、含了很多優(yōu)化好的方法，可以大大增強(qiáng)代碼的執(zhí)行效率。</p><p>　　Flex的跨平臺(tái)性很好，其缺點(diǎn)也是在第一次加載的時(shí)候需要加載一個(gè)SWF文件，這個(gè)文件相對(duì)較大。但是同樣這個(gè)在內(nèi)網(wǎng)可以忽略不計(jì)，而且會(huì)形成瀏覽器緩存。同時(shí)帶來(lái)的很多優(yōu)點(diǎn)就是Flex帶來(lái)的用戶(hù)體驗(yàn)非常好，同時(shí)滿(mǎn)足了上傳中大型文件的需求。</p><p>　　Struts2是一個(gè)MVC框架，主要用于將交互系統(tǒng)分解成模型（Mo

43、del）、視圖（View）、控制器（Controller）三個(gè)部分，這三個(gè)部分以最小的耦合協(xié)同工作，以增加程序的可擴(kuò)展性和可維護(hù)性。</p><p>　　概括起來(lái)MVC框架的優(yōu)點(diǎn)主要有以下方面：</p><p>　　多個(gè)視圖可以對(duì)應(yīng)一個(gè)模型。按MVC設(shè)計(jì)模式，一個(gè)模型對(duì)應(yīng)多個(gè)視圖，可以減少重復(fù)性代碼以及代碼的維護(hù)量，一旦模型發(fā)生改變，也易于維護(hù)；</p><p>　

44、　模型返回的數(shù)據(jù)與顯示邏輯分離。模型數(shù)據(jù)可以應(yīng)用任何的顯示技術(shù)，例如，使用JSP頁(yè)面、Velocity模板或者直接產(chǎn)生Excel文檔等；</p><p>　　應(yīng)用被分隔為三層，降低了各層之間的耦合，提供了應(yīng)用的可擴(kuò)展性；</p><p>　　控制層的概念也很有效，由于它把不同的模型和不同的視圖組合在一起，完成不同的請(qǐng)求。因此，控制層可以說(shuō)是包含了用戶(hù)請(qǐng)求權(quán)限的概念；</p>

45、<p>　　MVC更符合軟件工程化管理的精神。不同的層各司其職，每一層的組件具有相同的特征，有利于通過(guò)工程化和工具化產(chǎn)生管理程序代碼。</p><p>　　Spring既是一個(gè)IOC容器，也是一個(gè)AOP框架。Spring 最好的地方是它有助于開(kāi)發(fā)人員替換對(duì)象，有了Spring只要用JavaBean屬性和配置文件加入依賴(lài)性（協(xié)作對(duì)象）。然后</p><p>　　可以很容易地在需要時(shí)

46、替換具有類(lèi)似接口的協(xié)作對(duì)象。</p><p>　　IOC 允許創(chuàng)建一個(gè)可以構(gòu)造對(duì)象的應(yīng)用環(huán)境，在代碼中不直接與對(duì)象和服務(wù)連接，但在配置文件中描述哪一個(gè)組件需要哪一項(xiàng)服務(wù)，IOC容器負(fù)責(zé)將這些聯(lián)系在一起。在典型的 IOC 應(yīng)用中，IOC容器創(chuàng)建所有對(duì)象，并設(shè)置必要的屬性將它們連接在一起，決定什么時(shí)間調(diào)用方法。</p><p>　　AOP 讓開(kāi)發(fā)人員可以創(chuàng)建非行為性的關(guān)注點(diǎn)，稱(chēng)為橫切關(guān)注點(diǎn)，并

47、將它們插入到應(yīng)用程序代碼中。使用 AOP后，公共服務(wù)（比如日志、持久性、事務(wù)等）就可以分解成方面并應(yīng)用到域?qū)ο笊?，同時(shí)不會(huì)增加域?qū)ο蟮膶?duì)象模型的復(fù)雜性。AOP 的功能完全集成到了 Spring 事務(wù)管理、日志和其他各種特性的上下文中。</p><p>　　Hibernate主要用于數(shù)據(jù)庫(kù)的持久化（將普通Java對(duì)象映射到數(shù)據(jù)庫(kù)中的關(guān)系實(shí)體）。優(yōu)點(diǎn)主要有以下方面：</p><p>　　對(duì)JD

48、BC訪問(wèn)數(shù)據(jù)庫(kù)的代碼做了封裝，大大簡(jiǎn)化了數(shù)據(jù)訪問(wèn)層繁瑣的重復(fù)性代碼；</p><p>　　Hibernate是一個(gè)基于JDBC的主流持久化框架，是一個(gè)優(yōu)秀的ORM實(shí)現(xiàn)。他很大程度的簡(jiǎn)化了DAO層的編碼工作；</p><p>　　Hibernate使用Java反射機(jī)制，而不是字節(jié)碼增強(qiáng)程序來(lái)實(shí)現(xiàn)透明性；</p><p>　　Hibernate的性能非常好，因?yàn)樗莻€(gè)輕

49、量級(jí)框架，映射的靈活性很出色。它支持各種關(guān)系數(shù)據(jù)庫(kù)，從一對(duì)一到多對(duì)多的各種復(fù)雜關(guān)系。</p><p><b>　　3 模塊概要設(shè)計(jì)</b></p><p>　　3.1模塊功能總體設(shè)計(jì)</p><p>　　系統(tǒng)分為7個(gè)模塊（如圖3.1所示）</p><p>　　圖3.1功能模塊圖</p><p>

50、　　頁(yè)面的整體風(fēng)格如下：</p><p>　　圖3.2頁(yè)面整體風(fēng)格圖</p><p><b>　　3.2模塊流程分析</b></p><p>　　3.2.1整體的流程分析</p><p>　　凡是注冊(cè)成功的用戶(hù)登錄該平臺(tái)時(shí)，首先進(jìn)行登錄檢測(cè)，主要是驗(yàn)證用戶(hù)輸入的用戶(hù)名和密碼是否正確。若驗(yàn)證成功，再對(duì)用戶(hù)所屬的用戶(hù)組進(jìn)行

51、檢測(cè)，從而進(jìn)入相應(yīng)用戶(hù)組的操作界面；若驗(yàn)證失敗，用戶(hù)需要重新進(jìn)行登錄（如圖3.2所示）。</p><p>　　圖3.3進(jìn)入主程序區(qū)之前的流程圖</p><p><b>　　權(quán)限檢驗(yàn)流程：</b></p><p>　　圖3.4權(quán)限檢測(cè)的流程圖</p><p>　　默認(rèn)分配的每個(gè)用戶(hù)組擁有不同的權(quán)限（如圖3.5所示）：&

52、lt;/p><p>　　圖3.5系統(tǒng)用例圖</p><p>　　3.2.2各用戶(hù)流程分析</p><p>　　進(jìn)入相應(yīng)用戶(hù)組的操作界面后，根據(jù)該用戶(hù)組所擁有的合法權(quán)限進(jìn)行相應(yīng)的操作。以下分別是超級(jí)管理員（如圖3.3所示）、管理員（如圖3.4所示）、老師（如圖3.5所示）、學(xué)生（如圖3.6所示）所能夠進(jìn)行的合法操作的流程圖。</p><p>　　

53、圖3.6超級(jí)管理員的流程圖</p><p>　　圖3.7管理員的流程圖</p><p>　　圖3.8老師的流程圖</p><p>　　圖3.9學(xué)生的流程圖</p><p>　　3.3數(shù)據(jù)庫(kù)概要設(shè)計(jì)</p><p>　　根據(jù)模塊的需求分析設(shè)計(jì)的E-R圖中包括17個(gè)實(shí)體，包括：用戶(hù)、老師、學(xué)生、用戶(hù)組、行為、行為專(zhuān)

54、欄、系統(tǒng)公告、課程公告、留言、站內(nèi)信、班級(jí)、專(zhuān)業(yè)、學(xué)院、課程、專(zhuān)輯、專(zhuān)輯文件、專(zhuān)輯標(biāo)簽。實(shí)體之間的關(guān)系如圖3.10所示。</p><p>　　圖3.10E-R圖</p><p><b>　　4 模塊詳細(xì)設(shè)計(jì)</b></p><p>　　4.1模塊功能詳細(xì)設(shè)計(jì)</p><p><b>　　4.1.1公告模塊&l

55、t;/b></p><p>　　用戶(hù)可以發(fā)布公告，管理員可以發(fā)布系統(tǒng)公告，而教師可以發(fā)布課程公告，學(xué)生不可以發(fā)布公告，超級(jí)管理員擁有所有權(quán)限。經(jīng)過(guò)權(quán)限的檢驗(yàn)之后進(jìn)入公告的主程序區(qū)。所有用戶(hù)在登錄之后都會(huì)看到系統(tǒng)公告，而所屬課程用戶(hù)會(huì)看到相應(yīng)的課程公告。</p><p>　　4.1.2課程資源模塊</p><p>　　所有人都可以上傳資源到某個(gè)課程下，進(jìn)入頁(yè)面之

56、后會(huì)有一個(gè)建議的上傳接口，這里是應(yīng)用HTTP協(xié)議上傳的，也就是說(shuō)只支持50M一下的文件上傳，當(dāng)點(diǎn)入之后會(huì)彈出一個(gè)用Flex應(yīng)用寫(xiě)成頁(yè)面，這里支持300M一下文件的上傳。如果還不能滿(mǎn)足用戶(hù)的需求，那么用戶(hù)可以下載客戶(hù)端來(lái)進(jìn)行大文件的上傳。每一個(gè)文件都所屬一個(gè)專(zhuān)輯，而專(zhuān)輯是屬于某一個(gè)課程的。管理員有刪除專(zhuān)輯的權(quán)限，教師也有刪除專(zhuān)輯的權(quán)限。</p><p><b>　　4.1.3留言模塊</b>&

57、lt;/p><p>　　用戶(hù)可以某個(gè)資源留言，也可以回復(fù)這個(gè)資源的某個(gè)用戶(hù)的留言，可以刪除自己發(fā)過(guò)的留言，管理員可以刪除留言，留言不可以進(jìn)行編輯。</p><p>　　4.1.4站內(nèi)信模塊</p><p>　　用戶(hù)可以點(diǎn)對(duì)點(diǎn)的發(fā)送站內(nèi)信，站內(nèi)信和某個(gè)用戶(hù)關(guān)聯(lián)，用戶(hù)如果對(duì)方的學(xué)號(hào)的話就可以直接發(fā)送站內(nèi)信，如果不知道對(duì)方的學(xué)號(hào)則可以選擇所有和自己同一個(gè)課程的同學(xué)發(fā)送站內(nèi)信。

58、自己可以刪除自己發(fā)送的站內(nèi)信，管理員可以刪除站內(nèi)信。站內(nèi)信無(wú)法進(jìn)行編輯。</p><p>　　4.2系統(tǒng)主要界面詳細(xì)設(shè)計(jì)</p><p>　　前端的主要風(fēng)格都是參照了Google的主題頁(yè)面來(lái)進(jìn)行設(shè)計(jì)的，每個(gè)功能集成于一個(gè)小的功能塊，而整個(gè)頁(yè)面是幾個(gè)功能塊的集合。</p><p>　　圖4.1超級(jí)管理員主頁(yè)面</p><p>　　圖4.2最

59、新課程資源頁(yè)面</p><p>　　圖4.3 課程資源上傳頁(yè)面</p><p>　　圖4.4課程資源列表界面</p><p>　　圖4.5某一課程資源專(zhuān)輯列表界面</p><p>　　圖4.6超級(jí)管理員編輯課程資源界面</p><p>　　圖4.7用戶(hù)管理界面</p><p>　　圖4.

60、8管理系統(tǒng)公告頁(yè)面</p><p>　　圖4.9添加系統(tǒng)公告頁(yè)面</p><p>　　圖4.10發(fā)送站內(nèi)信頁(yè)面</p><p>　　圖4.11管理員主頁(yè)面</p><p>　　圖4.12老師和學(xué)生主頁(yè)面</p><p>　　4.3數(shù)據(jù)庫(kù)詳細(xì)設(shè)計(jì)</p><p>　　數(shù)據(jù)庫(kù)中有19張表，

61、包括：學(xué)院表、專(zhuān)業(yè)表、班級(jí)表、課程表、老師表、學(xué)生表、課程—基本用戶(hù)映射表、行為專(zhuān)欄表、行為表、用戶(hù)組表、用戶(hù)—行為映射表、基本用戶(hù)表、系統(tǒng)公告表、課程公告表、留言表、站內(nèi)信表、專(zhuān)輯表、專(zhuān)輯文件表、專(zhuān)輯標(biāo)簽表（如表4.1~4.19所示）</p><p>　　表4.1學(xué)院表(academe)</p><p>　　表4.2專(zhuān)業(yè)表(major)</p><p>　　表

62、4.3班級(jí)表(class)</p><p>　　表4.4課程表(course)</p><p>　　表4.5老師表(teacher)</p><p>　　表4.6學(xué)生表(student)</p><p>　　表4.7課程—基本用戶(hù)映射表(course_user)</p><p>　　表4.8行為專(zhuān)欄表(su

63、bject_actioncolumn)</p><p>　　表4.9行為表(subject_action)</p><p>　　表4.10用戶(hù)組表(subject_group)</p><p>　　表4.11用戶(hù)組—行為映射表(subject_group_action)</p><p>　　表4.12基本用戶(hù)表(subject_use

64、r)</p><p>　　表4.13系統(tǒng)公告表(subject_system_bulletin)</p><p>　　表4.14課程公告表(subject_course_bulletin)</p><p>　　表4.15留言表(subject_message)</p><p>　　表4.16站內(nèi)信表(subject_letter)&l

65、t;/p><p>　　表4.17專(zhuān)輯表(subject_resource_album)</p><p>　　表4.18專(zhuān)輯文件表(subject_resource_file)</p><p>　　表4.19專(zhuān)輯標(biāo)簽表(subject_resource_tag)</p><p>　　5 編碼調(diào)試與測(cè)試分析</p><p&g

66、t;　　5.1設(shè)計(jì)實(shí)現(xiàn)中的問(wèn)題</p><p>　　JavaScript的內(nèi)存泄露問(wèn)題，IE使用的GC算法是計(jì)數(shù)器，因此只碰到循環(huán) 引用就會(huì)造成memory leakage。后來(lái)一直覺(jué)得和觀察到的現(xiàn)象很不一致，直到看到Eric的文章，才明白犀牛書(shū)的說(shuō)法沒(méi)有說(shuō)得很明確，估計(jì)該書(shū)成文后IE升級(jí)過(guò)算法吧。在IE 6中，對(duì)于javascript object內(nèi)部，jscript使用的是mark-and-sweep算法，而

67、對(duì)于javascript object與外部object(包括native object和vbscript object等等)的引用時(shí)，IE 6使用的才是計(jì)數(shù)器的算法。也就是說(shuō)，IE 6對(duì)于純粹的Script Objects間的Circular References是可以正確處理的，可惜它處理不了的是JScript與Native Object(例如Dom、ActiveX Object)之間的Circular References。所以，

68、當(dāng)我們出現(xiàn)Native對(duì)象(例如Dom、ActiveX Object)與Javascript對(duì)象間的循環(huán)引用時(shí)，內(nèi)存泄露的問(wèn)題就出現(xiàn)了。</p><p>　　Flex在交互的時(shí)候需要配置一個(gè)策略文件，來(lái)控制從哪個(gè)域下發(fā)來(lái)的請(qǐng)求時(shí)可以進(jìn)行通信的。</p><p>　　在web.xml配置文件中要配置對(duì)Flex發(fā)來(lái)請(qǐng)求的監(jiān)聽(tīng)，這樣來(lái)區(qū)分Flex發(fā)來(lái)的請(qǐng)求，方法是對(duì)所有非Flex的請(qǐng)求加后綴名。

69、</p><p>　　5.2調(diào)試測(cè)試中的問(wèn)題</p><p>　　<listener><listener-class>flex.messaging.HttpFlexSession</listener-class></listener>在Web.xml中加入這個(gè)配置來(lái)監(jiān)聽(tīng)發(fā)給Flex應(yīng)用的請(qǐng)求</p><p>　　Fle

70、x其實(shí)是不能實(shí)現(xiàn)超大文件的上傳的，這是在Flex的官方文檔里面寫(xiě)的，他最大的上傳文件大小不能超過(guò)100M，而我們經(jīng)過(guò)進(jìn)一步的嘗試最終能夠滿(mǎn)足300M一下的文件上傳。</p><p><b>　　IE Bug：</b></p><p><b>　　IE6雙倍邊距問(wèn)題</b></p><p>　　兩個(gè)相鄰浮動(dòng)元素之間如果設(shè)置了

71、margin那么在IE下會(huì)顯示雙倍的margin</p><p>　　3px問(wèn)題不是經(jīng)常被人們發(fā)現(xiàn)，因?yàn)樗挠绊懼皇钱a(chǎn)生3px位移，往往在大塊的設(shè)計(jì)之間不易發(fā)現(xiàn)，但是如果在設(shè)計(jì)時(shí)使用精確到像素的設(shè)計(jì)方法的話，3px也許就會(huì)困惑到你的設(shè)計(jì)，還是先來(lái)看一下我們模擬的3px問(wèn)題情況的xhtml與css代碼。</p><p>　　IE捉迷藏bug（peek-a-boo），之所以起這個(gè)名稱(chēng)是因?yàn)樵谀?/p>

72、些條件下文本看起來(lái)消失了，只有在重新裝載頁(yè)面時(shí)才再度出現(xiàn)。出現(xiàn)這個(gè)bug的條件是：一個(gè)浮動(dòng)元素后而跟著一些非浮動(dòng)元素，然后是一個(gè)清理元素，所有這些元素都包含在一個(gè)設(shè)置了背景顏色或圖像的你元素中。假如清理元素砬到了浮動(dòng)元素，那么中間的非浮支元素看起來(lái)消失了，隱到了父元素的背景顏色或圖像后面，只有在刷新頁(yè)面時(shí)才重新出現(xiàn)。</p><p>　　斷頭臺(tái)問(wèn)題(IE/Win Guillotine bug)是國(guó)外的css設(shè)計(jì)者

73、給這個(gè)問(wèn)題起的一個(gè)非常形象的名字，就如同斷頭臺(tái)一樣，對(duì)象被無(wú)情的切斷了一部分，不過(guò)與之相反的是，斷頭臺(tái)問(wèn)題中的對(duì)象切斷的不是對(duì)象的頭部，而是對(duì)象的底部。xhtml編碼(演示)，在IE中經(jīng)常遇到這樣的問(wèn)題。</p><p>　　高度不適應(yīng),是當(dāng)內(nèi)層對(duì)象的高度發(fā)生變化時(shí)外層高度不能自動(dòng)進(jìn)行調(diào)節(jié)，特別是當(dāng)內(nèi)層對(duì)象使用</p><p>　　Spring接管Action為其注入：</p>

74、<p>　　<bean>標(biāo)簽屬性中加入scope="prototype"</p><p>　　<bean id="loginAction" class="cn.edu.dlnu.resources.actions.user.LoginAction" scope="prototype"></p

75、><p>　　<property name="userService" ref="userService"/></p><p>　　<property name="autoLoginService"</p><p>　　ref="autoLoginService"/>

76、</p><p><b>　　</bean></b></p><p>　　作用是：每次從spring容器中獲取Action的實(shí)例時(shí)都會(huì)new一個(gè)新對(duì)象，即我們所說(shuō)的原型，spring中scope默認(rèn)值是單態(tài)（singleton），當(dāng)然針對(duì)web應(yīng)用程序，還可以配置為request、session等范圍。至于什么時(shí)候使用什么權(quán)限范圍就要根據(jù)應(yīng)用程序的使用情況

77、而定。比如在多線程程序中，單態(tài)是否會(huì)對(duì)程序有所影響就需要慎重考慮。</p><p><b>　　心得與體會(huì)</b></p><p>　　本次畢業(yè)設(shè)計(jì)首先給自己帶來(lái)的是自身技術(shù)水平的提高，整個(gè)系統(tǒng)的設(shè)計(jì)的前端只是比較多。而在攻破各個(gè)技術(shù)難點(diǎn)的同時(shí)是自己的能力有了質(zhì)的飛躍，而更重要的是在不斷的學(xué)習(xí)的過(guò)程中培養(yǎng)了自身的學(xué)習(xí)能力和解決問(wèn)題的能力，這個(gè)能力是在平時(shí)不曾得到很好的

78、鍛煉的。而且整個(gè)畢業(yè)設(shè)計(jì)是在團(tuán)隊(duì)和做的情況下完成的，這對(duì)自己的為人處世的能力也有一定的提高，如何團(tuán)隊(duì)成員很好的相處，能和團(tuán)隊(duì)成員協(xié)作完成一項(xiàng)工作。如何很好的分配工作，如何做到1+1>2。這都對(duì)畢業(yè)之后的工作打下了很好的基礎(chǔ)。</p><p>　　在開(kāi)發(fā)的前期，主要是對(duì)一些框架的學(xué)習(xí)，對(duì)一些技術(shù)難點(diǎn)的攻破，這樣能夠在開(kāi)發(fā)的時(shí)候更加順手，然后面對(duì)具體的問(wèn)題的時(shí)候?qū)δ滁c(diǎn)技術(shù)的深入理解，并解決問(wèn)題。這個(gè)過(guò)程就是對(duì)技

79、術(shù)的學(xué)習(xí)和深入的過(guò)程，可以說(shuō)是受益匪淺。但是這也導(dǎo)致了整個(gè)開(kāi)發(fā)周期比較長(zhǎng)。但是正是這樣的一個(gè)循序漸進(jìn)的過(guò)程使得自己的技術(shù)水平不斷的精進(jìn)。</p><p>　　同時(shí)，這種xx開(kāi)發(fā)的模式使得自己的知識(shí)面更加寬廣，因?yàn)閳F(tuán)隊(duì)中的每個(gè)人的技術(shù)層面都不同，專(zhuān)精程度也不同，團(tuán)隊(duì)式的開(kāi)發(fā)非常有利于學(xué)生們的知識(shí)共享，這樣在不斷專(zhuān)精自己領(lǐng)域的同時(shí)還能及時(shí)的擴(kuò)充自己的知識(shí)面。而且在其中團(tuán)隊(duì)成員通力合作完成一件事是非常開(kāi)心的事，成員的感

80、情也在其過(guò)程中不斷的加深。有這樣的一個(gè)經(jīng)歷使得自己能夠在以后的學(xué)習(xí)工作中更加得心應(yīng)手，而這一年與團(tuán)隊(duì)成員一起度過(guò)的日子也是大學(xué)中最美好的回憶。</p><p><b>　　參考文獻(xiàn)</b></p><p>　　[1] Cay S.Horstmann(美)著. Java核心技術(shù). 第8版. 機(jī)械工業(yè)出版社, 2008</p><p>　　[2]

81、吳亮(月影)著. JavaScript王者歸來(lái). 清華大學(xué)出版社</p><p>　　[3] SteveSounders(美) . 高性能網(wǎng)站建設(shè). 電子工業(yè)出版社</p><p>　　[4] BillyHoffmanBryanSullivan(美). Ajax安全技術(shù). 電子工業(yè)出版社</p><p>　　[5]Ross Harmes&Dustin Dia

82、z著.謝廷軒譯.JavaScript設(shè)計(jì)模式. 人民郵電出版社</p><p>　　[6]Alistair Croll Sean Power著.袁菲、房向明、袁繼彬譯.網(wǎng)站性能檢測(cè)與優(yōu)化.人民郵電出版社</p><p>　　[7]Paul Haine著. HTML+Mastery+Semantics,+Standards,+and+Styling. Friendsof,2006.</

83、p><p>　　[8]Michael Morrison著. Head.First.Javascript. O'reilly.2008.</p><p>　　[9]John Resig著. Secrets+of+the+JavaScript+Ninja.MANNING,2009.</p><p>　　[10]Jeremy Keith著. Web.Design.wi

84、th.JavaScript.and.the.Document.Object.Model. Friendsof,2005.</p><p>　　[11] John Resig著.陳賢安. 陳賢安、江疆譯. 精通JavaScript.人民郵電出版社,2007. </p><p>　　[12]Greg Goralski&LordAlex Leon著. FriendsofED.Founda

85、tion.Flex.for.Designers. Friendsof,2008. </p><p>　　[13]Dave Crane&Eric Pascarello&Darren James著. AJAX_In_Action. MANNING,2006.</p><p>　　[14] John Resig著. Pro.JavaScript.Techniques. Apres

86、s,2006.</p><p>　　[15]亨德森(美). 構(gòu)建可擴(kuò)展的Web站點(diǎn). 電子工業(yè)出版社</p><p><b>　　謝辭</b></p><p>　　感謝在xx里面的所有成員，現(xiàn)在會(huì)經(jīng)常想起和他們?cè)谝黄鹩懻搯?wèn)題，解決問(wèn)題場(chǎng)景，和他們?cè)谝黄饘W(xué)習(xí)的日子真的非常開(kāi)心，有機(jī)會(huì)一定會(huì)再和大家在坐在一起開(kāi)發(fā)。感謝我的Teamleader，是他