網站設計課程設計

1、<p><b>　　第1章 需求分析</b></p><p>　　1.1 開發(fā)工具的選用及介紹</p><p>　　1.1.1 ASP 的優(yōu)勢</p><p>　　Active Server Pages：“動態(tài)服務器網頁”，一般簡稱為“ASP”，ASP之所以能受到大家的重視與使用的原因，主要在于所產生的執(zhí)行結果都是標準的HTML格式，

2、而且這些程序是在網絡服務端中執(zhí)行，使用一般的瀏覽器（如IE 或Netscape）都可以正確地獲得ASP的“執(zhí)行”結果，并且將這ASP執(zhí)行的結果直接在瀏覽器中“瀏覽”，若使用VBScript來設計程序，客戶端（Client）在IE瀏覽器中可以顯示程序執(zhí)行的結果。</p><p>　　1.1.2 ASP的特點</p><p>　　任何開發(fā)工具皆可發(fā)展ASP。只要使用一般的文書編輯程序，如Win

3、dows記事本，就可以編輯。</p><p>　　1、ASP通吃各家瀏覽器由于ASP程序是在網絡服務器端中執(zhí)行，執(zhí)行結果所產生的HTML文件適用于不同的瀏覽器。</p><p>　　2、語言相容性高：ASP與所有的ActiveX Script語言都相容，除了可結合HTML，VBScript、Java Script、Active X服務器組件來設計外，并可經由“plug-In（外掛組件模組）

4、的方式，使用其他廠商（Third Party）所提供的語言。</p><p>　　隱密安全性高。如果我們在瀏覽器中直接查看網頁的原始代碼，就只能看到ＨＴＭＬ文件，原始的ASP程序代碼是看不到的！這是因為ASP程序先于網站服務（Ｗeb Server）端執(zhí)行后，將結果轉換成標準ＨＴＭＬ文件，再傳送到客戶端（Client）的瀏覽器上，因此，我們所辛苦撰寫的ASP程序并不會輕易地被看見進而被盜用。</p>

5、<p>　　3、易于操控數(shù)據庫：ASP可以輕易地通過ODBC(Open Database Connectivity)驅動程序連接各種不同的數(shù)據庫，例如：Acess、sqlserver、Oracle等等。 </p><p>　　所以我選擇了ASP結合dreameware8架構網站。在此期間本人將使用Dreamweaver 8進行ASP頁面的編碼，并使用IIS5.1對頁面進行調試。 </p>

6、<p>　　1.2 ASP技術訪問WEB數(shù)據庫</p><p>　　1.2.1 訪問WEB數(shù)據庫的多種方案</p><p>　　目前在WINDOWS環(huán)境下有多種訪問WEB數(shù)據庫的技術，主要有：</p><p>　　1、公共網關接口CGI(Common Gateway Interface)</p><p>　　CGI是較早實現(xiàn)的技術。

7、適用于多種服務器平臺，如UNIX、WINDOWS等，但CGI的開發(fā)成本高、維護困難、功能有限、不具備事務處理功能、占用服務器資源較多。</p><p>　　2、先進數(shù)據庫連接器ADC(Advance Database Connector)</p><p>　　ADC提供了ActiveX Control來訪問數(shù)據庫，它的主要特點是數(shù)據查詢由用戶端瀏覽器執(zhí)行，因而需將服務器端數(shù)據庫中的部分記錄

8、下載到用戶端，系統(tǒng)開銷較大、響應慢，只適用于特別頻繁的數(shù)據庫查詢操作。</p><p>　　3、JAVA/JDBC語言編程</p><p>　　JAVA語言是一種面向對象、易移植、多線程控制的語言，可通過JDBC去連接數(shù)據庫。用JAVA/JDBC編寫的軟件可移植性強，適用于多種操作系統(tǒng)，但其執(zhí)行效率和執(zhí)行速度還不理想，目前無法建立高效、高速的應用。</p><p>

