畢業(yè)設計design and research-based ajax news release

1、<p>　　基于AJAX的新聞發(fā)布的研究和設計</p><p><b>　　摘要 </b></p><p>　　隨著信息時代的到來，企業(yè)信息管理日趨復雜，尤其在對外信息發(fā)布上，能把企業(yè)的信息能及時，有效發(fā)布出去，有利于提高企業(yè)的知名度。新聞作為一種精準的信息，可在分秒之間把所述內(nèi)容迅速傳播出去。當企業(yè)需要危機公關(guān)時，當企業(yè)需要發(fā)布新品上市時，正面的新聞可在第

2、一時間被廣大媒體接受，為企業(yè)把握先機，創(chuàng)造最大效益。新聞營銷權(quán)威力度多次傳播。 本設計研究的新聞發(fā)布系統(tǒng)也可叫做文章發(fā)布系統(tǒng)、文章管理系統(tǒng)，主要用于搭建新聞資訊類網(wǎng)站。</p><p>　　本設計要求使用AJAX技術(shù)，AJAX 是 一種廣泛應用在瀏覽器的網(wǎng)頁開發(fā)技術(shù)。AJAX 在瀏覽器與 Web 服務器之間使用異步數(shù)據(jù)傳輸（HTTP 請求），也就是說不需要刷新整個頁面，即局部刷新即可。使用AJAX的最大優(yōu)點，就是

3、能在不更新整個頁面的前提下維護數(shù)據(jù)。這使得Web應用程序更為迅捷地回應用戶動作，并避免了在網(wǎng)絡上發(fā)送那些沒有改變過的信息。</p><p>　　關(guān)鍵詞：新聞資訊;AJAX技術(shù);異步數(shù)據(jù)傳輸</p><p>　　Design and research-based AJAX news release</p><p><b>　　Abstract</b&g

4、t;</p><p>　　With the advent of the information age, enterprise information management has become more complex, especially in the external information can enterprise information timely and effective release o

5、ut, is conducive to increase their visibility. News as a means of accurate information, in minutes and seconds between the rapid spread. When companies need public relations crisis, when companies need to publish the new

6、 listing, the positive news for the first time the majority of the media to accept, t</p><p>　　This design requires the use of AJAX technology, AJAX is a widely used browser web development technologies. AJA

7、X in the browser and the Web server uses asynchronous data transfer (HTTP requests), that do not need to refresh the entire page, which can be partial refresh. The biggest advantage of using AJAX is that we can not updat

8、e the entire page in the premise of maintaining data. This makes Web applications more rapid response to user actions, and to avoid the network to send information to t</p><p>　　Keywords: News; AJAX; asynchr

9、onous data transmission</p><p>　　第1章 系統(tǒng)概述1</p><p>　　1.1 系統(tǒng)的研究現(xiàn)狀1</p><p>　　1.2 系統(tǒng)的開發(fā)方法1</p><p>　　第2章 系統(tǒng)調(diào)研及可行性分析2</p><p><b>　　2.1系統(tǒng)調(diào)研2</b>&l

10、t;/p><p>　　2.1.1 課題背景2</p><p>　　2.1.2 課題研究的意義2</p><p>　　2.2 系統(tǒng)的總體目標2</p><p>　　2.3 可行性分析2</p><p>　　2.3.1 技術(shù)可行性2</p><p>　　2.3.2 經(jīng)濟可行性4</p&

11、gt;<p>　　2.3.3 社會可行性4</p><p>　　第3章 系統(tǒng)分析5</p><p>　　3.1系統(tǒng)需求分析5</p><p>　　3.1.1 系統(tǒng)的功能5</p><p>　　3.1.2 系統(tǒng)界面要求6</p><p>　　3.2 數(shù)據(jù)流程圖7</p><p

12、>　　第4章 系統(tǒng)設計8</p><p>　　4.1 系統(tǒng)概要設計8</p><p>　　4.2 數(shù)據(jù)庫設計8</p><p>　　4.2.1 系統(tǒng)定義表8</p><p>　　4.2.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設計9</p><p>　　4.3 詳細設計23</p><p>　　4.

13、3.1 前臺新聞瀏覽模塊23</p><p>　　4.3.2 前臺計劃安排模塊23</p><p>　　4.3.3 前臺組織生活模塊24</p><p>　　4.3.4 前臺學習參考模塊25</p><p>　　4.3.5 前臺圖片展示模塊25</p><p>　　4.3.6 前臺建言獻策模塊26</

14、p><p>　　4.3.7 前臺常用鏈接模塊27</p><p>　　4.3.8 前臺生日提醒模塊27</p><p>　　第5章 系統(tǒng)實現(xiàn)28</p><p>　　5.1前臺新聞瀏覽模塊的實現(xiàn)28</p><p>　　5.2前臺計劃安排模塊的實現(xiàn)29</p><p>　　5.3前臺建言獻

