勤學(xué)網(wǎng)網(wǎng)站的設(shè)計與實現(xiàn)

1、勤學(xué)網(wǎng)網(wǎng)站的設(shè)計與實現(xiàn)摘要從建站的實際情況出發(fā)，經(jīng)過對有關(guān)學(xué)習(xí)型 網(wǎng)站的一番考察和分析，確立了系統(tǒng)采用VS2008.NET 作為開發(fā)環(huán)境， SQL Server 作為數(shù)據(jù)庫服務(wù)器， IIS 作為測試服務(wù)器及文章發(fā)布的具體 實現(xiàn)功能。并闡述系統(tǒng)的結(jié)構(gòu)設(shè)計和功能設(shè)計，實現(xiàn)文章的分類顯示，最近新聞顯示、學(xué)習(xí)指導(dǎo)內(nèi) 容顯示等。經(jīng)過授權(quán)的用戶可以通過Web 瀏覽器，以人機交互的方式對文章的發(fā)布、管理、實時的進行行為統(tǒng)計和記錄。本網(wǎng)站具有很好的外部接口，較好的容錯性，能夠承受大量用戶同時瀏覽的 壓力，滿足大部分學(xué)習(xí)性文章發(fā)布的需求 .該網(wǎng)站系統(tǒng)是一個基于學(xué)習(xí)性文章發(fā)布和內(nèi)容管理的全站管理系統(tǒng)，可以將雜亂無

2、章的學(xué)習(xí)信 息（包括文字、圖片）經(jīng)過組織，合理而且有序地呈現(xiàn)在大家面前。簡單的說,學(xué)習(xí)型網(wǎng)站就是充當(dāng)一個集中學(xué)習(xí)資源的功能。關(guān)鍵字：學(xué)習(xí)型網(wǎng)站；ASP.NET ; B/S模式The design and realization of Learning websiteAbstractFrom the actual conditions of setting up the website, after learning some kind of investigations and analysis about learning website, establishing the system b

3、ase on VS2008. Net, SQL Server as database server, IIS be test server and article published as the specific function. Elaborate the structure of system on detail design and function design, the recent news shows, learning instruction content shows, etc. Can pass a Web browser after the customer of a

4、uthorization, by the man-machine interactive way for releasing article, management, real-time for behavior statistics and records. This site has very good external interface, good fault-tolerance, able to withstand the pressure of users while browsing, satisfy the needs of most learning article publ

5、ished.The websites system is a article published based on studying and content management system, can change the disorderly information(include a writing, picture) after organization, reasonable and orderly present before everyone. In brief, the learning website have a function of act as a concentra

6、ted study resources.Keyword ： Learning website; ASP.NET; B/S mode目錄1 緒論 11.1網(wǎng)站開發(fā)背景 11.2 開發(fā)工具的選用及介紹 21.2.1 ASP.NET 簡介 21.2.2 ASP.NET 的功能 32 系統(tǒng)分析與總體設(shè)計 42.1 網(wǎng)站功能描述 42.2 系統(tǒng)功能模塊劃分 52.3 系統(tǒng)流程分析 53 系統(tǒng)數(shù)據(jù)庫結(jié)構(gòu)設(shè)計與實現(xiàn) 93.1 創(chuàng)建數(shù)據(jù)庫 93.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計 93.3 數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計 104 系統(tǒng)主界面與后臺界面設(shè)計 錯誤！未定義書簽。4.1 主界面設(shè)計 124.1.1 顯示學(xué)習(xí)資訊類別鏈接 12

7、4.1.2 顯示新聞中心內(nèi)容 134.2學(xué)員界面設(shè)計 154.2.1 登錄界面 154.2.2 會員中心界面 164.2.3 會員注冊界面 165 后臺管理模塊設(shè)計 185.1 管理員管理模塊 185.1.1 管理員管理界面 185.1.2 管理員管理功能分析 195.2 新聞管理模塊 195.2.1 新聞管理界面 205.2.2 新聞管理功能分析 205.3 新聞添加 206 總結(jié)與展望 236.1 網(wǎng)站系統(tǒng)總結(jié) 236.2 網(wǎng)站系統(tǒng)展望 23參考文獻 24致謝錯誤！未定義書簽。1 緒論1.1 網(wǎng)站開發(fā)背景 伴隨著網(wǎng)絡(luò)的出現(xiàn)，網(wǎng)頁逐漸融入人們的生活?？焖偌皶r的文章瀏覽，五彩繽紛的網(wǎng)上信息，

