基于WEB的校園新聞發(fā)布系統(tǒng)畢業(yè)論文

1、2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 呼倫貝爾學(xué)院 計算機科學(xué)與技術(shù)學(xué)院 本科生畢業(yè)論文本科生畢業(yè)論文(設(shè)計設(shè)計) 題 目：基于 web 的校園新聞發(fā)布系 統(tǒng) 學(xué)生姓名： * 學(xué) 號： 專業(yè)班級： 指導(dǎo)教師： 完成時間： 2012 年 5 月 21 日 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 目 錄 摘 要.i abstract.ii 第 1 章 緒論.1 1.1 設(shè)計背景 .1 1.2 研究目的 .1 1.3 開發(fā)工具 .1 1.3.1 asp 簡介.1 1.3.2 access 簡介.2 1.3.3 html.2 第 2 章 系統(tǒng)分析.4 2.1 可行性分析 .4 2.2

2、 需求分析 .4 第 3 章 系統(tǒng)設(shè)計.6 3.1 基本結(jié)構(gòu)和處理流程 .6 3.2 數(shù)據(jù)庫設(shè)計 .6 3.3 數(shù)據(jù)庫 e-r 圖.8 3.4 系統(tǒng)的特點 .9 第 4 章 系統(tǒng)實現(xiàn).11 4.1 后臺設(shè)計 .11 4.1.1 頁面登陸實現(xiàn).11 4.2.2 信息管理模塊.13 4.2 前臺設(shè)計 .20 結(jié) 論.23 參考文獻(xiàn).24 致 謝.25 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 摘 要 隨著電子計算機技術(shù)的發(fā)展，人類已經(jīng)逐漸地進(jìn)入信息化社會。計算 機也逐漸普及，更多的人與它開始接觸，它正在迅速的改變著人們的生活、 學(xué)習(xí)、工作方式，更多的人開始通過網(wǎng)絡(luò)查詢資料，學(xué)生和家長也從網(wǎng)絡(luò)

3、 上了解一個學(xué)校的情況，越來越多的學(xué)校有了自己的網(wǎng)站。因此，本人開 發(fā)了校園新聞發(fā)布系統(tǒng)，使用校園新聞發(fā)布系統(tǒng)后，使得社會、老師和學(xué) 生更快的了解學(xué)校動態(tài)，更方便的共享學(xué)校的資源，同時讓社會通過這個 系統(tǒng)的圖片、文字等方面更充份的了解學(xué)校的情況。該系統(tǒng)采用 browser/server 模式架構(gòu)進(jìn)行設(shè)計，使用 asp 編程語言進(jìn)行編寫，同時使 用目前流行的 div+css 進(jìn)行前臺布局，在程序開發(fā)過程中，還使用了 javascript、css、html 等輔助語言。 系統(tǒng)主要由學(xué)院簡介，學(xué)院新聞，學(xué)院通知，學(xué)生活動，資料下載等 模塊組成。具有操作簡單，方便管理和維護(hù)等特點。 關(guān)鍵字關(guān)鍵字 新聞

4、系統(tǒng)；b/s；軟件工程；編程 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 abstract along with the computer technology development, human has gradually entered the information society. the computer also grew in popularity, more people and it began to contact, it is rapidly changing the peoples life, way of study and working, more peop

5、le are beginning to through the network inquires the material, students and parents also went up from the network to understand a school, more and more school have their own web sites. therefore, i developed a campus news release system, using the campus after news release system, make social, teach

6、ers and students know the school dynamic faster, more convenient to share the resources of the school, at the same time, let the people from all over the country through the system of pictures, text, sounds, etc, more sufficient understanding of the school. the system adopts the browser/server mode

7、framework design, use asp programming language to write, at the same time, using the current popular div + css layout for the front desk, in the process of development program, still use the javascript, css, html auxiliary language. system mainly by the college introduction, college news, college no

8、tice, students activities, material downloads module. with simple operation, easy management and maintenance etc. characteristics. keywords news system; browser/server; programming; software engineering 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 第 1 章 緒論 1.1 設(shè)計背景 隨著電子計算機技術(shù)的發(fā)展，人類已經(jīng)逐漸地進(jìn)入信息化社會。同時 人們對信息和數(shù)據(jù)的利用與處理也已進(jìn)入自動化的階段