15、策模塊的實現(xiàn)30</p><p>　　5-4 前臺常用鏈接模塊的實現(xiàn)30</p><p>　　第6章 系統(tǒng)測試31</p><p>　　6.1 系統(tǒng)測試的基本原則31</p><p>　　6.2 軟件測試方法31</p><p>　　6.3 系統(tǒng)測試結(jié)論31</p><p>　　6.

16、3.1軟件能力31</p><p>　　6.3.2結(jié)論31</p><p>　　6.4 系統(tǒng)維護建議31</p><p><b>　　結(jié)論33</b></p><p><b>　　致謝34</b></p><p><b>　　參考資料35</b&

17、gt;</p><p><b>　　前言</b></p><p>　　互聯(lián)網(wǎng)已成為人們快速獲取、發(fā)布和傳遞信息的重要途徑，而在互聯(lián)網(wǎng)中通過瀏覽網(wǎng)站是人們來獲取所需信息和交流思想的一個重要方法，可見網(wǎng)站建隨著互連網(wǎng)的進一步發(fā)展，網(wǎng)絡媒體在人們心中的地位進一步提高，新聞發(fā)布系統(tǒng)做為網(wǎng)絡媒體的核心系統(tǒng)。其重要性是越來越高：新聞網(wǎng)站需要實現(xiàn)與用戶產(chǎn)生交互，用戶可以方便地參與到

18、一些新聞的評論和相關(guān)的調(diào)查。同時，Internet發(fā)展到今天，可以說，只要你上網(wǎng)，你必然會涉及到新聞發(fā)布系統(tǒng)，可以想象，其用戶人數(shù)是相當巨大的，重要性是肯定是非常高的。因此，這對新聞發(fā)布系統(tǒng)的開發(fā)提出了更高的要求。</p><p>　　隨著信息時代的到來，企業(yè)信息管理日趨復雜，尤其在對外信息發(fā)布上，能把企業(yè)的信息能及時，有效發(fā)布出去，有利于提高企業(yè)的知名度。新聞作為一種精準的信息，可在分秒之間把所述內(nèi)容迅速傳播出

19、去。當企業(yè)需要危機公關(guān)時，當企業(yè)需要發(fā)布新品上市時，正面的新聞可在第一時間被廣大媒體接受，為企業(yè)把握先機，創(chuàng)造最大效益。新聞營銷權(quán)威力度多次傳播。 本設計研究的新聞發(fā)布系統(tǒng)也可叫做文章發(fā)布系統(tǒng)、文章管理系統(tǒng)，主要用于搭建新聞資訊類網(wǎng)站。</p><p><b>　　第1章 系統(tǒng)概述 </b></p><p>　　1.1 系統(tǒng)的研究現(xiàn)狀</p><

20、p>　　到現(xiàn)在，傳統(tǒng)的看新聞方式（例如：看電視或報紙）已經(jīng)落伍，隨著網(wǎng)絡的高速發(fā)展，互聯(lián)網(wǎng)的優(yōu)勢開始突顯起來，通過訪問新聞網(wǎng)站來閱讀新聞已經(jīng)取代了傳統(tǒng)的新聞媒體。網(wǎng)絡相對于報紙來說是完全免費的，而且報紙還浪費資源。與傳統(tǒng)的網(wǎng)站相比，運用Ajax技術(shù)開發(fā)的新聞發(fā)布系統(tǒng)也正在替換各種傳統(tǒng)的新聞網(wǎng)站。因此，我將運用此技術(shù)來開發(fā)一個企業(yè)新聞發(fā)布系統(tǒng)，來實現(xiàn)員工和管理員之間的互動交流。</p><p>　　1.2 系

21、統(tǒng)的開發(fā)方法</p><p>　　本系統(tǒng)采用ASP.NET 和SQL SERVER2005以及ASP.NET AJAX 技術(shù)，基于ajax 技術(shù)，開發(fā)一個能夠局部刷新的新聞發(fā)布系統(tǒng)前臺。瀏覽者可以快速地瀏覽想要瀏覽的公司信息，查看公司的計劃安排以及給公司提出寶貴的建議和意見；瀏覽者不再為刷不出網(wǎng)頁而擔心，給員工帶來輕松而愉快的體驗。</p><p>　　系統(tǒng)開發(fā)平臺如下：Microsoft

22、 visual studio 2010</p><p>　　SQL Server 2005</p><p>　　系統(tǒng)調(diào)研及可行性分析</p><p><b>　　2.1系統(tǒng)調(diào)研</b></p><p>　　2.1.1 課題背景</p><p>　　隨著Internet的發(fā)展，新聞發(fā)布系統(tǒng)成為網(wǎng)絡媒