8、使網(wǎng)絡(luò)與人們的生活息息相關(guān)，于是世界上又出現(xiàn)了第三媒體 Internet 。它打破了地域限制，真正使 信息得以共享，改變了人們的工作和生活方式。制作網(wǎng)頁是企業(yè)和個人的宣傳自己的重要手段，同 時也是學(xué)習(xí)者獲取學(xué)習(xí)信息的重要手段。尤其是在文章信息領(lǐng)域，各種文章信息的發(fā)布分秒變換， 人們對文章信息的需求有了更新，更高的要求，而網(wǎng)頁由于本身所具有的信息量大，傳遞快速，沒 有時空限制等特點恰好滿足這種要求。所以網(wǎng)頁也逐漸成為一種新興的信息發(fā)布資源。也正是由于 網(wǎng)絡(luò)實現(xiàn)網(wǎng)站的數(shù)據(jù)信息能夠進行實時交互，保證網(wǎng)站數(shù)據(jù)的實時性。隨著 Internet 的進一步發(fā)展 靜態(tài) Web 站點的開發(fā)與維護變得越來越困難,

9、一方面信息的不斷增加和變化 ,使站點維護人員不得不經(jīng)常修改他們的網(wǎng)頁，特別是基于數(shù)據(jù)庫驅(qū)動的Web站點更是如此，隨著In ternet上信息量的增多和交互性的加強使 HTML 顯得越來越難以勝任。另一方面靜態(tài)網(wǎng)頁由于不能與瀏覽者進行有效交互 使人們感到越來越乏味 ，而不愿意再一次地進入同一站點。所以開發(fā)動態(tài)網(wǎng)頁或動態(tài)內(nèi)容成了越來越 多的站點所追求目標(biāo)。所謂動態(tài)內(nèi)容是由每一個用戶按照自己的需求發(fā)出請求而特殊制作的Web網(wǎng)頁。網(wǎng)絡(luò)發(fā)展前景無限，及早與網(wǎng)絡(luò)結(jié)合，與信息時代同步，與高科技匯合，定會給社會各行各業(yè) 的發(fā)展注入新鮮的活力。站在網(wǎng)絡(luò)時代的前沿，我們清晰地聽到了網(wǎng)絡(luò)時代的宣言：誰掌握了網(wǎng)絡(luò)，

10、誰就掌握了未來。隨著計算機技術(shù)的發(fā)展，網(wǎng)絡(luò)技術(shù)對我們生活和工作顯得月來越重要，特別是現(xiàn)在信息高度發(fā) 達的今天，人們對最新信息的需求和發(fā)布迫切的需要及時性。而動態(tài)交互式網(wǎng)頁剛好提供了這些功 能，本系統(tǒng)就是一個能夠在實現(xiàn)文章信息的網(wǎng)上發(fā)布，多欄目管理，實時的提供學(xué)習(xí)資源和有關(guān)新 聞的網(wǎng)上交互系統(tǒng)。HTML 作為一種樣式語言，隨著 Internet 上信息量的增多和交互性的加強使 HTML 顯得越來越 難以勝任的情況之下，在ASP.NET編程語言高度發(fā)展的形式下，我們開始了對文章發(fā)布系統(tǒng)的開發(fā)。1.2開發(fā)工具的選用及介紹1.2.1 ASP.NET 簡介ASP.NET是一個已編譯的、基于 .NET的環(huán)

11、境，把基于通用語言的程序在服務(wù)器上運行。將程 序在服務(wù)器端首次運行時進行編譯，比ASP即時解釋程序速度上要快很多而且因為ASP.NET是基于通用語言的編譯運行的程序，所以它的強大性和適應(yīng)性，可以使它運行在Web應(yīng)用軟件開發(fā)者的幾乎全部的平臺上。通用語言的基本庫，消息機制，數(shù)據(jù)接口的處理都能無縫的整合到ASP.NET的Web應(yīng)用中。ASP.NET同時也是Language-lndependent語言獨立化的，所以，你可以選擇一種最適 合你的語言來編寫你的程序，或者把你的程序用很多種語言來寫，現(xiàn)在已經(jīng)支持的有 C#（ C+和Java的結(jié)合體），VB，Jscript。將來，這樣的多種程序語言協(xié)同工作的

12、能力保護您現(xiàn)在的基于COM+開發(fā)的程序，能夠完整的移植向ASP.NET。另外，任何 ASP.NET應(yīng)用程序都可以使用整個.NETFramework。開發(fā)人員可以方便地獲得這些技術(shù)的優(yōu)點，其中包括托管的公共語言運行庫環(huán)境、類型安全、繼承等等。ASP.NET可以無縫地與 WYSIWYG HTML編輯器和其他編程工具（包括Microsoft Visual Studio .NET ）一起工作。這不僅使得Web開發(fā)更加方便，而且還能提供這些工具必須提供的所有優(yōu)點。ASP.NET是運行一些很平常的任務(wù)如表單的提交客戶端的身份驗證、分布系統(tǒng)和網(wǎng)站配置變得 非常簡單。例如 ASP.NET頁面構(gòu)架允許你建立你自