9、，在各行各業(yè)中離 不開計算機，更離不開信息處理，這正是計算機被廣泛應(yīng)用于信息管理系 統(tǒng)的原因。其次，現(xiàn)在計算機已經(jīng)成為人們生活中必不可少的工具。計算 機的最大好處在于利用它能夠進(jìn)行管理，方便快捷的辦公。使用計算機進(jìn) 行信息控制，不僅提高了工作效率，而且大大的提高了系統(tǒng)的安全性。因 此，開發(fā)相關(guān)的信息管理系統(tǒng)已經(jīng)成為各行各業(yè)的必要和必需了。更多的 人借助網(wǎng)絡(luò)了解一些事物，學(xué)生通過網(wǎng)絡(luò)查找一個學(xué)校的資料，更多的了 解這個學(xué)校的信息。學(xué)校在網(wǎng)絡(luò)上發(fā)布自己的信息，例如：論壇、社區(qū)、 貼吧等等，這些信息比較零散，如果有一個自己的網(wǎng)絡(luò)平臺就可以更詳細(xì) 的、完整的發(fā)布學(xué)校的信息，使用戶不用在整個網(wǎng)絡(luò)里搜索，

10、只要在這個 平臺里就可以找到所有的信息。因此，學(xué)校有一個自己的網(wǎng)絡(luò)平臺是必不 可少的。 1.2 研究目的 通過本系統(tǒng)可以使得學(xué)校、學(xué)生、老師和社會之間的資源與消息的快 速共享。旅游管理與地理科學(xué)學(xué)院的管理員可以通過本系統(tǒng)發(fā)布文章和下 載資源，學(xué)生打開本系統(tǒng)后點擊相關(guān)的欄目可以進(jìn)行查看文章，也可以點 擊需要下載的資源，下載資源。隨著計算機的普及，越來越多的人開始使 用計算機，并通過網(wǎng)絡(luò)查找資料，通過網(wǎng)絡(luò)查找資料不僅方便而且速度快， 很多家長和學(xué)生也通過網(wǎng)絡(luò)查找一些資料，他們可以通過這個網(wǎng)絡(luò)平臺更 方便更快捷的了解學(xué)校的相關(guān)信息，社會也可以從更多的角度去了解本校。 1.3 開發(fā)工具 本系統(tǒng)開發(fā)的過

11、程中使用了 asp 語言、javascript 腳本語言、html 語言，其中 asp 語言調(diào)用數(shù)據(jù)庫的數(shù)據(jù)，javascript 腳本語言用來做一些 數(shù)據(jù)合法性的判斷，方便用戶數(shù)據(jù)準(zhǔn)確的輸入，html 語言是用來承載 asp、javascript 語言的。在程序開發(fā)的過程中借助 dreamweaver 開發(fā)軟件 使得程序開發(fā)更加方便。 1.3.1 asp 簡介 asp 是 active server page 的縮寫，意為“動態(tài)服務(wù)器頁面” 。asp 是 微軟公司開發(fā)的代替 cgi 腳本程序的一種應(yīng)用1，它可以與數(shù)據(jù)庫和其它 程序進(jìn)行交互，是一種簡單、方便的編程工具。asp 的網(wǎng)頁文件的格式

12、是 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 *.asp，現(xiàn)在常用于各種動態(tài)網(wǎng)站中。另外阿斯匹林、天門冬氨酸、阿里軟 件銷售合作伙伴、美國武裝系統(tǒng)暨程序公司等的縮寫也都為 asp。 asp 是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運行動態(tài)網(wǎng)頁或 web 應(yīng)用程序。asp 網(wǎng)頁可以包含 html 標(biāo)記、普通文本、腳本命令以及 com 組件等。利用 asp 可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單） ，也 可以創(chuàng)建使用 html 網(wǎng)頁作為用戶界面的 web 應(yīng)用程序。 asp 的運行環(huán)境， 在 windows 2000/px 操作系統(tǒng)中需要安裝 iis3.0 及 以上版本來支持 asp 的運