23、體的核心。傳統(tǒng)的靜態(tài)網(wǎng)站難以與用戶形成互動，這正是這類網(wǎng)站的一大詬病，使得網(wǎng)站的點擊量提升不了。因此，開發(fā)動態(tài)網(wǎng)站成了越來越多開發(fā)者的追求的目標。</p><p>　　隨著近年來企業(yè)對企業(yè)網(wǎng)站推廣的重視，企業(yè)在網(wǎng)站推廣中起到越來越重要的作用，動態(tài)網(wǎng)頁的缺點充分地暴露出來。其缺點有：隨著訪問人數(shù)的增多，服務器負載就會增大，最終會導致拜訪速度特別慢，甚至瓦解，另外由于是交互式設計，那就很容易給黑客留下后門，去年很多論

24、壇和社區(qū)用戶賬號被盜，就闡明了動態(tài)網(wǎng)站的有很大的安全隱患。而且，動態(tài)網(wǎng)站的搜尋引擎界面不太友好，因為動態(tài)網(wǎng)站的網(wǎng)頁，大多數(shù)都是動態(tài)構(gòu)成的，所以導致網(wǎng)站收錄數(shù)目不高。</p><p>　　到了2013年，新聞發(fā)布系統(tǒng)要求實現(xiàn)與用戶實現(xiàn)交互。因此，利用AJAX異步處理，動態(tài)刷新技術(shù)的新聞網(wǎng)站的搭建成為很多企業(yè)網(wǎng)站的青睞。</p><p>　　2.1.2 課題研究的意義</p>&

25、lt;p>　　隨著網(wǎng)絡和計算機技術(shù)的進一步的發(fā)展，新聞網(wǎng)站對我們生活和工作越來越重要，尤其是在這信息高度發(fā)達的今天，人們對于信息的渴望以及與網(wǎng)站的越來越頻繁的互動，因此需要網(wǎng)站速度夠快，處理數(shù)據(jù)夠快。而對于利用Ajax異步處理技術(shù)提供了這些技術(shù)保證，讓更多的用戶能夠更愉快地獲取信息，產(chǎn)生交流。所以我開發(fā)這個新聞發(fā)布系統(tǒng)來滿足人們的需求，為人們方便獲取和發(fā)布最新信息及交流互動而服務。</p><p>　　2.

26、2 系統(tǒng)的總體目標</p><p>　　此系統(tǒng)前臺主要分為8個版塊，分別是：新聞瀏覽(重要通知，公告公示，分行要聞，轄內(nèi)動態(tài)，專題報告，圖片新聞，視頻新聞)、計劃安排(每日信息，工作計劃，行政值班)、組織生活(員工之家，黨員生活)、學習參考(咨詢參考，關(guān)注常州)、圖片展示(專題圖片，作品欣賞)、部門導航(注：類似組織機構(gòu)圖，點擊部門鏈接到部門網(wǎng)站)、生日提醒(注：當月生日的員工一次性顯示)、常用鏈接（點擊鏈接到各

27、類網(wǎng)站，例如：搜狐，化龍巷等）、</p><p><b>　　2.3 可行性分析</b></p><p>　　2.3.1 技術(shù)可行性</p><p>　　此系統(tǒng)對與開發(fā)環(huán)境的硬件，軟件要求都不高，目前市場上的一般計算機硬件資源均能滿足系統(tǒng)開發(fā)需求。</p><p>　　1.運行本軟件所要求的硬設備的最小配置：奔騰4代、內(nèi)

28、存256M；I／O設備：顯示器、鼠標、鍵盤；</p><p><b>　　2.開發(fā)技術(shù)： </b></p><p>　?。?）ASP.NET </p><p>　　ASP.NET是一種建立在通用語言上的程序構(gòu)架，能被用于一臺Web 服務器來建立強大的Web 應用程序。</p><p>　　ASP.net 相對于現(xiàn)在WEB

29、開發(fā)模式的優(yōu)勢：1.多處理器環(huán)境的可靠性；2.世界級的工具支持；3.簡單性和易學性；4.高效可管理性；5.自定義性和可擴展性；6.強大性和適應性；7.安全性；8.執(zhí)行效率的大幅提高。</p><p><b>　　Ajax</b></p><p>　　AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）

30、。</p><p>　　AJAX 不是新的編程語言，而是一種使用現(xiàn)有標準的新方法。</p><p>　　AJAX 是與服務器交換數(shù)據(jù)并更新部分網(wǎng)頁的藝術(shù)，在不重新加載整個頁面的情況下。</p><p>　　AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。</p><p>　　通過在后臺與服務器進行少量數(shù)據(jù)交換，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這