13、己的用戶分界面。ASP.NET使用一種字符基礎(chǔ)的，分級的配置系統(tǒng)，使你服務(wù)器環(huán)境和應(yīng)用程序的設(shè)置更加簡單。 因為配置信息都保存在簡單文本中，新的設(shè)置有可能都不需要啟動本地的管理員工具就可以實現(xiàn)。這種被稱為Zero Local Administration ”的哲學(xué)觀念使 ASP.NET的基于應(yīng)用的開發(fā)更加具體，和快 捷。一個ASP.NET的應(yīng)用程序在一臺服務(wù)器系統(tǒng)的安裝只需要簡單的拷貝一些必須得文件，不需要系統(tǒng)的重新啟動，一切就是這么簡單。多處理器環(huán)境的可靠性 ASP.NET已經(jīng)被刻意設(shè)計成為一種可 以用于多處理器的開發(fā)工具，它在多處理器的環(huán)境下用特殊的無縫連接技術(shù)，將很大的提高運行速 度。即

14、使你現(xiàn)在的ASP.NET應(yīng)用軟件是為一個處理器開發(fā)的，將來多處理器運行時不需要任何改變都能提高他們的效能，但現(xiàn)在的ASP確做不到這一點。自定義性和可擴展性ASP.NET設(shè)計時考慮了讓網(wǎng)站開發(fā)人員可以在自己的代碼中自己定義plug-in的模塊。這與原來的包含關(guān)系不同，ASP.NET可以加入自己定義的如何組件。網(wǎng)站程序的開發(fā) 從來沒有這么簡單過。安全性基于 Windows認(rèn)證技術(shù)和每應(yīng)用程序配置，你可以確性你的原程序時絕對安全的。ASP.NET的語法在很大程度上與ASP兼容，同時它還提供一種新的編程模型和結(jié)構(gòu)，可生成伸縮性和穩(wěn)定性更好的應(yīng)用程序， 并提供更好的安全保護?？梢酝ㄟ^在現(xiàn)有 ASP應(yīng)用程

15、序中逐漸添加ASP.NET功能，隨時增強 ASP應(yīng)用程序的功能。ASP.NET的運行環(huán)境目前ASP.NET可運行在三種環(huán)境下：（1） WINDOWS NT Server 4.0 運行 IIS 6.0（I nternet In formation Server）以上。（2） WINDOWS NT Workstation 4.0 運行 Peer Web Server 6.0 以上。（3）WINDOWS 95/98/XP 運行 PWS（Personal Web Server）。1.2.2 ASP.NET 的功能ASP.NET是一個已編譯的、基于.NET的Web應(yīng)用程序開發(fā)環(huán)境，可以用任何與 .NET

16、兼容的語 言（包括 Visual Basic.NET、C#和JavaScript）創(chuàng)作 Web應(yīng)用程序。另外，任何 ASP.NET應(yīng)用程序都 可以使用整個.NET Framework提供的技術(shù)，包括托管的公共語言運行庫環(huán)境、類型安全、繼承等。經(jīng)過幾年的發(fā)展，ASP.NET已成為網(wǎng)站設(shè)計與開發(fā)的主流技術(shù)。隨著Visual Studio.NET版本的不斷更新，對ASP.NET的支持也越來越完善。ASP.NET的強大功能使得網(wǎng)站開發(fā)變得更加容易，它可以完成Web應(yīng)用程序開發(fā)的所有功能。其主要功能有：（1）設(shè)計Web窗體：提供了可視化的 Web頁面設(shè)計，利用系統(tǒng)已有的 Web控件可以快速實現(xiàn)功能 強大

17、的網(wǎng)頁。（2）樣式表：提供樣式表文件的編輯功能，可以通過樣式生成器直接生產(chǎn)樣式。（3）母版頁：提供母版頁功能，方便統(tǒng)一整個網(wǎng)站的設(shè)計風(fēng)格，方便頁面修改和維護。（4） 數(shù)據(jù)庫訪問：包括用于創(chuàng)建數(shù)據(jù)庫應(yīng)用程序的組件、可視化數(shù)據(jù)庫工具以及一個可靠的ADO.NET類集，使用戶可以方便地操作所有類型的數(shù)據(jù)。（5） 用戶控件：ASP.NET不僅提供了豐富的 Web控件，同時允許開發(fā)用戶控件，使用戶開發(fā)的功 能得到重用。（6）XML WebService :提供了一個 ASP.NET Web Service模板，可以用來構(gòu)成 Web應(yīng)用程序的基本結(jié)構(gòu)。此時，Web應(yīng)用程序的基本架構(gòu)將構(gòu)建在Web服務(wù)器和本地