13、行2，iis 所提供的功能比較完善。 1.3.2 access 簡介 microsoft office access(前名 microsoft access)是由微軟發(fā)布的關(guān)聯(lián)式 數(shù)據(jù)庫管理系統(tǒng)3。它結(jié)合了 microsoft jet database engine 和圖形用戶界面 兩項特點，是 microsoft office 的成員之一5。 access 2003 就是關(guān)系數(shù)據(jù)庫開發(fā)工具，數(shù)據(jù)庫能匯集各種信息以供查 詢、存儲和檢索。access 的優(yōu)點在于它能使用數(shù)據(jù)表示圖或自定義窗體收 集信息，而且它使用起來也是特別的方便和簡單。數(shù)據(jù)表示圖提供了一種 類似于 excel 的電子表格，可以

14、使數(shù)據(jù)庫一目了然。另外，access 允許創(chuàng) 建自定義報表用于打印或輸出數(shù)據(jù)庫中的信息。access 也提供了數(shù)據(jù)存儲 庫6，可以使用桌面數(shù)據(jù)庫文件把數(shù)據(jù)庫文件置于網(wǎng)絡(luò)文件服務(wù)器，與其 他用戶共享數(shù)據(jù)庫。access 是一種關(guān)系數(shù)據(jù)庫工具，關(guān)系數(shù)據(jù)庫是已開發(fā) 的最通用的數(shù)據(jù)庫之一。如上所述，access 作為關(guān)系數(shù)據(jù)庫開發(fā)具備了許 多優(yōu)點，可以同時擁有桌面數(shù)據(jù)庫的便利和關(guān)系數(shù)據(jù)庫的強大功能7。為 建立功能完善的數(shù)據(jù)庫管理系統(tǒng)提供了方便，也使得普通用戶不必編寫代 碼，就可以完成大部分?jǐn)?shù)據(jù)管理的任務(wù)。 微軟的 jet 數(shù)據(jù)庫引擎（操作數(shù)據(jù)庫的一段程序或程序段）提供了與 數(shù)據(jù)庫打交道的途徑，我們是通

15、過它以及 asp.net 來訪問數(shù)據(jù)庫，并對其 進(jìn)行各種操作。asp.net、access 以及其他微軟的軟件產(chǎn)品都是通過共用 jet 數(shù)據(jù)庫引擎，從而給用戶提供了豐富的數(shù)據(jù)類型。 1.3.3 html html（hypertext markup language，超文本標(biāo)記語言） ，它用 html 標(biāo)記來標(biāo)注文本或圖形的屬性。即使用 frontpage 制作網(wǎng)頁，文件里最后存 入的其實也是 html 語言。下面就簡單介紹一下常用的 html 標(biāo)記。 1html 文件結(jié)構(gòu)很簡單，結(jié)構(gòu)嚴(yán)謹(jǐn)清晰 標(biāo)題文字頭部內(nèi)容 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 文檔主體內(nèi)容 html 是由英文單詞

16、或字母和,/等組成的。英文單詞或字母，稱為 標(biāo)記。,/等稱為標(biāo)識符。有些標(biāo)記是成對出現(xiàn)的，如文檔主體內(nèi) 容。前面一個表示標(biāo)記開始起作用，下面表示這種標(biāo)記的作用。個 別標(biāo)記是單個的。標(biāo)記可以嵌套使用，也不區(qū)分大小寫。 2html 主要標(biāo)記 表示這是一個 html 文檔。 表示這是文檔頭部。 位于文檔頭部，瀏覽時顯示在瀏覽器標(biāo)題欄中。 表示文檔主體部分。 換行 3標(biāo)記的屬性 大部分標(biāo)記都可以使用各種修飾屬性，如排列屬性 align、背景色 backcolor、寬度 width、高度 height 等屬性。 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 第 2 章 系統(tǒng)分析 2.1 可行性分析 已