31、意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。</p><p>　　傳統(tǒng)的網(wǎng)頁（不使用 AJAX）如果需要更新內(nèi)容，必需重載整個網(wǎng)頁面。</p><p>　　有很多使用 AJAX 的應用程序案例：新浪微博、Google 地圖、開心網(wǎng)等等。</p><p>　　（3）SQL Server 2005</p><p>　　SQL

32、Server 2005 是一項全面完整的數(shù)據(jù)庫與分析產(chǎn)品。SQL Server 2005 通過在可伸縮性、數(shù)據(jù)集成、開發(fā)工具和強大的分析等方面的革新更好的確立了微軟在BI領域的領導地位。SQL Server 2005 能夠把關(guān)鍵的信息及時的傳遞到組織內(nèi)員工的手中，從而實現(xiàn)了可伸縮的商業(yè)智能。從CEO 到信息工作者，員工可以快速的、容易的處理數(shù)據(jù)，以更快更好的做出決策。SQL Server 2005全面的集成、分析和報表功能使企業(yè)能夠提高

33、他們已有應用的價值，即便這些應用是在不同的平臺上。</p><p>　?。?）DIV+CSS </p><p>　　DIV+CSS是網(wǎng)站標準（或稱“WEB標準”）中常用的術(shù)語之一，通常為了說明與HTML網(wǎng)頁設計語言中的表格（table）定位方式的區(qū)別，因為XHTML網(wǎng)站設計標準中，不再使用表格定位技術(shù)，而是采用DIV+CSS的方式實現(xiàn)各種定位。</p><p>　　

34、CSS是英語Cascading Style Sheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn) HTML 或 XML 等文件式樣的計算機語言。</p><p>　　DIV元素是用來為HTML文檔內(nèi)大塊（block-level）的內(nèi)容提供結(jié)構(gòu)和背景的元素。DIV的起始標簽和結(jié)束標簽之間的所有內(nèi)容都是用來構(gòu)成這個塊的，其中所包含元素的特性由DIV標簽的屬性來控制，或者是通過使用樣式表格式化這個塊來進行控制。<

35、/p><p><b>　?。?）JQuery</b></p><p><b>　　設計思想</b></p><p>　　簡潔的思想：幾乎所有操作都是以選擇DOM元素（有強大的Selector）開始，然后是對其的操作（Chaining等特性）。</p><p><b>　　優(yōu)點</b>

36、;</p><p>　　小，壓縮后代碼只有20多k（無壓縮代碼94k）。</p><p>　　Selector和DOM操作的方便：jQuery的Selector與mootools的Element.Selectors.js比較，CSS Selector, XPath Selector（1.2后已刪除）</p><p>　　Chaining：總是返回一個jQuery對象

37、，可以連續(xù)操作。</p><p>　　文檔的完整，易用性（每個API都有完整的例子，這是其它框架現(xiàn)在不能比的），而且網(wǎng)上還有很多其它的文檔，書籍。</p><p>　　應用的廣泛，包括google code也使用了jQuery。</p><p>　　2.3.2 經(jīng)濟可行性 </p><p>　　因為本系統(tǒng)完全是自己開發(fā)，所以除了需要時間外，不

38、需要錢。 </p><p>　　2.3.3 社會可行性 </p><p>　　到現(xiàn)在，傳統(tǒng)的看新聞方式（例如：看電視或報紙）已經(jīng)落伍，隨著網(wǎng)絡的高速發(fā)展，互聯(lián)網(wǎng)的優(yōu)勢開始突顯起來，通過訪問新聞網(wǎng)站來閱讀新聞已經(jīng)取代了傳統(tǒng)的新聞媒體。網(wǎng)絡相對于報紙來說是完全免費的，而且報紙還浪費資源。與傳統(tǒng)的網(wǎng)站相比，運用Ajax技術(shù)開發(fā)的新聞發(fā)布系統(tǒng)也正在替換各種傳統(tǒng)的新聞網(wǎng)站。因此，我將運用此技術(shù)來開發(fā)

39、一個企業(yè)新聞發(fā)布系統(tǒng)，來實現(xiàn)員工和管理員之間的互動交流。</p><p><b>　　第3章系統(tǒng)分析</b></p><p><b>　　3.1系統(tǒng)需求分析</b></p><p>　　3.1.1 系統(tǒng)的功能</p><p>　　1.新聞瀏覽：公司員工可以根據(jù)自己的關(guān)心重點來選者不同版塊的新聞快速瀏