18、解決方案文件之上。（7）網(wǎng)站生成與發(fā)布：提供了快速生成和發(fā)布網(wǎng)站的功能。2系統(tǒng)分析與總體設(shè)計如何快速、準(zhǔn)確的發(fā)布學(xué)習(xí)資訊和學(xué)習(xí)資料是現(xiàn)在所有的學(xué)習(xí)性網(wǎng)站都應(yīng)該致力的目標(biāo)。因為 網(wǎng)絡(luò)中學(xué)習(xí)資訊發(fā)布的頻率非常高，如果使用靜態(tài)網(wǎng)頁作為新聞頁面，則維護工作將非常繁瑣，管 理員每天需要制作大量的網(wǎng)頁，從而浪費很多時間和精力。使用文章發(fā)布、文章管理系統(tǒng)可以使文 章發(fā)布、管理變得很輕松，管理員只需設(shè)置標(biāo)題、內(nèi)容和圖片等文章就可以了，系統(tǒng)將自動生成對 應(yīng)的網(wǎng)頁。本文將對文章發(fā)布及管理系統(tǒng)進行系統(tǒng)分析與總體設(shè)計。2.1網(wǎng)站功能描述文章發(fā)布、文章管理系統(tǒng)和留言板包括管理員管理、版塊管理、文章管理、添加文章、用戶登

19、 錄注冊、文章查詢、用戶評論和管理留言等模塊。具體描述如下：（1）管理員管理 添加管理員：后臺管理者和發(fā)布者都可通過此模塊進行管理員的添加。 修改管理員信息：后臺管理者和發(fā)布者都可通過此模塊進行對管理員信息的修改。 刪除管理員：后臺管理員和發(fā)布者都可通過此模塊進行對沒有或失去權(quán)限的管理員進行刪除 操作。（2）文章管理 顯示各版塊的信息：后臺管理者有權(quán)通過此模塊對文章各版塊信息內(nèi)容的更新。 轉(zhuǎn)移文章版塊：后臺管理者有權(quán)通過此模塊對文章各版塊的挪動轉(zhuǎn)移。 修改文章：后臺管理者可以通過此模塊實現(xiàn)對網(wǎng)站發(fā)布的文章內(nèi)容進行修改和刪除的功能。后臺系統(tǒng)提供管理員對文章的管理。管理員可以通過這些模塊進行對文章

20、的更新。其中包括對 文章的添加、修改。這一方面能夠使管理員快速的完成網(wǎng)站文章的修改。（3）用戶登錄注冊 用戶注冊名、密碼：普通游客可以通過此模塊進行注冊，成為網(wǎng)站注冊會員之后才能有發(fā)表 留言，對文章評論的權(quán)限。 用戶基本信息：會員可以通過此模塊進行對自己個人信息的查看和修改。在網(wǎng)站的首頁提供會員的登錄與注冊。當(dāng)用戶需要注冊時，可以直接點擊頁面“注冊”按鈕直 接進入注冊頁面，用戶需填寫一些用戶信息即可。如果已經(jīng)注冊的會員可以直接輸入注冊名和密碼 直接進入會員中心頁面。（4）文章查閱 文章的點擊閱覽：此處是通過超鏈接的形式，用戶可以通過此模塊來閱覽文章的內(nèi)容信息。 對文章的評論：網(wǎng)站注冊的會員才有

21、權(quán)限對文章進行評論，會員可以通過此模塊進行對文章的評論。在網(wǎng)站首頁普通用戶可以點擊閱覽首頁上的信息但是不能對這些信息進行評論、留言。只有注 冊過的會才可對文章進行評論。(5) 管理留言: 刪除留言：后臺管理者可以通過此模塊實現(xiàn)對文章的非法或不當(dāng)評論進行刪除的功能。 預(yù)覽留言：會員可以通過此模塊實現(xiàn)會員預(yù)覽個人評論的效果。網(wǎng)站后臺管理員有管理會員留言的權(quán)限，可以對不好的留言進行刪除。2.2系統(tǒng)功能模塊劃分從功能描述的內(nèi)容可以看到，本實例可以實現(xiàn)7個完整的功能。我們根據(jù)這些功能，設(shè)計出系統(tǒng)的功能模塊，如下圖2.1所示。圖2.1文章發(fā)布系統(tǒng)功能模塊示意圖文章發(fā)布系統(tǒng)模塊之間的關(guān)系如下圖2.2所示。圖

22、2.2文章發(fā)布及管理系統(tǒng)模塊關(guān)系圖2.3系統(tǒng)流程分析為了使讀者進一步了解本實例系統(tǒng)的設(shè)計，本小節(jié)將對系統(tǒng)進行流程分析。管理系統(tǒng)的工作流 程都是從用戶登錄模塊開始，對用戶的身份進行認(rèn)證。確認(rèn)用戶是否是有效的系統(tǒng)用戶，此過程決 定用戶能否進入系統(tǒng)。系統(tǒng)分為前臺系統(tǒng)和后臺系統(tǒng)二個部分。前臺系統(tǒng)不需要進行身份認(rèn)證，任 何人都可以通過瀏覽器閱讀已經(jīng)發(fā)布的文章，但需要在注冊登錄后才能發(fā)表用戶評論。系統(tǒng)數(shù)據(jù)流按起點可以分為用戶起點和管理員起點。以用戶為起點，數(shù)據(jù)信息由用戶產(chǎn)生，用戶注冊時的注冊信息經(jīng)過注冊程序傳送到服務(wù)器端數(shù) 據(jù)庫的會員信息庫；會員在登陸時，所輸入的身份信息經(jīng)由登陸程序，傳入到會員信息中去，