17、具備的條件：用戶可以查看各類新聞以及下載相關(guān)資源；管理員可 查看、發(fā)布、修改、刪除新聞，以及對密碼修改。 待解決的問題：數(shù)據(jù)庫的構(gòu)建、庫的連接、各個表的創(chuàng)建、代碼編寫、 頁面的設(shè)計實現(xiàn)、數(shù)據(jù)調(diào)用、系統(tǒng)數(shù)據(jù)庫安全實現(xiàn)。旅游管理與地理科學(xué) 學(xué)院的系統(tǒng)免費運行在呼倫貝爾學(xué)院的網(wǎng)站服務(wù)器上，系統(tǒng)由本人制作， 系統(tǒng)的后期維護(hù)也是由本人免費維護(hù)。系統(tǒng)的制作和運營的成本特別低。 采取的編程語言和數(shù)據(jù)庫：asp 編程語言和 access 數(shù)據(jù)庫。 枝術(shù)可行性方面，該網(wǎng)站使用 asp 作為編程語言，具有效率高、可重 用性強、代碼量少等優(yōu)點。access 為數(shù)據(jù)庫環(huán)境，具有強大的存儲功能和 查詢功能。經(jīng)濟(jì)可行性方

18、面，由于該系統(tǒng)由本人制作，而且系統(tǒng)服務(wù)器由 呼倫貝爾學(xué)院已經(jīng)運行的服務(wù)器作為本系統(tǒng)的服務(wù)器端，維護(hù)人員由旅游 管理與地理科學(xué)學(xué)院學(xué)生維護(hù)，系統(tǒng)操作簡單，只需要半天培訓(xùn)即可使用。 運行可行性方面，該系統(tǒng)運行時分為兩種權(quán)限：普通用戶、管理員用戶。 實現(xiàn)各個不同用戶的操作權(quán)限。 通過對上述幾方面進(jìn)行可行性分析和研究后，我們認(rèn)為該項目的開發(fā) 是可行的。 2.2 需求分析 客戶可以在鏈接網(wǎng)絡(luò)的計算機上在線瀏覽旅游管理與地理科學(xué)學(xué)院的 信息和下載學(xué)院的資源，但是沒有發(fā)布和修改系統(tǒng)信息的權(quán)限；本系統(tǒng)目 前設(shè)定一個超級管理員，當(dāng)管理員登錄后可以發(fā)布、編輯和刪新聞，通過 后臺編輯新聞置頂屬性，可以使首頁某個欄目

19、新聞置頂顯示，同樣管理員 也可以修改登錄密碼。 系統(tǒng)使用 asp 語言編寫，管理員發(fā)布信息后，提交到驗證頁面，由系 統(tǒng)的 javascript 語句驗證管理員發(fā)布的信息是否合法，如果合法就寫入數(shù)據(jù) 庫，之后就能夠被子程序調(diào)用到系統(tǒng)前臺的相應(yīng)目顯示，否則管理員重新 填寫數(shù)據(jù)。管理員在對信息修改后，提交到數(shù)據(jù)驗證頁面對數(shù)據(jù)的合法性 進(jìn)行驗證，例如某個數(shù)據(jù)不能為空。 在系統(tǒng)安全方面，首先當(dāng)系統(tǒng)管理員登陸的時候，系統(tǒng)會自動記錄用 戶登錄的信息，包括用戶登錄的 ip 地址和用戶名稱等，如果系統(tǒng)出現(xiàn)了數(shù) 據(jù)的丟失問題，就可以通過出現(xiàn)問題的時間段，查詢到數(shù)據(jù)庫中的用戶登 錄 ip 地址，從而進(jìn)一步的查到使用

20、人。其次，如果通過系統(tǒng)后臺刪除數(shù)據(jù)， 數(shù)據(jù)是可以恢復(fù)的，系統(tǒng)后臺的刪除只是給數(shù)據(jù)標(biāo)記了一個刪除標(biāo)記，在 前臺的數(shù)據(jù)調(diào)用是排除了標(biāo)記刪除的數(shù)據(jù)。然后，對數(shù)據(jù)庫的名稱加入特 殊的字符“#” ，可以防止非法用戶下載數(shù)據(jù)庫，從而獲得數(shù)據(jù)庫的管理員 賬號和密碼；數(shù)據(jù)庫中加入了一個防止下載的表，數(shù)據(jù)庫的字段值是 ole 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 對象，如果用戶非法下載數(shù)據(jù)庫，那么就會被中斷，因為網(wǎng)絡(luò)不允許對 ole 對象進(jìn)行下載。再次，對后臺的每一個管理頁面進(jìn)行了用戶是否登錄 驗證，防止非法用戶在沒有登錄的狀態(tài)下對后臺的數(shù)據(jù)進(jìn)行修改。最后， 對數(shù)據(jù)庫的用戶密碼進(jìn)行了 md5 加密，管