40、覽，圖片新聞以及視頻新聞一般是本站推薦的新聞，其他幾個版塊有公告公示，專題報告、一些重要通知、分行要聞以及轄內(nèi)動態(tài)。瀏覽方法是先點擊圖標“”再點擊標題，跳轉(zhuǎn)到相應的頁面。</p><p>　　2.計劃安排：公司員工可以根據(jù)瀏覽到公司的每天的公司信息以及工作安排來安排自己的活動計劃。瀏覽方式與瀏覽新聞一樣。</p><p>　　3.組織生活：公司員工的生活情況以及業(yè)余活動。瀏覽方式與瀏覽新聞

41、一樣。</p><p>　　4.學習參考：公司員工通過此信息可以學習，關(guān)注城市的發(fā)展信息。瀏覽方式與瀏覽新聞一樣。</p><p>　　5.圖片展示：公司的作品欣賞。瀏覽方式與瀏覽新聞一樣。</p><p>　　6.部門導航：進入每個員工所在部門的網(wǎng)頁。瀏覽方式與瀏覽新聞一樣。</p><p>　　7.生日提醒：能瀏覽此月過生日的員工，方便員

42、工的互動。瀏覽方式與瀏覽新聞一樣。</p><p>　　8.友情鏈接：瀏覽者可以點友情鏈接進入相應的網(wǎng)站。這是網(wǎng)站與網(wǎng)站間的一個合作與推廣。在推薦其他網(wǎng)站的同時也方便了用戶進入該網(wǎng)站瀏覽。</p><p>　　9.建言獻策：為公司員工提供一個交互性平臺，員工發(fā)表意見和建議，讓管理員知道，管理員進行回復。</p><p>　　10.行長信箱：為公司員工提供一個交互性平

43、臺，對公司的意見和建議都可以讓行長知道，這也是一個交互性的功能。</p><p>　　3.1.2 系統(tǒng)界面要求</p><p>　　圖3-1 系統(tǒng)界面圖</p><p><b>　　3.2 數(shù)據(jù)流程圖</b></p><p>　　圖3-2 數(shù)據(jù)流程圖</p><p><b>　　第4章

44、系統(tǒng)設計</b></p><p>　　4.1 系統(tǒng)概要設計</p><p>　　系統(tǒng)的總體設計如圖3-1所示：</p><p>　　圖4-1 前臺功能模塊圖</p><p><b>　　4.2 數(shù)據(jù)庫設計</b></p><p>　　數(shù)據(jù)庫在一個信息管理系統(tǒng)中占有非常重要的地位，數(shù)據(jù)庫

45、結(jié)構(gòu)設計的好壞將直接對應用系統(tǒng)的效率及實現(xiàn)的效果產(chǎn)生影響。設計數(shù)據(jù)庫系統(tǒng)時應該首先充分了解用戶在各個方面的需求，包括現(xiàn)有的及將來可能增加的需求。</p><p>　　4.2.1 系統(tǒng)定義表</p><p>　　系統(tǒng)定義如表4-1所示：</p><p>　　表4-1 系統(tǒng)定義表</p><p>　　4.2.2 數(shù)據(jù)庫邏輯結(jié)構(gòu)設計</p&g

46、t;<p>　　數(shù)據(jù)庫表結(jié)構(gòu)設計如下：</p><p><b>　　表4-2部門管理表</b></p><p>　　表4-3 單位管理表</p><p>　　表4-4 用戶可以訪問的單位列表</p><p>　　表4-5 制造商提供欄目管理表</p><p>　　表4-6 單位欄目管

47、理表</p><p>　　表4-7 單位子欄目管理表</p><p>　　表4-8 單位員工管理表</p><p>　　表4-9 職務管理表</p><p>　　表4-10 用戶管理表</p><p>　　表4-11權(quán)限組管理表</p><p>　　表4-12 權(quán)限菜單管理表</p>

48、<p>　　表4-13 程序操作權(quán)限關(guān)聯(lián)表</p><p>　　表4-14 記錄訪問用戶量</p><p>　　表4-15登錄用戶動作履歷表</p><p>　　表4-16備份數(shù)據(jù)庫履歷</p><p>　　表4-17新聞公告等管理表</p><p>　　表4-18公告新聞等的附件管理表</p>

49、;<p>　　表4-19 如果新聞公告不是完全公開的，那么這里面記錄了指定的公開對象</p><p>　　表4-20 常用表格，軟件管理表</p><p>　　表4-21 建言獻策</p><p><b>　　4.3 詳細設計</b></p><p>　　4.3.1 前臺新聞瀏覽模塊</p>