23、并進 行反饋；同時用戶在查看文章標(biāo)題時通過點擊文章標(biāo)題向服務(wù)器發(fā)送閱讀請求時，服務(wù)器響應(yīng)并反 饋匹配的數(shù)據(jù)信息。其用戶為起點的數(shù)據(jù)流圖如圖 2.3所示。以管理員為起點，數(shù)據(jù)信息由管理員產(chǎn)生。其中管理員有修改一切的權(quán)利，在管理員請求對管理員信息查閱時，信息經(jīng)過程序傳送到服務(wù)器端數(shù)據(jù)庫的管理員信息庫中，同時管理員信息庫也會 對管理員的請求進行反饋；當(dāng)管理員請求對文章更新時信息經(jīng)過程序傳送到服務(wù)器數(shù)據(jù)庫的文章信 息庫中。管理員為起點數(shù)據(jù)流圖如圖 2.4所示。F面為了更清晰的表現(xiàn)出需求的細節(jié)，將根據(jù)系統(tǒng)的模塊分析和功能模塊圖。得到后臺管理員修夜倍息刪除管IW員瞬加管M員測除新聞圖2.5管理員基本的流程

24、圖普通用戶進入本網(wǎng)站，用戶可以不進行登陸就可查閱網(wǎng)站信息，但是不能對新聞和文章進行評 論、留言。普通用戶的基本流程圖如圖2.6所示。注冊會員登陸后不單可以瀏覽網(wǎng)站文章還可以對文章進行評論。其基本流程圖如圖2.7所示。通 過C結(jié)朿J圖2.7注冊會員基本流程圖3系統(tǒng)數(shù)據(jù)庫結(jié)構(gòu)設(shè)計與實現(xiàn)3.1創(chuàng)建數(shù)據(jù)庫根據(jù)文章發(fā)布與管理系統(tǒng)實現(xiàn)的功能，對數(shù)據(jù)庫的需求進行分析，系統(tǒng)需要存儲的內(nèi)容包括用 戶信息、管理員信息、文章列表信息、評論信息等。系統(tǒng)采用SQL Server 2008作為應(yīng)用程序的數(shù)據(jù)庫創(chuàng)建一個名為stulove的數(shù)據(jù)庫用來保存本系統(tǒng)的所有數(shù)據(jù)。3.2數(shù)據(jù)庫概念結(jié)構(gòu)設(shè)計通過對圖書館管理端的實體類型、

25、屬性及其聯(lián)系的理解,我們做出了各個實體的E-R圖。如下:(1)管理員實體的E-R圖，如圖3.1所示。圖3.1管理員實體E -R圖(2)用戶實體的E-R圖，如圖3.2所示。圖3.2用戶實體的E-R圖(3)文章實體的E-R圖，如圖3.3所示。3.3數(shù)據(jù)庫邏輯結(jié)構(gòu)設(shè)計本系統(tǒng)定義的stulove數(shù)據(jù)庫其中中包含以下4個表。管理員表(TB_Admin );文章信息表(TB_Article );注冊用戶表(TB_Userlnfo )和用戶留言表(TB_GiveMessage)。下面分別介紹這些表的結(jié)構(gòu)：(1) 管理員表TB_Admin管理員表TB_Admin用來保存管理員信息。TB_Admin管理員表中的

26、 Adminld屬性為表的主鍵， 記錄管理員的編號；AdminName屬性為管理員得注冊名稱；AdminPwd屬性為管理員注冊的密碼；AdminLoginTime屬性為管理員的登錄時間。如果其他表需要引用表 TB_Admin中的數(shù)據(jù)，則在表中添加一個ID字段就可以了，結(jié)構(gòu)如表3.1所示。表3.1表TB_Admin的結(jié)構(gòu)編號字段名稱數(shù)據(jù)類型1AdminIdint2AdminNamevarchar3AdminPwdvarchar4AdminLoginTimedatetime(2) 文章信息表TB_Article文章類別表TB_Article用來保存文章類別的信息。 TB_Article文章信息表中

27、ArticleID屬性為表的主鍵，記錄文章的編號；ArticleTitle屬性為文章的標(biāo)題名；ArticleContent屬性為文章的內(nèi)容；ArticleAuthor屬性為文章的作者名。ArticlePubtime屬性為文章的上傳時間。結(jié)構(gòu)如表3.2所示。表3.2表TB_Article的結(jié)構(gòu)編號字段名稱數(shù)據(jù)類型1ArticlelDint2ArticleTitlevarchar3ArticleContentText4ArticleAuthorvarchar5ArticlePubtimedatetime（3）注冊用戶表:TB_Userl nfo注冊用戶表：TB_UserInfo用來保存會員基本信息