21、理員的密碼長度越長，md5 被 破解的難度就會加大。 系統(tǒng)主要由學(xué)院概況，機構(gòu)設(shè)置，黨團(tuán)建設(shè)，教育教學(xué)，科學(xué)研究， 招生就業(yè)，校友之窗，文件下載以及網(wǎng)站首頁還有一個快捷功能模塊入口， 其中包含實踐教學(xué)，導(dǎo)游資格考試，學(xué)生講壇，學(xué)子風(fēng)采，體驗旅地這幾 個功能模塊組成。學(xué)院概況欄目主要簡紹了學(xué)院的領(lǐng)導(dǎo)和學(xué)院的歷史以及 學(xué)院的現(xiàn)有狀況；機構(gòu)設(shè)置欄目主要對現(xiàn)有的黨政領(lǐng)導(dǎo)、工會、學(xué)術(shù)委員 會、教學(xué)委員會和院內(nèi)環(huán)節(jié)的負(fù)責(zé)人進(jìn)行了簡單的簡紹；黨團(tuán)建設(shè)欄目主 要對黨務(wù)工作、工會工作和學(xué)生工作中的重要事件進(jìn)行發(fā)布；教育教學(xué)欄 目主要對現(xiàn)有的教師隊伍的人員進(jìn)行了簡單的簡紹等一些主要功能。系統(tǒng) 的功能圖如圖 2-1

22、 所示。 圖 2-1 主要功能模塊圖 打開系統(tǒng)后，普通用戶可以瀏覽系統(tǒng)前臺各個欄目的文章，也可以打 開資源下載頁面，下載需要的資源。管理員登陸系統(tǒng)后，可以對各個欄目 的文章進(jìn)行發(fā)布和修改，對資源進(jìn)行發(fā)布，對管理員密碼進(jìn)行修改。其流 程圖如圖 2-2 所示。 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 圖 2-2 系統(tǒng)流程圖 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 第 3 章 系統(tǒng)設(shè)計 3.1 基本結(jié)構(gòu)和處理流程 當(dāng)用戶為管理員時系統(tǒng)主要分為以下幾個功能模塊：管理員登錄模塊， 密碼修改模塊，信息發(fā)布、修改和刪除模塊，系統(tǒng)退出模塊。管理員登陸 模塊主要是通過驗證用戶輸入的用戶名、密碼和

23、驗證碼是否和數(shù)據(jù)中的值 匹配從而使管理員登陸，管理員登陸后，系統(tǒng)會生成一個 session 會話，用 來標(biāo)記管理員登陸，之后有權(quán)限打開后臺的其它模塊。當(dāng)管理員登陸后才 能進(jìn)入密碼修改模塊，用戶輸入舊的管理員密碼和倆個相同的新密碼才能 修改密碼。管理員登陸后才能對信息進(jìn)行發(fā)布、修改和刪除。管理員點擊 退出模塊，系統(tǒng)清除用戶登陸的 session 會話5，用戶安全退出，并返回到 系統(tǒng)首頁。 當(dāng)用戶是普通用戶時系統(tǒng)分為以下兩個模塊：前臺新聞瀏覽，和前臺 資源下載。普通用戶不需要登陸就可以查看系統(tǒng)前臺各個欄目的文章，以 及下載相關(guān)資源。其功能模塊圖，如圖 3-1 所示。 圖 3-1 能模塊圖 3.2

24、數(shù)據(jù)庫設(shè)計 根據(jù)系統(tǒng)功能設(shè)計的需求、系統(tǒng)安全以及功能模塊的劃分，所需數(shù)據(jù) 庫信息存儲表有 4 張，其中主要表的具體設(shè)計如下。 系統(tǒng)采用 access 數(shù)據(jù)庫，首要問題是建立后臺的數(shù)據(jù)庫。數(shù)據(jù)庫中 的數(shù)據(jù)資料來源于旅游管理與地理科學(xué)學(xué)院教學(xué)過程中的各種資料數(shù)據(jù)。 經(jīng)過仔細(xì)比較和綜合之后，充分考慮便于管理和執(zhí)行效率，建立信息 數(shù)據(jù)庫，分別命名為：j_admin 表（管理員登陸表） 、j_log 表(用戶登陸信息 記錄表)、j_news 表（學(xué)院新聞表） 、%nodown 表（這個表主要功能是防 止下載本網(wǎng)站的數(shù)據(jù)庫） 。 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 1管理員登陸表：管理員表記錄