50、<p>　　新聞瀏覽模塊圖如圖4-2所示：</p><p>　　圖4- 2新聞瀏覽模塊圖</p><p>　　新聞瀏覽模塊操作流圖如圖4-3所示：</p><p>　　圖4-3 新聞瀏覽模塊操作流圖</p><p>　　當點擊圖片或者視頻時可以直接進入新聞內(nèi)容；其他的新聞可以點擊字或者“”按鈕，彈出一個浮動窗口；然后可以點擊文章標題

51、，進行閱讀。</p><p>　　圖片新聞部分的設計代碼有：</p><p>　　<object id="myflash_play" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/sho

52、ckwave/cabs/flash/swflash.cab#version=6,0,29,0"</p><p>　　height="450" width="550"></p><p>　　<param name="movie" id="flashpalyer1" value="&

53、lt;%=strSwf%>" /></p><p>　　<param name="quality" value="high" /></p><p>　　<param name="allowFullScreen" value="true" /></p>

54、<p>　　<embed id="flashpalyer2" src="<%=strSwf%>" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"</p><p>　　type="applicatio

55、n/x-shockwave-flash" width="550" height="450" /></p><p><b>　　</embed></b></p><p>　　4.3.2 前臺計劃安排模塊</p><p>　　計劃安排模塊圖如圖4-4所示：</p>&

56、lt;p>　　圖4-4 計劃安排模塊圖</p><p>　　計劃安排操作流圖如圖4-5所示：</p><p>　　圖4-5 計劃安排模塊操作流圖</p><p>　　進入首頁時，如果點擊“行政值班”按鈕后，彈出浮動窗口，窗口顯示的事文章內(nèi)容。</p><p>　　4.3.3 前臺組織生活模塊</p><p>　　

57、組織生活模塊圖如圖4-6所示：</p><p>　　圖4-6 組織生活模塊圖</p><p>　　組織生活操作流圖如圖4-7所示：</p><p>　　圖4-7 組織生活模塊操作流圖</p><p>　　4.3.4 前臺學習參考模塊</p><p>　　學習參考模塊圖如圖4-8所示：</p><p&

58、gt;　　圖4-8 學習參考模塊圖</p><p>　　學習參考操作流圖如圖4-9所示：</p><p>　　圖4-9 學習參考模塊操作流圖</p><p>　　4.3.5 前臺圖片展示模塊</p><p>　　圖片展示模塊圖如圖4-10所示：</p><p>　　圖4-10 圖片展示模塊圖</p>&l

59、t;p>　　圖片展示操作流圖如圖4-11所示：</p><p>　　圖4-11 圖片展示模塊操作流圖</p><p>　　看專題圖片時，光標停留在“1,2,3,4”中的一個，點擊即可進入。</p><p>　　4.3.6 前臺建言獻策模塊</p><p>　　建言獻策模塊圖如圖4-12所示：</p><p>　　

60、圖4-12 建言獻策模塊圖</p><p>　　建言獻策操作流圖如圖4-13所示：</p><p>　　圖4-13 建言獻策模塊操作流圖</p><p>　　當點擊“建言獻策”或者“行長信箱”按鈕時，彈出窗口，內(nèi)容有標題（必填），發(fā)送人（必填），內(nèi)容，以及驗證碼。內(nèi)容部分可以修改字體，大小，格式等。</p><p>　　驗證碼設計部分代碼為：

61、</p><p>　　<img alt="" width="80" height="20" alt="" id="secunum" onclick="refimg()" style="display: none;" /></p><p>　

62、　<input class="code" type="text" value="" id="commentauthnum" name="authnum" onclick="displaysecunum();" /></p><p>　　<span style="dis

63、play: none;" id="spanfont">點擊圖片可刷新驗證碼</span> <span style="display: inline;"</p><p>　　id="clickfont">請點擊后輸入驗證碼?</span><span class="pl5">

64、 </span></p><p>　　4.3.7 前臺常用鏈接模塊</p><p>　　常用鏈接操作流圖如圖4-14所示：</p><p>　　圖4-14 常用鏈接模塊操作流圖</p><p>　　4.3.8 前臺生日提醒模塊</p><p>　　生日提醒操作流圖如圖4-15所示：</p>&

65、lt;p>　　圖4-15 生日提醒模塊操作流圖</p><p><b>　　第5章 系統(tǒng)實現(xiàn)</b></p><p>　　5.1前臺新聞瀏覽模塊的實現(xiàn)</p><p>　　頁面是用表格布局，通過調(diào)用CSS樣式來表達效果，需要加載數(shù)據(jù)的模塊，全部用repeater綁定數(shù)據(jù)。通過后臺來改變前臺的新聞標題。首頁主要包括以下幾個模塊：</p