28、。TB_UserInfo會員信息表中 Userid屬性為表的主鍵，記錄著會員的編號；UserName屬性為會員的注冊名；UserPwd屬性為會員注冊密碼；UserSex屬性為會員性別；UserPwdA nswer屬性為會員找回密碼答案;UserBirthday 屬性為會員的生日；UserLoginDate屬性為會員的注冊日期；Userimage屬性為會員注冊時的頭像。在此表設(shè)計時用到了文本、數(shù)字、日期/時間、等數(shù)據(jù)類型，結(jié)構(gòu)如表3.3所示。表3.3表TB_Userlnfo的結(jié)構(gòu)編號字段名稱數(shù)據(jù)類型1Useridint2UserNamevarchar3UserPwdvarchar4UserSex

29、char5UserPwdAnswervarchar6UserBirthdaydatetime7UserLoginDatedatetime8Userimagevarchar4系統(tǒng)主界面與后臺界面設(shè)計4.1主界面設(shè)計本主界面為Index.aspx，它的功能是顯示學(xué)習(xí)類別,新聞中心、學(xué)習(xí)資源、學(xué)習(xí)指導(dǎo)、就業(yè)指導(dǎo)，并提供進入用戶信息界面(UserCenter.aspx)。它是由top.ascx, buttom.ascx這些模塊組成。4.1.1顯示學(xué)習(xí)資訊類別鏈接此模塊是由Index.aspx頁面所包含，主要是顯示各個學(xué)習(xí)類別里的文章標(biāo)題及鏈接。此頁面添加了一個圖片的播放窗口，而且可以通過后臺來添加更改

30、這些圖片，它是通過java腳本來實現(xiàn)的。其中首頁代碼：vscript src= “ js/tup.js ” type= “ text/javascript ”在java腳本中我們需找到實現(xiàn)播放功能的播放控件，其代碼如下：docume nt.write(vparam name= “ allowScriptAccess ” value= “ sameDomain ”vparam name= “ movie ” valUe播放控件地址” vparam name= “ quality ” value= “ high ” )Index.aspx頁面在VS2008軟件設(shè)計頁面圖如下 4.1所示。圖4.1

31、Index.aspx設(shè)計顯示界面Index.aspx界面在瀏覽器顯示如下圖4.2所示。圖4.2 Index.aspx瀏覽器顯示界面ni-ounmi才酣血皿皿jjai-OUJTJHL-DUnni-a-ut在首頁頁面核心代碼如下:首先是對控件的調(diào)用，以其中一個為例:void datalistDBind ()this.DataListl.DataSource = help.ExecuteDataTable(select top(10) * from TB_Connectionorder by Conn Id asc);只有這樣才會使得設(shè)計的網(wǎng)頁在瀏覽器中顯示文章標(biāo)題。4.1.2顯示新聞中心內(nèi)容此模塊

32、是由 NewsDetail.aspx頁面所包含。在 index.aspx頁面中是用代碼a href=NewsDetail.aspx?id= 來直接訪問 NewsDetail.aspx 頁面。如果熱點新聞較多，則網(wǎng)頁會被拉長，給用戶閱讀帶來不便，為了解決這個問題，本系統(tǒng)使用 了更多這個功能。新聞太多和新聞標(biāo)題太長也會給用戶閱讀帶來不便，在此用了截取功能即限定了 新聞的條數(shù)和新聞標(biāo)題的長度。啦EM鈿2両.和HKmnst na-nxSB! Hiti ip-TJnMe 神犬園曲幽:flfsu-an if 亓:*注出酣F卿|苗電1 |15 KWMTNHM aHHT活 *r: m -fiPrFttBH J

33、AIJIQ 刃耳 14311 U pi 變 J5-5T :nilr刃羽期 zuunmu：sDllJUn 30血蟲JDll-Dl-ai 30543531IH.-m31MfVmr-i ti(TKn KSIt Ituwri用賂雋胃；亦* 4iktEH?tqU3|AlAlfr：ait3L CfehtFUllM?覺呂走majHHas：，督篁呂甘鐘旳靶蟲業(yè)自王經(jīng)士tiiL*爐n二-iimrazwftTAirtaer, ujvtBBrtni#- i-lfl： h AS- H車MHC*SiZ7EttH 7Sl?l：-KHOHH3r 二鼻討是港事,.lP!.羊:t販HSWUffiir:E出士？惶凸:t/aa岳.

34、Ei.EHBHEB*R-F-Tfl-Ji,.a.継.酬惶 uBi ” 圧一密1 , i:iUrB&P單利瞬珂*口 Wt三Jl盅段砸用ie*TTiC r l5 . rr5ifflTfll3 BBW WrKt-*Jftlfl 5 tKTIHll址.XlLlRHSKllSRLflkRiHBM BlKOnlftlA. SrpCBbflrf -LJJIWf 硒申吋霍吐址til UrTOHIft- I3F1W.業(yè)加耳冊!則主目她UAarHrttFWjJlffHdr CElhlrlEiaEn- i響 * 口王筑1：誼肢% Uli) VakV-f-flX If Mt 唱虧KlSlt* PfillltlWi!.