9、　　4、動態(tài)服務器頁面ASP(Active Server Page)</p><p>　　ASP是微軟公司最新推出的WEB應用開發(fā)技術，著重于處理動態(tài)網頁和WEB數(shù)據庫的開發(fā)，編程靈活、簡潔，具有較高的性能，是目前訪問WEB數(shù)據庫的最佳選擇。</p><p>　　第2章 系統(tǒng)分析與總體設計</p><p>　　很多網站都提供新聞欄目，例如搜狐、新浪等著名網站的新聞專

10、欄。許多企業(yè)和個人網站也需要定期發(fā)布一些關于企業(yè)或網站的新聞。因為網絡中新聞發(fā)布的頻率非常高，如果使用靜態(tài)網頁作為新聞頁面，則維護工作將非常繁瑣，管理員每天需要制作大量的網頁，從而浪費很多時間和精力。使用新聞發(fā)布、新聞管理系統(tǒng)和留言板可以使新聞發(fā)布、管理和留言變得很輕松，管理員只需設置標題、內容和圖片等新聞就可以了，系統(tǒng)將自動生成對應的網頁。本文將對新聞發(fā)布及管理系統(tǒng)進行系統(tǒng)分析與總體設計。</p><p>　　

11、2.1 網站功能描述</p><p>　　新聞發(fā)布、新聞管理系統(tǒng)和留言板包括管理員管理、版塊管理、新聞管理、添加新聞、新聞查詢、用戶評論、留言和管理留言等模塊。具體描述如下：</p><p><b>　　1、會員管理：</b></p><p><b>　　(1) 會員登陸；</b></p><p>

12、　　(2) 會員注冊； </p><p>　　(3) 會員個人空間。</p><p><b>　　2、新聞，博客：</b></p><p><b>　?。?） 新聞展示</b></p><p><b>　?。?） 個人博文</b></p><p><

13、;b>　?。?） 博文評論</b></p><p><b>　　3、版塊管理：</b></p><p>　　(1) 添加新聞版塊；</p><p>　　(2) 修改新聞版塊；</p><p>　　(3) 刪除新聞版塊。</p><p><b>　　4、新聞管理：<

14、/b></p><p>　　(1)顯示各版塊的信息；</p><p>　　(2) 轉移新聞版塊；</p><p><b>　　(3) 修改新聞；</b></p><p><b>　　(4) 刪除新聞。</b></p><p><b>　　5、添加新聞：<

15、/b></p><p>　　(1) 添加新聞的內容、標題、圖片、發(fā)布者等。 </p><p>　　2.2 系統(tǒng)功能模塊劃分</p><p>　　從功能描述的內容可以看到，本實例可以實現(xiàn)6個完整的功能。我們根據這些功能，設計出系統(tǒng)的功能模塊，如下圖2-1所示。</p><p>　　圖2-1 新聞發(fā)布系統(tǒng)功能模塊示意圖</p>

16、;<p>　　新聞發(fā)布系統(tǒng)的功能模塊之間的關系如下圖2-2所示。</p><p>　　圖2-2 新聞發(fā)布及管理系統(tǒng)的功能模塊關系圖</p><p>　　第3章 數(shù)據庫分析與設計</p><p>　　3.1 數(shù)據庫邏輯結構設計</p><p>　　本系統(tǒng)定義的data數(shù)據庫中包含以下5個表：admin:管理員表、blog:博客內

17、容表、main:主頁面導航欄鏈接表、download下載鏈接表。</p><p>　　下面分別介紹這些表的結構：</p><p>　　1、會員表admin</p><p>　　會員表admin用來保存會員信息。admin結構如下：</p><p>　　表3_1 表admin的結構</p><p><b>

18、;　　2、博文表blog</b></p><p>　　新聞類別表blog表用來保存網頁中要顯示的博文內容。Blog表如下：</p><p>　　表3_2 表blog的結構</p><p>　　3、下載表：download </p><p>　　Download用來保存下載欄目中的下載鏈接和標題內容。</p>&