66、><p>　　圖片和視頻新聞（給瀏覽者提供視頻和圖片，更直觀更生動地表達文章）</p><p>　　重要通知（管理員給瀏覽者發(fā)布公司重要的通知）</p><p>　　分行要聞（公司其他支行的重要新聞）</p><p>　　每日信息和工作計劃（給員工發(fā)布公司的安排計劃）</p><p><b>　　轄內(nèi)動態(tài)<

67、/b></p><p>　　公示公告（公司的一些重要通告）</p><p>　　專題報告（一些重要的系列報告）</p><p>　　員工之家和黨員生活（介紹員工的生活，展現(xiàn)公司員工的風采）</p><p><b>　　常用鏈接</b></p><p>　　建言獻策和行長信箱（為公司員工提供一

68、個平臺，對公司的意見和建議都可以讓管理員知道，這也是一個交互性的功能。）</p><p>　　前臺首頁的實現(xiàn)如圖5-1所示：</p><p>　　圖5-1 前臺界面設計圖</p><p>　　5.2前臺計劃安排模塊的實現(xiàn)</p><p><b>　　如圖5-2所示：</b></p><p><

69、;b>　　圖-2 工作計劃圖</b></p><p>　　5.3前臺建言獻策模塊的實現(xiàn)</p><p><b>　　如圖5-3所示：</b></p><p><b>　　圖-3 建言獻策圖</b></p><p>　　5-4 前臺常用鏈接模塊的實現(xiàn)</p><p

70、><b>　　如圖5-4所示：</b></p><p><b>　　第6章 系統(tǒng)測試</b></p><p>　　編碼完成后，就要對源程序進行測試。軟件測試的目的在于爭取在第一時間發(fā)現(xiàn)程序中的錯誤，以便于及時糾錯，增加軟件可靠性。它在整個系統(tǒng)設計實施過程中占有相當?shù)姆至?。測試是軟件開發(fā)時期的最后一個階段，也是軟件質(zhì)量保證中至關(guān)重要的一個環(huán)節(jié)

71、。</p><p>　　6.1 系統(tǒng)測試的基本原則</p><p>　　1.所有測試都應該能追溯到用戶需求。</p><p>　　2.應該遠在測試開始之前就制定出測試計劃。實際上，一旦完成了需求模型就可以著手制定測試計劃，在建立了設計模型之后就可以立即開始設計詳細的測試方案。</p><p>　　3.應該從“小規(guī)?！睖y試開始，并逐步進行“大規(guī)

72、模”測試。通常首先重點測試單個程序模塊，然后把測試重點轉(zhuǎn)向在集成的模塊簇中尋找錯誤，最后在整個系統(tǒng)中尋找錯誤。</p><p>　　6.2 軟件測試方法</p><p>　　測試任何軟件都有兩種方法：黑盒測試和白盒測試。</p><p>　　對于軟件測試而言，黑盒測試法把程序看成一個黑盒子，完全不考慮程序的內(nèi)部結(jié)構(gòu)和處理過程，也就是說，黑盒測試是在程序接口進行的測試

73、，它只檢查程序功能是否能按照規(guī)格說明書的規(guī)定正常使用，程序是否能適當?shù)亟邮茌斎霐?shù)據(jù)產(chǎn)生正確地輸出信息，并且保持外部信息地完整性。黑盒測試又稱為功能測試。</p><p>　　與黑盒測試法相反，白盒測試法地前提是可以把程序看成裝在一個透明地白盒子里，也就是完全了解程序的結(jié)構(gòu)和處理過程。這種方法按照程序內(nèi)部的邏輯測試程序，檢驗程序中的每條通路是否都按預定要求正確工作。白盒測試又稱為結(jié)構(gòu)測試。</p>&

74、lt;p>　　本進網(wǎng)站決定采用黑盒測試法，即知道了網(wǎng)站應該具有的功能，可以通過測試來檢驗是否每個功能都能正常使用。</p><p>　　6.3 系統(tǒng)測試結(jié)論</p><p><b>　　6.3.1軟件能力</b></p><p>　　經(jīng)過軟件測試，表明軟件的應用功能還算比較完善，基本要求的功能都能正常的實現(xiàn)。</p><

75、;p><b>　　6.3.2結(jié)論</b></p><p>　　由于個人能力有限，時間倉促，網(wǎng)站尚有很多不足之處，雖然可以完成界面設計，但是它還還有很多需要改進完善的地方。 </p><p>　　6.4 系統(tǒng)維護建議</p><p>　　不管軟件還是硬件總有出錯的時候，系統(tǒng)出現(xiàn)錯誤時，有可能導致數(shù)據(jù)庫中數(shù)據(jù)的丟失，一些重要數(shù)據(jù)的丟失可能會