25、了管理員的登陸密碼和登陸的 ip，以 及加入了權(quán)限和隨機數(shù)這兩個字段，方便日后系統(tǒng)的進(jìn)一步升級，具體數(shù) 據(jù)見表 3-2。 表 3-2 j_admin 字段名稱數(shù)據(jù)類型字段大小必填字段 id自動編號5是 adminname文本18是 username文本18否 password文本18是 purview數(shù)字2否 lastloginip文本18否 lastlogintime日期/時間19否 lastlogouttime日期/時間19否 logintimes數(shù)字5否 rndpassword文本18否 2用戶登陸信息記錄表：用戶登陸信息表記錄了管理員每一次登陸的 部分信息，例如用戶登陸的 ip 地址、

26、登陸的日期等，作為管理員登陸日志， 具體數(shù)據(jù)如表 3-3 所示 表 3-3 j_log 字段名稱數(shù)據(jù)類型字段大小必填字段 logid自動編號5是 logtype文本2否 channelid數(shù)字2否 logtime日期/時間19是 username文本18是 userip文本18是 logcontent文本225否 scriptname文本225否 poststring備注225否 3防止下載表：這個表的建立不是用來存儲數(shù)據(jù)的，是用來防止非法 用戶下載數(shù)據(jù)庫的，access 的數(shù)據(jù)庫被下載的時候也是做為 asp 的解釋程 序。當(dāng)出現(xiàn)了“%”時服務(wù)器會認(rèn)為是 asp 的分界符。而后面的數(shù)據(jù)肯 定是

27、二進(jìn)制的。所以不能下載，具體數(shù)據(jù)如表 3-4 所示 表 3-4 %nodown 字段名稱數(shù)據(jù)類型字段大小必填字段 %ole 對象 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 4學(xué)院新聞表：用來存放學(xué)院所有新聞和資源文章，delflag 是用來 作為記錄被刪除的標(biāo)記，記錄被調(diào)用時，會按照 top 字段和以及日期字段 進(jìn)行排序，具體數(shù)據(jù)如表 3-5 所示 表 3-5 j_news 字段名稱數(shù)據(jù)類型字段大小必填字段 id自動編號5是 title文本38是 connect備注225是 time日期/時間19是 adder文本18是 hits數(shù)字5否 class數(shù)字5否 newid數(shù)字5否 delf