19、lt;p>　　表3_3 表link的結構</p><p>　　4、主導航欄目鏈接表main</p><p>　　主導航欄欄目表main保存導航欄上的欄目鏈接名和鏈接地址，結構如表3_6所示。</p><p>　　表3_6 表main的結構</p><p>　　第4章 網站界面設計</p><p><

20、;b>　　4.1 主界面設計</b></p><p><b>　　網站主頁界面：</b></p><p>　　本主界面為index.asp，它的功能是顯示主頁面中的欄目鏈接和博客內容和新聞的一個省略的顯示。通過top.asp顯示主欄目的鏈接，month.asp顯示主頁中日歷的顯示，user.asp完成用戶登錄功能，end.asp完成主頁面底部鏈接和廣

21、告的顯示。</p><p>　　4.1.1 顯示主頁面欄目導航鏈接</p><p>　　主頁面欄目導航中的鏈接從數(shù)據庫中讀取，可以通過對數(shù)據庫修改從而改變主頁面導航內容。</p><p>　　4.1.2 顯示日歷</p><p>　　4.1.3 顯示用戶登錄窗口</p><p>　　4.1.4 顯示業(yè)內新聞</p

22、><p>　　為了減少頁面的編輯和排版量，業(yè)內新聞內容和鏈接是通過數(shù)據庫實現(xiàn)，業(yè)內新聞的內容和鏈接存儲在new表中。</p><p>　　4.1.5 顯示博客內容</p><p>　　博客的內容和鏈接存放在blog表中。</p><p>　　4.1.6 顯示下載欄目信息</p><p>　　在主界面的顯示中，為了便于管理和

23、修改，主頁面中的新聞和博客的信息都從數(shù)據庫中讀取和顯示。在本系統(tǒng)，為了便于鏈接數(shù)據庫，將數(shù)據庫鏈接代碼專門做到一個數(shù)據庫連接頁面conn.asp中，在需要調用數(shù)據庫的頁面中包含該頁面即可獲得數(shù)據庫連接。</p><p>　　Conn.asp頁面代碼如下：</p><p><b>　　<% </b></p><p>　　set conn=s

24、erver.createobject("adodb.connection")</p><p>　　On Error Resume Next</p><p>　　Conn.ConnectionString="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath("

25、;DB\data.mdb")</p><p>　　conn.Open' "driver={Microsoft Access Driver (*.mdb)};dbq=" & Server.MapPath("DB\data.mdb")</p><p>　　set rs=server.createobject("adod

26、b.recordset")</p><p>　　sub closeconn </p><p>　　set rs=nothing</p><p>　　conn.close</p><p>　　set conn=nothing</p><p><b>　　end sub</b></p

27、><p><b>　　%></b></p><p>　　4.2 用戶登錄界面設計</p><p>　　4.2.1 用戶登錄界面</p><p>　　4.2.2 用戶登錄成功界面</p><p>　　4.3 新用戶注冊界面</p><p>　　4.3.1 新用戶注冊成功界面

28、</p><p>　　4.4 博客評論界面</p><p>　　4.4.1 博客評論編輯界面</p><p>　　4.4.2 博客評論成功界面</p><p>　　4.4.3 博客評論顯示界面</p><p>　　第5章 網站系統(tǒng)展望</p><p>　　現(xiàn)階段我國大部分新聞網站功能單一，安全

29、性不高，管理也只能是進行刪除、修改、編輯等功能，及和用戶交流的少不能很好的滿足用戶的要求。應該多與用戶進行互動這樣才能體現(xiàn)新聞的價值，及新聞所帶來的好處。并且使新聞以完全開放的形式展現(xiàn)給各個瀏覽者，這樣才能體現(xiàn)新聞的透明性。目前網站的制作技術與要求，都已經告別了因特網初期網站制作的“幼稚”期，隨著各類網站的迅速增加與瀏覽者需求的提高，無不要求網站從立意，策劃，頁面設計到后臺程序的全面提高。無論是個人網站還是企業(yè)網站都必須被要求從瀏覽者角