76、導致巨大的損失，另外，由于業(yè)務的發(fā)展，許多數(shù)據(jù)需要不定期的進行更新、或調(diào)整。諸多因素導致對于數(shù)據(jù)我們應當提供專門維護，如數(shù)據(jù)庫需要定期備份，本系統(tǒng)使用后臺的SQL數(shù)據(jù)庫。維護過程本質(zhì)上是修改和壓縮了的軟件定義和開發(fā)過程，而且事實上遠在提出一項維護要求之前，與軟件維護有關(guān)的工作就已經(jīng)開始了。由于本軟件存在著一些缺陷和限制，需要對其進行必要的維護和改進 。</p><p><b>　　結(jié)論</b>

77、;</p><p>　　將基于Ajax的新聞管理發(fā)布系統(tǒng)作為我畢業(yè)設計的課題，是對我?guī)啄陮W習中理論知識和實踐相結(jié)合的一次綜合檢驗。通過這次畢業(yè)設計，開發(fā)本系統(tǒng)使我受益匪淺。</p><p>　　在這次畢業(yè)設計之前，我對基于Ajax技術(shù)并不是很熟，對CSS也不是很懂，所以開發(fā)這個新聞發(fā)布系統(tǒng)，我付出了大量的時間。但是，我得到的收獲很多，不僅僅是技術(shù)層面上的，也是對網(wǎng)站的一種全新認知，平時只知

78、道這些新聞網(wǎng)站很漂亮，給我們帶來更快捷，更流暢地操作體驗。通過對此新聞前臺的開發(fā)，使我對這些網(wǎng)站背后的設計人員刮目相看，不停地嘗試各種最新技術(shù)，才使網(wǎng)站做得更好，更愉悅大眾。 </p><p>　　由于自己的分析設計和程序經(jīng)驗不足，該系統(tǒng)設計和實現(xiàn)過程中，還有許多沒有完善的地方，新聞前臺的設計不是很理想，部分功能還沒能夠?qū)崿F(xiàn)。這充分顯示出我平時的學習和實踐結(jié)合的太少，我應該進一步加強學習，對于文中出現(xiàn)的不足和系

79、統(tǒng)中出現(xiàn)的問題請各位老師指導。</p><p><b>　　致謝</b></p><p>　　在即將答辯和畢業(yè)之際，我非常感謝在我大學四年生活中傳授給我知識，教給我人生哲理的大學的老師們!</p><p>　　感謝我的指導老師的悉心指導，老師認真負責的態(tài)度一直督促和激勵著我，在論文的選題和程序的編寫以及論文的最終定稿中，老師都付出大量的心血，借

80、此機會向老師致以衷心的感謝。</p><p>　　當然也不能忘記生我，養(yǎng)我及栽培我的父母親。</p><p>　　還要對在大學學習、生活和論文撰寫期間給予我大力幫助的兄弟們表示感謝。</p><p>　　感謝評閱我的論文和出席論文答辯的諸位老師在百忙中給予的悉心指導。</p><p>　　最后，我要感謝常工院，在步入社會前的這四年里，帶給我快

81、樂，帶給我成長。</p><p><b>　　參考資料</b></p><p>　　[1] 姚國新.基于Ajax的WEB應用技術(shù)的研究與實現(xiàn)[D].西安：西北大學，2006.</p><p>　　[2] Chris Ullman，Lucinda Dykes.Ajax入門經(jīng)典[M].清華大學出版社.</p><p>　　[

82、3] 薩師煊,王珊.數(shù)據(jù)庫系統(tǒng)概論[M].高等教育出版社,2002.2:3~460.</p><p>　　[4] 林博辭.Ajax框架及JSON技術(shù)在J2EE架構(gòu)中的研究與應用[D].大連：大連海事學院，2012.</p><p>　　[5] 呂林濤，萬經(jīng)華，周紅芳.基于Ajax的Web無刷新頁面快速更新數(shù)據(jù)方法[J].計算機應用研究，2006,11.</p><p&g

83、t;　　[6] 譚恒松.《淺談JSON在Ajax數(shù)據(jù)交換中的應用》[J].福建電腦.2012,7.</p><p>　　[7] Alessandro Bozzon，Sara Comai，Piero Fraternalid等.《Foundations of ASP.NET AJAX》[J].中國知網(wǎng).</p><p>　　[8] 游麗貞，郭宇春，李純喜.Ajax引擎的原理與應用[J].微計算

84、機信息（管控一體化），2006,22（2-3）.</p><p>　　[9] 劉飛.《Ajax技術(shù)及其在．NET下的實現(xiàn)》[J].福建電腦.2012,8.</p><p>　　[10] 宣以廣.Ajax應用安全研究[J].信息安全與通信保密，2012,1.</p><p>　　[11] 李學峰.電子文檔管理系統(tǒng)的設計與實現(xiàn)[D].2005.</p>&