35、廠址.轉(zhuǎn)卄、M. g 電曲坤艸趣.RlSWftlll圖4.4新聞內(nèi)容頁界面其中文章鏈接都是采用文本超鏈接的形式，其代碼如下：asp:Repeater ID= ” newsdetailrpt” runat= ” server ”tr align=” center ”a style= ” color:Blue ” href= NewsDetail.aspx?id= “newsid ” )%此時在用戶點擊查看新聞時系統(tǒng)會記錄每條新聞的點擊率，其代碼如下：if (!lsPostBack)Dbin d();int hit = 0;seledt * from tb_n ewsid ” .ToString(

36、);SqlDataReader dr= help.ExecuteReader(where n ewsid=+ Requestif ( dr.Read()this.divtitle.InnerText=dr“ newstitle” .ToString();this.displaydiv.InnerHtml = dr“ newscontent ” .ToString();hit=Convert.Tolnt32(dr“newshits ” .ToString();hit += 1;help.ExecuteNonQuery(“ update tb_news set newshits=” +hit+ ”

37、where newsid=” +Request id ” .ToString();4.2學(xué)員界面設(shè)計4.2.1登錄界面只有用戶名和密碼正確才可以進入會員中心界面否則回到該界面。登錄界面如下圖4.5所示。用戶名：密碼：登陸注冊找回密碼？ ! !圖4.5登錄界面其中對學(xué)員登陸驗證的核心代碼如下：if (this.username.Text !=“ & this.userpwd.Text !=“ “SqlDataReader dr = help.ExecuteReader( select * from TB_JiFen inner joinTB_useri nfo on TB_JiFe n.jife

38、 ni d=TB_useri nfo.userid where username= ” + this.username.Text.Trim() +and userpwd= + Shash.EncryptOne(this.userpwd.Text.Trim(), true)+ ”此處采用了 SHash.cs類中的En crypt One方法對學(xué)員注冊、登陸密碼進行了加密，使得學(xué)員的信息更加安全。4.2.2會員中心界面此界面在通過驗證之后才可以進入，它分為各個管理模塊、主頁的鏈接、退出管理系統(tǒng)等模塊它是由框架組成的從而可以減少重復(fù)的部分并可以使系統(tǒng)維護更容易管理界面如圖4.6所示。FWKSI詞粉我

39、的丈研.用戶OJi男2羅設(shè)牛人躋圖4.6會員中心界面會員中心核心代碼如下:if (!lsPostBack)object obj = help.ExecuteScalar(“ select userimage from TB_useri nfowhere user name=“ + Sessi on“ user name ” .ToStri ng() +”)if (obj !=n ull)This.imgtou.Src =“ /admin/ ” + obj.ToString();4.2.3會員注冊界面在登陸進入會員中心界面之前，所有會員需進行注冊會員的操作。其界面如圖4.7所示。 hUxi：!1

40、 itecrflM 2245lUifigyi1 ULEP的.彌鼻尸也2審習(xí)皆T5JK9會賈注冊2 *fn I 備=悵 區(qū)&衍e I EriSTH豪陽E詒曲U；M_圖4.7會員注冊界面在此模塊在用戶注冊時系統(tǒng)也會對用戶的密碼進行加密，其代碼如下:user.Userpwd = SHash.E ncrypt On e(this.pwd2.Value.Trim(), true);此處對用戶密碼的加密只有與首頁會員登錄密碼加密后一致時用戶才能進入會員中心頁面。5后臺管理模塊設(shè)計5.1管理員管理模塊管理員管理模塊設(shè)計可以實現(xiàn)以下功能(1) 添加管理員信息：管理員可以通過該模塊實現(xiàn)對管理員的添加。(2) 修

41、改管理員信息：管理員可以通過該模塊實現(xiàn)對管理員信息內(nèi)容的修改。(3) 刪除管理員信息：管理員可以通過該模塊實現(xiàn)對非管理員和失去權(quán)限的管理員信息的刪除。5.1.1管理員管理界面管理員登陸界面，如圖5.1所示。勖常網(wǎng)后管理系統(tǒng)鼻巫suns亡丄心-氈be皿圖5.1管理員登陸界面首先對管理員輸入的信息進行判斷，看是否為空，方便確認(rèn)。核心代碼如下：if (txtAdmi nCode.Text != & txtAdmi nN ame.Text !=)object obj = help.ExecuteScalar(“ select adm inn ame from TB_Adm inwhere AdminN

42、ame= ” + txtAdminName.Text.Trim()and Adm in pwd= +txtAdmi nPwd.Trim() +” );if (obj != null)help.ExecuteNonQuery(“ update tb_admin setAdmi nLogi nTime=+ DateTime.Now.ToStri ng()+where Admi nN ame= ” +this.txtAdmi nN ame.Text.Trim()+“ );Sessi on“ adm inn ame th.txtAdmi nN ame.Text;Response.Redirect(“

43、Manage.aspx ” ); else);Response.Write(“ a對不起，你沒有權(quán)限!txtAdmi nN ame.Text =”；txtAdm in Pwd.Text =“”；txtAdmi nCode.Text =”；打開管理員管理界面，如圖5.2所示。r urn* “ -.蟲n弼戸；如工:豈砂mew5gji2fllL-i4-29 053*1更茂甩戶宕AWMJtlA圖5.2管理員管理界面5.1.2管理員管理功能分析（1） 新聞顯示功能：為了便于管理員管理，AdminManage.aspx以表格的形式顯示管理員信息，并在后面有修改和刪除，下面有添加模塊。并通過rs記錄集綁定到

44、相應(yīng)的表格單元格當(dāng)中以顯示已有的管理員。（2） 添加管理員功能：添加的信息包括管理員帳號、管理員密碼，通過隱藏域傳遞ADD信息AdminManage.aspx頁面接收此信息并作相應(yīng)的處理。（3） 修改管理員信息：修改信息包括修改管理員帳號、管理員密碼，通過隱藏域傳遞edit信息AdminManage.aspx頁面接收此信息并作相應(yīng)的處理。（4）刪除管理員信息：此功能比較人性化，在刪除時提示用戶是否要刪除并且把所有的信息清空， 直接刪除比較方便。5.2新聞管理模塊新聞管理模塊設(shè)計可以實現(xiàn)以下功能：（1）新聞版塊轉(zhuǎn)移；（2）修改新聞信息；（3）刪除新聞信息。只有管理員用戶才可以進入新聞管理模塊。5

45、.2.1新聞管理界面5.3所示。TSM !仙jJ?江西丈錦冊魚Hl戟Jl如庁字生案同提St天4 馳壯生三年內(nèi)自主創(chuàng)北球厲冊附 5戈師*撫不品宇生MSH中黒力帝甘姦茸應(yīng)丄禾有陸A因林道卿冃歸1過半住申謂 丁知S |：帀）髙粵報窯.號下降點壬盛爺at布時聞9和11*1-曲可衛(wèi)嶇1.5W11-D1-DJ213B373MHb0-0J22flO55I30L1-01-ftJZMM281&l 1-01-1 220? S3新聞管理界面，此界面具有良好的視覺效果和友好的操作界面具體效果如下圖A iff IFAnndffwtitirffTfta-anMIM4伺3EE 他評11： Iffl圖5.3新聞管理界面5.2

46、.2新聞管理功能分析（1）顯示新聞管理信息：為了便于新聞管理，AdminArticleManage.aspx以表格的形式顯示各個模塊的新聞標(biāo)題信息和添加/修改時間、點擊率，并在后面有修改、刪除、分頁和新聞版塊轉(zhuǎn)移模塊。（2）修改新聞信息：修改版塊的版塊名，通過字符串傳遞edit信息request接收此信息然后調(diào)用Admi nArticleMa nage.aspx頁面并作相應(yīng)的處理。修改新聞的標(biāo)題、所屬版塊、點擊率、添加時間、 上傳圖片、新聞內(nèi)容、發(fā)布人等。（3）刪除新聞信息：此功能比較人性化，在刪除時提示用戶是否要刪除并且把所有的信息清空，直接刪除比較方便。通過字符串傳遞del信息然后調(diào)用Ad

47、minArticleManage.aspx頁面并request接收此 信息和作相應(yīng)的處理。（4）新聞版塊轉(zhuǎn)移：新聞轉(zhuǎn)移便于新聞的管理，用組合框進行選擇，想轉(zhuǎn)移到那個類別都行，用組 合框進行選擇的目的也是為了減少錯誤和方便于用戶。5.3新聞添加主要添加新聞的內(nèi)容、標(biāo)題、類別、圖片、發(fā)布者等。新聞添加界面如圖5.4所示。上 TW* .,SQffJI-ErWWJBF .n 1 4 S:B F I! *眄剛乍三 * HI心 j/少 Z 1J可立r話盂r豐曲A+r |時叮-i*J圖5.4添加新聞界面其核心代碼如下:void Dbi nd()this.GridViewl.DataSource = sqlhelp.ExecuteDataTable( “ select * from TB_News ); this.GridViewl.DataBi nd();protected void GridView1_Pagel ndexCha ngi ng(object sen der, GridViewPageEve ntArgs e)this.GridView1.Pagel ndex = e.NewPage In dex;this.Dbi nd();protected void zhe ngfan select_Click(obj