30、度出發(fā)，最大限度的滿足用戶的要求，這也是以后各類網站發(fā)展競爭的真正實質所在。 </p><p>　　5.1 網站技術發(fā)展趨勢</p><p>　　1、基于B/S結構與C/S結構結合的體系結構：</p><p>　　B/S與C/S這兩種技術是各有利弊的。C/S技術是20年前的主流開發(fā)技術，它主要局限于內部局域網的需要。因而缺乏作為應用平臺的一些特性，難以擴展到互聯(lián)網這

31、樣的環(huán)境上去，而且要求開發(fā)者自己去處理事務管理、消息隊列、數(shù)據的復制和同步、通信安全等系統(tǒng)級的問題。這對應用開發(fā)者提出了較高的要求，而且迫使應用開發(fā)者投入很多精力來解決應用程序以外的問題。這使得應用程序的維護、移植和互操作變得復雜，成了C/S的一大缺陷。</p><p>　　2、采用這種結構優(yōu)點在于：</p><p>　　(1) 充分發(fā)揮了B/S與C/S體系結構的優(yōu)勢，彌補了二者不足。充分

32、考慮用戶利益，保證瀏覽查詢者方便操作的同時也使得系統(tǒng)更新簡單，維護簡單靈活，易于操作。</p><p>　　(2) B/S結構與C/S結構各具優(yōu)缺點，建立C/S、B/S結構相結合的網絡構架已成為必然趨勢。怎樣結合B/S與C/S開發(fā)系統(tǒng)是開發(fā)MIS系統(tǒng)普遍關注的問題。在應用過程中，應結合實際情況，并根據實際情況進行系統(tǒng)的選型與構建，從而開發(fā)出高效、安全的應用系統(tǒng)。</p><p><b

33、>　　第6章 總結</b></p><p>　　Web開發(fā)技術的飛速發(fā)展促進了新聞發(fā)布的普及。目前，越來越多的發(fā)布新聞活動開始遷移到Internet中來進行，一種新的發(fā)布方式－新聞網站已成為一種必然的趨勢，這種新聞發(fā)布方式無疑給管理者和用戶帶來極大的便利，使以前很多不可能的新聞發(fā)布活動變得異常快捷。</p><p>　　本文研究了一種基于數(shù)據關聯(lián)規(guī)則的新聞網站。其開發(fā)主要

34、包括后臺數(shù)據庫的建立、后臺管理以及前臺頁面的Web設計。系統(tǒng)使用Microsoft公司以dreamware為核心語言的ASP開發(fā)工具，利用微軟提供的IIS建立運行環(huán)境，再結合Microsoft access 2003建立數(shù)據連接關系。利用其提供的各種組件，首先在短時間內建立數(shù)據庫，然后，對數(shù)據庫進行分析與建立頁面，不斷修正與改進，直到功能基本實現(xiàn)的可行系統(tǒng)。系統(tǒng)采用了B/S結構，以Web為中心，采用TCP/IP、HTTP傳輸協(xié)議、客戶端

35、通過瀏覽器訪問Web以及與Web相連的后臺數(shù)據庫，為新聞發(fā)布的管理提供了較好的工具。</p><p>　　總體來說，本網站的設計具有良好的擴展能力并且便于維護，使用較為簡便，對于管理人員來說是較好的管理工具，但是由于時間和其他方面的限制原因，系統(tǒng)還有很多方面需要改進。我相信在以后的學習生活中定能一步一步的去克服這些，使新聞網站的功能越來越完善。 </p><p><b>　　參考

36、文獻</b></p><p>　　[1] 徐寧，《新一代ASP網絡編程入門與實踐》，清華大學出版社，2005.</p><p>　　[2] 王俊杰，《精通JAVASCRIPT動態(tài)網頁編程》，人民郵電出版社，2005.</p><p>　　[3] 柯華坤，王大平，管西京，《ASP網絡編程學習筆記》，電子工業(yè)出版社，2008. </p>