28、lag布爾否 top數(shù)字1否 3.3 數(shù)據(jù)庫 e-r 圖 在系統(tǒng)的數(shù)據(jù)庫設(shè)計中，先要對系統(tǒng)分析得到的數(shù)據(jù)庫字典中的數(shù)據(jù) 存儲進(jìn)行分析4，分析各數(shù)據(jù)存儲之間的關(guān)系，然后得出系統(tǒng)的關(guān)系模式， 為了把用戶的數(shù)據(jù)要求清晰明確地表達(dá)出來，通常要建立一個概念性的數(shù) 據(jù)模型（也稱為信息模型）5。概念性數(shù)據(jù)模型是一種面向問題的數(shù)據(jù)模 型，是按照用戶的現(xiàn)實環(huán)境，且與在軟件系統(tǒng)中的實現(xiàn)方法無關(guān)。最常用 的表示概念性數(shù)據(jù)模型的方法，實體-聯(lián)系圖(entity relationship diagram） 6。這種方法用 e-r 圖描述現(xiàn)實世界中的實體，而不涉及這些實體在系統(tǒng) 中的實現(xiàn)方法。用干這種方法表示的概念性數(shù)據(jù)

29、模型又稱為 e-r 模型。e- r 模型中包含“實體、聯(lián)系、屬性”三部分7。 管理員包括：編號，名字，會員名，密碼，登錄 ip，登錄時間，退出 時間，登錄次數(shù)，驗證碼，實體屬性圖如圖 3-6 所示： 圖 3-6 管理員實體屬性圖 登錄日志包括：編號，日志類型，頻道 id，操作時間，操作人，ip 地 址，操作信息，程序名，參數(shù)內(nèi)容，實體屬性圖如圖 3-7 所示。 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 圖 3-7 登錄日志實體屬性圖 新聞包括：編號，標(biāo)題，內(nèi)容，日期，添加人，閱覽次數(shù)，類別，排 序，刪除標(biāo)志，置頂，實體屬性圖 s 如圖 3-8 所示。 圖 3-8 新聞實體屬性圖 下面給出

30、本系統(tǒng)的 e-r 圖如圖 3-9 所示。 圖 3-9 e-r 圖 3.4 系統(tǒng)的特點 1管理界面友好 本系統(tǒng)在開發(fā)過程中，嚴(yán)格遵循系統(tǒng)的界面可視化風(fēng)格。界面簡潔統(tǒng) 一，易學(xué)易用。交互性強，易于大多數(shù)人群操作。 2操作簡單 在數(shù)據(jù)提交的過程中，加入了 javascript 語句判斷8，如果用戶輸入錯 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 誤就會有相應(yīng)的錯誤提示。 3代碼編寫方面 系統(tǒng)前臺使用了目前流行的 div+css 進(jìn)行布局9，代碼加載速度快， 兼容性好，適應(yīng)多種瀏覽器瀏覽。 4安全方面 對數(shù)據(jù)庫進(jìn)行了防下載、防注入等方面的安全防范10。數(shù)據(jù)庫對用戶 每次登錄進(jìn)行了詳細(xì)的記載。 5

31、seo 優(yōu)化 本網(wǎng)站進(jìn)行了簡單的 seo 優(yōu)化，對網(wǎng)站關(guān)鍵字和描述方面進(jìn)行了優(yōu)化 11，并且在網(wǎng)站根目錄下建立了 robots.txt 和網(wǎng)站地圖，方便搜索機器人的 采集和收錄，防止非法搜索機器人搜索，占用大量的服務(wù)器資源。 6用戶密碼防泄露 本站點對用戶的密碼進(jìn)行了 md5 加密12，即使數(shù)據(jù)庫泄露也不會馬 上破解用戶登陸密碼。 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 第 4 章 系統(tǒng)實現(xiàn) 4.1 后臺設(shè)計 4.1.1 頁面登陸實現(xiàn) 功能描述：用戶輸入用戶名、密碼和驗證碼后，點擊登錄，系統(tǒng)首先 會驗證用戶名、密碼和驗證碼是否為空，如果有一個以上的為空，提示用 戶名、密碼或驗證碼為空并

32、返回重新登錄；如果用戶名、密碼和驗證碼都 不為空，然后系統(tǒng)測試驗證碼是否正確，如果不正確提示驗證碼錯誤，返 回重新登錄，如果正確，驗證密碼和用戶名稱是否正確，如果都正確就登 錄成功，系統(tǒng)會做一個 session 會話13，用來記錄管理員已經(jīng)登錄，之后轉(zhuǎn) 入管理界面，否則提示密碼或用戶名錯誤并返回重新登錄。 其頁登陸界面如圖 4-1 所示，用戶登錄模塊的程序流程圖如圖 4-2 所示。 圖 4-1 管理員登錄界面 圖 4-2 程序流程圖 部分主要代碼如下： % dim sql, rs dim username, password, checkcode, rndpassword 2013 畢業(yè)設(shè)計論

33、文 2013 畢業(yè)設(shè)計論文 username = replacebadchar(trim(request(username) password = replacebadchar(trim(request(password) if username = then founderr = true errmsg = errmsg history.go(-1);) else openconn() set rs=server.createobject(adodb.recordset) rs.open select * from j_news where id=location.href=admin_ne

34、ws.asp ;) conn.close set conn=nothing 獲取表單傳過來的 id 值，并設(shè)置這個 id 的記錄 delflag 的值為假， 顯示提示信息，關(guān)閉數(shù)據(jù)庫，并把定義的組件設(shè)置為空。 6信息增加界面： 功能描述：增加某個欄目的文章，界面如圖 4-7 所示。 圖 4-7 增加信息界面 頁面部分代碼如下： if (lb=0) then response.write(學(xué)院簡介歷任 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 領(lǐng)導(dǎo)歷史回顧) end if % % if (lb=1) then response.write(黨政領(lǐng)導(dǎo)工 會學(xué)術(shù)委員會教學(xué)委 員會院內(nèi)環(huán)節(jié)) e

35、nd if % 當(dāng)點擊某個欄目的后，系統(tǒng)獲取傳遞過來的值，判斷返回的欄目數(shù)據(jù)。 7信息增加驗證界面： 功能描述：驗證提交表單數(shù)據(jù)是否合法，如果合法就添加數(shù)據(jù)。 頁面部分主要代碼如下： title=request.form(title) newsclass=request.form(newsclass) adder=request.form(adder) connect=request.form(connect) top=request.form(top) if title= or connect= then response.write(alert(請?zhí)韺懲暾畔?;history.go(-1

36、); ) else openconn() set rs=server.createobject(adodb.recordset) rs.open select * from j_news,conn,1,3 if not rs.eof then rs.movelast newid=rs(newid)+1 獲取表單傳遞過來的值，驗證變量是否為空，如果不為空就添加數(shù)據(jù) 到數(shù)據(jù)庫，否則，提示錯誤并返回重新增加數(shù)據(jù)。 8管理員密碼修改界面 功能描述：用戶輸入正確的原密碼和兩個相同的新密碼，提交到管理 員密碼修改驗證頁面。面如圖 4-8 所示。 頁面部分代碼如下： 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)

37、計論文 用 戶 名 ： 原密碼： 新密碼 ： 重復(fù)新密碼： 圖 4-8 密碼修改界面 9管理員密碼驗證界面 功能描述：把提交過來的數(shù)據(jù)驗證，通過后提交到數(shù)據(jù)庫，否則提示 出錯并返回到上一個頁面。 response.write() set rs=server.createobject(adodb.recordset) rs.open select * from j_admin where id=1,conn,1,1 id=request.form(id) adminname=request.form(user_name) password_y=request.form(pwd_y) passwo

38、rd=request.form(pwd) password_r=request.form(pwd_r) if password= or password_r= or password_y= then response.write(alert(原密碼、新密碼或重復(fù)密碼為空，請重新 輸入!);history.go(-1);) 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 elseif md5(password_y)rs(password) then response.write(alert(原密碼錯誤，請重新輸入！);history.go(-1); ) elseif password_rpass

39、word then response.write(alert(兩個新密碼不相同，請重新輸入！); history.go(-1); ) else openconn() set rs=server.createobject(adodb.recordset) rs.open select * from j_admin where id=1,conn,1,3 rs(password)=md5(password) rs.update rs.close set rs=nothing call closeconn() response.write(alert(密碼修改成功，請記好密碼!); location

40、.href=admin_ped.asp;) end if 4.2 前臺設(shè)計 用戶打開系統(tǒng)后，首先看到的是 index.asp 頁面，也就是系統(tǒng)的首頁， 頁面展示了幾個重要的模塊，新聞模塊，通知模塊，學(xué)生活動模塊，友情 鏈接模塊以及快速入口模塊。導(dǎo)航欄目包括了大部分的功能欄目，首頁界 面如圖 4-9 所示。 文章列表頁，展示了某個欄目的所有文章，而且欄目文章頁可以按置 頂和日期排序。界面如圖 4-10 所示。 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 圖 4-10 文章列表界面 圖 4-9 首頁界面 資源列表頁，列出了系統(tǒng)上傳的資源，打開頁面可以下載資源，資源 列表頁與新聞列表頁樣式相同，資源下載頁面如圖 4-11 所示。 圖 4-11 資源下載界面 文章顯示頁面，讀者可以瀏覽文章的內(nèi)容，如圖 4-12 所示。 部分主要代碼如下： 學(xué)生活動 more 2013 畢業(yè)設(shè)計論文 2013 畢業(yè)設(shè)計論文 圖 4-12 文章瀏覽界面 id=request.querystring(id) set rs=server.createobjec