網(wǎng)絡(luò)建設(shè)畢業(yè)論文

1、畢業(yè)論文題 目 校園信息交流網(wǎng)站的建設(shè)指導(dǎo)老師 李 宏 圖 年 級 二五級 院 校 云 南 警 官 學(xué) 院 專 業(yè) 計(jì) 算 機(jī) 科 學(xué) 與 技 術(shù) 姓 名 白 朝 劍 學(xué) 號 5051184 2009年5月20日校園信息交流網(wǎng)站建設(shè)白朝劍（云南警官學(xué)院 計(jì)算機(jī)科學(xué)與技術(shù)專業(yè)，2005，云南 昆明，650223）摘要：本文圍繞網(wǎng)站的項(xiàng)目分析、網(wǎng)站構(gòu)思、整體設(shè)計(jì)、效果圖設(shè)計(jì)、頁面生成、數(shù)據(jù)庫設(shè)計(jì)、運(yùn)用程序設(shè)計(jì)、網(wǎng)站的測試、發(fā)布、推廣各個(gè)重要環(huán)節(jié)，運(yùn)用數(shù)據(jù)庫與asp整合的開發(fā)技術(shù)，實(shí)現(xiàn)了網(wǎng)站動態(tài)菜單、信息更新、后臺登錄、在線留言、站內(nèi)調(diào)查等動態(tài)網(wǎng)頁的交互功能。對網(wǎng)站設(shè)計(jì)進(jìn)行分析和討論，闡述了開發(fā)一個(gè)

2、網(wǎng)站的全過程，并提出網(wǎng)站設(shè)計(jì)的新思想。在網(wǎng)站設(shè)計(jì)中既要講求視覺界面上的藝術(shù)美感，用戶操作過程中的簡單易用，又要注重計(jì)算機(jī)網(wǎng)絡(luò)方面的程序控制。只有做到設(shè)計(jì)藝術(shù)、人機(jī)工學(xué)與計(jì)算機(jī)技術(shù)的完美結(jié)合，才能開發(fā)出特色鮮明、具有一定文化內(nèi)涵和藝術(shù)品位的網(wǎng)站。關(guān)鍵詞：網(wǎng)頁設(shè)計(jì) asp技術(shù) 網(wǎng)站開發(fā)exchange of information on campus construction sitesbai chaojian(yunnan police officer academy of computer science and technology, 2005, kunming, yunnan, 65022

3、3)abstract: this article projects around the site analysis, site concept, the overall design, the effect of map design, page generation, database design, application programming, web site testing, release, promotion of various important aspects of the use of a database with asp technology integratio

4、n to achieve a dynamic menu website, information updates, background registry, online messages, site investigation of the interactive features dynamic pages. site design analysis and discussion on the development of the whole process of a web site and site design of the new ideas put forward. web si

5、te design it is necessary to stress the art of visual aesthetic interface, the user operation in the process of easy-to-use, but also pay attention to the process control computer network. only by succeeding in the design of art, science and the mechanic were the perfect combination of computer tech

6、nology in order to develop distinctive characteristics, a certain cultural content and artistic quality of the site.key words: web design asp technology website development目 錄1引 言12網(wǎng)站構(gòu)思22.1設(shè)計(jì)定位22.2網(wǎng)站策劃分析22.3欄目策劃22.4功能設(shè)置22.5網(wǎng)站布局32.6開發(fā)工具的選用及介紹42.6.1 photoshop cs2簡介42.6.2 dreamweaver 8.0簡介42.6.3 flash

7、8.0簡介52.6.4 microsoft office access軟件簡介52.7構(gòu)建開發(fā)環(huán)境52.7.1安裝iis服務(wù)器組建52.7.2配置aspaccess開發(fā)環(huán)境52.7.3 在dreamweaver8中建立網(wǎng)站測試站點(diǎn)63網(wǎng)站界面美工設(shè)計(jì)63.1網(wǎng)站元素設(shè)計(jì)63.2網(wǎng)站的界面設(shè)計(jì)74數(shù)據(jù)庫設(shè)計(jì)95asp運(yùn)用程序設(shè)計(jì)125.1連接數(shù)據(jù)庫程序設(shè)計(jì)125.2動態(tài)菜單設(shè)計(jì)125.3前臺顯示程序設(shè)計(jì)135.3.1網(wǎng)站首頁程序設(shè)計(jì)135.3.2信息標(biāo)題頁程序設(shè)計(jì)145.3.3信息顯示頁程序設(shè)計(jì)155.4留言板塊程序設(shè)計(jì)165.4.1簽寫留言程序設(shè)計(jì)175.4.2查看程序設(shè)計(jì)175.5后臺管理系

8、統(tǒng)程序設(shè)計(jì)195.5.1用戶登陸管理程序設(shè)計(jì)205.5.2用戶管理程序設(shè)計(jì)：215.5.3菜單管理程序設(shè)計(jì)225.5.4綜合信息管理程序設(shè)計(jì)235.5.5留言管理程序設(shè)計(jì)245.5.6調(diào)查管理程序設(shè)計(jì)256網(wǎng)站測試266.1運(yùn)用程序測試266.2瀏覽器兼容性測試267網(wǎng)站的發(fā)布推廣277.1網(wǎng)站的發(fā)布277.1.1購買服務(wù)器277.1.2申請域名277.2網(wǎng)站的推廣277.2.1代碼優(yōu)化277.2.2搜索引擎推廣287.2.3cnnic通用網(wǎng)址注冊288總結(jié)28主要參考文獻(xiàn)29第8章 總結(jié)1 引 言隨著網(wǎng)絡(luò)技術(shù)的發(fā)展，因特網(wǎng)已漸漸成為人們生活中不可或缺的一部分。因特網(wǎng)正逐步改變?nèi)虻耐ㄓ嵎绞剑?/p>

9、并成為繼印刷媒介（報(bào)紙、書刊、雜志等）、廣播、電視后的第四傳媒。這也向設(shè)計(jì)工作者提出了一個(gè)全新的課題。一個(gè)嶄新的、前景無限的設(shè)計(jì)領(lǐng)域網(wǎng)頁設(shè)計(jì)順勢而生，并飛速發(fā)展著。這不僅給很多企業(yè)帶來了商機(jī)，也給很多設(shè)計(jì)公司帶來了發(fā)展空間，更給每一個(gè)網(wǎng)頁設(shè)計(jì)者提供了一個(gè)多彩的舞臺。網(wǎng)頁不僅擁有傳統(tǒng)媒體的特點(diǎn)，同時(shí)又超越了傳統(tǒng)媒體，具有傳播更為直接、省力、有效的優(yōu)點(diǎn)。學(xué)校信息網(wǎng)站建設(shè)是學(xué)校教育信息化建設(shè)的重要方面，是適應(yīng)現(xiàn)代教育技術(shù)和信息技術(shù)的發(fā)展，加大學(xué)校對外交流與宣傳力度，提高教學(xué)、科研、管理效率的重要途徑；學(xué)校網(wǎng)站是學(xué)校對外宣傳的窗口，也是展示全校師生才能，加強(qiáng)對校外聯(lián)系，互相學(xué)習(xí)，共同發(fā)展的陣地，學(xué)校網(wǎng)

10、站建設(shè)的目的是促進(jìn)師生與學(xué)校共同發(fā)展。如今網(wǎng)絡(luò)的高速發(fā)展，及教育體制改革的深入，通過網(wǎng)絡(luò)自主學(xué)習(xí)與搜集信息，已經(jīng)成為每個(gè)人所必須做的事情。特別是計(jì)算機(jī)知識，因其自身知識更新快的特點(diǎn)，通過信息網(wǎng)站進(jìn)行自主學(xué)習(xí)無疑是最佳的選擇。2 網(wǎng)站構(gòu)思2.1 設(shè)計(jì)定位綜合國內(nèi)外優(yōu)秀網(wǎng)站的特點(diǎn)，界面簡潔、美觀，采用css標(biāo)準(zhǔn)構(gòu)建網(wǎng)站，并融入flash動畫元素，實(shí)現(xiàn)設(shè)計(jì)藝術(shù)與網(wǎng)絡(luò)技術(shù)的完美結(jié)合。校園信息網(wǎng)的建設(shè)是為了加大學(xué)校對外交流與宣傳力度，提高教學(xué)、科研、管理效率的重要途徑；同時(shí)加強(qiáng)對校外聯(lián)系，互相學(xué)習(xí)，促進(jìn)師生與學(xué)校共同發(fā)展。2.2 網(wǎng)站策劃分析網(wǎng)站采用居中的形式，并把所有頁面都分為頭部中部底部三部分組成，

11、其中頭部和底部都是調(diào)用頁面top.asp和but.asp形式。前臺建立首頁，信息標(biāo)題頁，信息顯示頁，其中信息標(biāo)題頁與信息顯示頁通過動態(tài)菜單循環(huán)調(diào)用；首頁不但顯示相關(guān)重要信息，還有變化圖片，滾動圖片，網(wǎng)站調(diào)查，友情鏈接等設(shè)計(jì)。留言板塊建立鑒寫留言，查看留言。后臺管理系統(tǒng)主要建立菜單管理、綜合信息管理、調(diào)查管理、留言管理和用戶管理功能。網(wǎng)站的設(shè)計(jì)選用動中有靜、靜中有動的設(shè)計(jì)風(fēng)格，同時(shí)把導(dǎo)航嵌入到圖片與flash動畫之中，更加突出網(wǎng)站的吸引力。2.3 欄目策劃為了增加網(wǎng)站的可互動性，網(wǎng)站欄目采用動態(tài)菜單：菜單分為一級菜單和二級菜單，分別儲存于數(shù)據(jù)庫的yikind表和erking表，通過程序調(diào)用于網(wǎng)站

12、頭部，并在后臺建立管理模塊，可根據(jù)用戶自己的需要自定義菜單，并且隨時(shí)可以更改、添加、刪除等。2.4 功能設(shè)置整個(gè)網(wǎng)站的功能結(jié)構(gòu)主要有數(shù)據(jù)庫、后臺管理系統(tǒng)、前臺顯示模塊三部分組成，功能模塊結(jié)構(gòu)圖如2-1所示。圖 21網(wǎng)站功能結(jié)構(gòu)數(shù)據(jù)庫：該數(shù)據(jù)庫采用microsoft office access軟件建立，以自設(shè)計(jì)數(shù)據(jù)庫來存儲網(wǎng)站所用相關(guān)信息。網(wǎng)站前臺：導(dǎo)航應(yīng)該層次清晰，簡單直白，讓瀏覽者輕松找到想要的東西，使網(wǎng)站的瀏覽過程輕松愉快。留言系統(tǒng)應(yīng)該做到方便留言、方便查看，還要加入回復(fù)留言功能，以提高留言者之間的互動性。調(diào)查內(nèi)容要有一定的意義。后臺管理：要注重實(shí)用性，要能通過后臺系統(tǒng)管理網(wǎng)站上的內(nèi)容。管

13、理的操作流程要通俗易懂，讓沒有專業(yè)基礎(chǔ)的人也可以使用。2.5 網(wǎng)站布局網(wǎng)站結(jié)構(gòu)和布局要做到條理清晰。首頁要和其他文件分開放置。網(wǎng)站中的所有元素，包括圖片、文字、聲音和flash動畫等，應(yīng)該分門別類放置到各個(gè)文件夾。在整個(gè)網(wǎng)站布局中，建立十個(gè)文件夾，分別以“admin、css、data、dongimg、guestbook、img、newsfocus、scripts、templates、vote、webs”命名，并把網(wǎng)站的所有文件分門別類的放到相應(yīng)文件夾里面。這十個(gè)文件夾類別依次為：后臺系統(tǒng)文件、樣式表文件、數(shù)據(jù)庫文件、滾動圖片文件、留言板文件、圖片多媒體文件、變化特效文件、js代碼文件、調(diào)查文件

14、、網(wǎng)站前臺頁面文件。網(wǎng)站結(jié)構(gòu)如圖2-2、2-3所示。圖 22網(wǎng)站的文件布局2.6 開發(fā)工具的選用及介紹“工欲善其事，必先利其器”。善于利用開發(fā)工具才能達(dá)到事半功倍的效果。本設(shè)計(jì)選用dreamweaver、flash和photoshop作為開發(fā)工具。并做如下分工：photoshop負(fù)責(zé)網(wǎng)站的風(fēng)格設(shè)計(jì)，包括頁面以及頁面中所需的各種元素的制作；dreamweaver利用photoshop制作的版面及元素進(jìn)行網(wǎng)頁的生成；flash負(fù)責(zé)網(wǎng)站上所有的flash動畫設(shè)計(jì)。2.6.1 photoshop cs2簡介adobe photoshop是由美國adobe公司開發(fā)的一套集圖像制作、編輯修改、廣告創(chuàng)意、圖

15、像合成、圖像輸入/輸出于一體的專業(yè)圖形處理軟件。adobe photoshop在電腦美術(shù)的二維平面領(lǐng)域里，是最具代表性的軟件。運(yùn)用adobe photoshop，可以隨心所欲的設(shè)計(jì)色彩豐富、形式多樣的網(wǎng)頁，配合adobe photoshop的捆綁軟件adobe image ready，可以制作完美的網(wǎng)頁界面、翻轉(zhuǎn)按鈕、banner動畫等。因此，運(yùn)用它進(jìn)行網(wǎng)頁設(shè)計(jì)，將會達(dá)到事半功倍的效果。2.6.2 dreamweaver 8.0簡介dreamweaver是macromedia公司推出的一款所見即所得的網(wǎng)頁編輯工具（現(xiàn)被adobe公司收購）。dreamweaver采用的是蘋果機(jī)浮動面版的設(shè)計(jì)風(fēng)格

16、，具有超強(qiáng)的直觀性與高效性。dreamweaver對于動態(tài)網(wǎng)站的支持特別全面，可以輕而易舉地實(shí)現(xiàn)很多眩目的互動頁面特效。插件式的程序設(shè)計(jì)使得其功能可以無限的擴(kuò)展。因此，說dreamweaver是高級網(wǎng)頁制作的首選并不為過。dreamweaver最新的版本為：adobe dreamweaver 8.0。adobe dreamweaver 8.0不但在靜態(tài)網(wǎng)頁制作中有極大的優(yōu)勢，還支持網(wǎng)站的統(tǒng)籌管理、asp（網(wǎng)站程序開發(fā)語言）、jsp（網(wǎng)站程序開發(fā)語言）等程序的編寫與調(diào)試。2.6.3 flash 8.0簡介flash是一款非常優(yōu)秀的多媒體制作軟件，利用flash可以做出很出色的卡通動漫、mtv（音

17、樂電視）短片等。當(dāng)然，還有一個(gè)很值得flash炫耀的就是運(yùn)用flash制作的動感網(wǎng)站?，F(xiàn)在網(wǎng)絡(luò)已經(jīng)涌現(xiàn)出不計(jì)其數(shù)的flash站點(diǎn)。比較著名的如韓國的flash動感網(wǎng)站，幾乎全部采用了flash 和director（多媒體程序）。在韓國的網(wǎng)站設(shè)計(jì)界，由于擁有足夠的帶寬和出色的flash動畫制作技術(shù)，使得很多制作精美、絢麗動感的flash網(wǎng)站在網(wǎng)絡(luò)世界里脫穎而出，成為眾人喜愛和模仿的對象?？梢哉fflash已經(jīng)漸漸成為交互式矢量的標(biāo)準(zhǔn)，是未來網(wǎng)頁的一大主流。2.6.4 microsoft office access軟件簡介microsoft office access軟件是辦公軟件自帶的一款簡單方便

18、的數(shù)據(jù)庫開發(fā)軟件，利用microsoft office access開發(fā)的數(shù)據(jù)庫使用起來非常方便，在沒有安裝辦公軟件的服務(wù)器上也可以使用，是普通網(wǎng)站數(shù)據(jù)庫的最佳選擇。2.7 構(gòu)建開發(fā)環(huán)境asp動態(tài)網(wǎng)站的開發(fā)環(huán)境為：windows xp/nt/2000/vista（操作系統(tǒng)）iis5.0/6.0/7.0（服務(wù)器組建）+ access（數(shù)據(jù)庫）。在網(wǎng)站設(shè)計(jì)開始前，要安裝iis （internet information server的縮寫）互聯(lián)網(wǎng)信息服務(wù)器，構(gòu)建網(wǎng)站的開發(fā)環(huán)境。2.7.1安裝iis服務(wù)器組建本網(wǎng)站是在windows vista系統(tǒng)下進(jìn)行開發(fā)的。windows vista系統(tǒng)中包含有

19、iis最新版本iis7，但默認(rèn)是不安裝的。所以安裝完windows vista系統(tǒng)之后要重新安裝iis。安裝的步驟為：開始控制面板程序打開或關(guān)閉windows功能。勾選“internet信息服務(wù)”選項(xiàng)，確定。2.7.2配置aspaccess開發(fā)環(huán)境iis7安裝完成后，還需要配置aspaccess開發(fā)環(huán)境。配置aspaccess開發(fā)環(huán)境有兩個(gè)步驟：設(shè)置應(yīng)用程序池默認(rèn)值和temp（文件）目錄安全性。應(yīng)用程序池默認(rèn)值的設(shè)置步驟如下：開始控制面板管理工具internet信息服務(wù)管理器，打開設(shè)置選項(xiàng)卡。選擇左邊的“default web site”，打開“基本設(shè)置”對話框。把應(yīng)用程序池設(shè)置為“class

20、ic .net apppool”（默認(rèn)是“default apppool”）。設(shè)置temp目錄安全性的步驟如下：打開“c:windowsserviceprofilesnetworkserviceappdatalocaltemp”目錄。右鍵打開“temp”目錄屬性選項(xiàng)卡，再依次打開安全編輯選項(xiàng)卡。單擊“添加”，在下面的“輸入對象名稱來選擇”輸入框中輸入authenticated users，確定。返回到“temp 的權(quán)限”，將authenticated users的權(quán)限中的完全控制給勾上，確定。至此，完成了windows vista中iis7的安裝及aspaccess的配置。2.7.3 在dre

21、amweaver8中建立網(wǎng)站測試站點(diǎn)啟動dreamweaver 8，然后依次選擇主菜單中的“站點(diǎn)”、“新建站點(diǎn)”命令，打開站點(diǎn)定義設(shè)置窗口，輸入站點(diǎn)名；單擊下一步，進(jìn)入服務(wù)器技術(shù)選舉窗口，這里選擇asp vbscript服務(wù)器技術(shù)，單擊下一步，選擇本地編輯和測試，并選擇站點(diǎn)存儲位置；單擊下一步，輸入測試url的地址，單擊測試，顯示測試成功；單擊下一步下一步至完成。3 網(wǎng)站界面美工設(shè)計(jì)3.1 網(wǎng)站元素設(shè)計(jì)網(wǎng)站元素設(shè)計(jì)包括網(wǎng)頁背景、網(wǎng)站logo（標(biāo)志）以及網(wǎng)頁中出現(xiàn)的教學(xué)大樓、國徽、學(xué)生等，還有flash中用到的各種元素。網(wǎng)站logo以“一張主題圖片”作為設(shè)計(jì)元素，如圖3-1所示的最終效果圖。圖

22、31網(wǎng)站logo效果圖除了網(wǎng)站logo，還有網(wǎng)頁中用到的教學(xué)大樓、國徽、學(xué)生、卡通人物等元素需要設(shè)計(jì)。這些元素的設(shè)計(jì)要保留透明背景的源文件，以便在網(wǎng)頁和flash的設(shè)計(jì)中用到。網(wǎng)站元素的最終效果圖如圖3-2所示。圖 32網(wǎng)站元素效果圖3.2 網(wǎng)站的界面設(shè)計(jì)本網(wǎng)站所有前臺和留言頁面采用“頭部導(dǎo)航-內(nèi)容-版權(quán)”三部分組成，模版如圖3-3所示：標(biāo)題+導(dǎo)航（top.asp文件）內(nèi)容（相關(guān)功能文件）版權(quán)信息（but.asp文件）圖 33網(wǎng)站模板效果圖其中top.asp文件以簡單的一個(gè)表格實(shí)現(xiàn)標(biāo)題圖片和flish的定位，以及動態(tài)菜單鏈接的實(shí)現(xiàn)；而but.asp文件也僅僅使用一個(gè)表格定位版權(quán)信息；在主文件中

23、代碼標(biāo)識body首部以的方式引用top.asp文件內(nèi)容，同理在代碼標(biāo)識body尾部以的方式引用but.asp文件。網(wǎng)站所有前臺和留言頁面采用此結(jié)構(gòu)，這樣第一可以保持網(wǎng)站外觀的統(tǒng)一，第二在需要增減導(dǎo)航、版權(quán)信息時(shí)僅僅需要修改一個(gè)文件。top.asp效果圖如3-4所示圖 34網(wǎng)站top.asp效果圖but.asp效果圖如3-5所示圖 35網(wǎng)站but.asp效果圖界面設(shè)計(jì)主要是運(yùn)用dreamweaver軟件，按照網(wǎng)站構(gòu)思和風(fēng)格，把上面已經(jīng)設(shè)計(jì)好的網(wǎng)站元素進(jìn)行組合設(shè)計(jì)，構(gòu)成最終的網(wǎng)站的平面效果圖。效果圖的設(shè)計(jì)要注意整體性和協(xié)調(diào)性。如圖3-6所示。圖 36網(wǎng)站頁面4 數(shù)據(jù)庫設(shè)計(jì)本網(wǎng)站通過策劃分析一共要建

24、立七個(gè)表，分別為admin、new1、yikind、erkind、vitem、vname和guestbook，這七個(gè)表分別用來存儲管理員信息、文章數(shù)據(jù)、一級欄目信息、二級欄目信息、網(wǎng)站調(diào)查標(biāo)題、網(wǎng)站調(diào)查項(xiàng)目和留言信息。打開microsoft office access軟件，新建數(shù)據(jù)庫文件，保存為data.mdb。并按照策劃分析建立七個(gè)表。如圖4-1所示。圖 41數(shù)據(jù)庫設(shè)計(jì)示意圖建立數(shù)據(jù)表相關(guān)信息如下： 表1：admin（存儲用戶信息）字段名數(shù)據(jù)類型字段大小備注ytssid自動編號長整型用戶自編號，主鍵tuz_supe文本50用戶名tuz_super_pas文本50密碼admin_type文本5

25、0用戶級別表2：news1（存儲綜合信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型信息自編號，主鍵yiid數(shù)字長整型一級菜單自編號erid數(shù)字長整型二級菜單自編號title文本50信息標(biāo)題newstime日期/時(shí)間日期文章發(fā)布時(shí)間content備注長整型文章內(nèi)容hit數(shù)字長整型文章瀏覽次數(shù)shoupic文本50圖片連接表3：yikind（存儲一級欄目菜單信息）字段名數(shù)據(jù)類型字段大小備注yiid自動編號長整型一級菜單自編號，主鍵yiname文本50一級菜單內(nèi)容show是/否1是否啟用菜單yiorder文本50一級菜單順序表4：erkind（存儲二級欄目菜單信息）字段名數(shù)據(jù)類型字段大小備注er

26、id自動編號長整型二級菜單自編號，主鍵yiid數(shù)字長整型一級菜單自編號ername文本50二級菜單內(nèi)容show是/否1是否啟用菜單erorder文本50二級菜單順序 表5：vname（存儲調(diào)查項(xiàng)目信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型調(diào)查項(xiàng)目自編號，主鍵title文本50調(diào)查項(xiàng)目內(nèi)容cf文本50是否重復(fù)投票kind文本50單選/多選vtime日期/時(shí)間日期二級菜單順序表6：vitem（存儲調(diào)查條目信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型調(diào)查條目自編號，主鍵vid數(shù)字長整型調(diào)查項(xiàng)目自編號vtitle文本50調(diào)查條目內(nèi)容vocunt數(shù)字長整型投票次數(shù)表7：guestbook（

27、存儲留言信息）字段名數(shù)據(jù)類型字段大小備注id自動編號長整型留言自編號，主鍵chenghu文本50留言者稱呼myface文本50頭像homepage文本50個(gè)人主頁email文本50電子郵箱qq文本50留言qqcontenttitle備注長整型留言標(biāo)題content備注長整型留言內(nèi)容recontent備注長整型回復(fù)內(nèi)容emot文本50表情ip文本50留言者ipdatetime日期/時(shí)間日期留言時(shí)間5 asp運(yùn)用程序設(shè)計(jì)網(wǎng)站的asp運(yùn)用程序設(shè)計(jì)，包括網(wǎng)站數(shù)據(jù)庫連接、動態(tài)菜單、前臺文章顯示、留言板塊、后臺管理系統(tǒng)的設(shè)計(jì)。其中一個(gè)網(wǎng)站主要用到的dml語句有insert（插入數(shù)據(jù)）用于向表中插入數(shù)據(jù)；u

28、pdate（更新數(shù)據(jù)）用于更新表中現(xiàn)存數(shù)據(jù)；delete（刪除數(shù)據(jù)）用于刪除表中現(xiàn)存數(shù)據(jù)；select（查詢數(shù)據(jù)）用于查詢表中所有行和若干列數(shù)據(jù)；5.1 連接數(shù)據(jù)庫程序設(shè)計(jì)連接數(shù)據(jù)庫的程序?qū)懗梢粋€(gè)獨(dú)立的腳本，打開記事本進(jìn)行編寫，編寫完保存為conn.asp即可，然后在每個(gè)前臺頁面中調(diào)用該程序即可。數(shù)據(jù)庫調(diào)用代碼為：。數(shù)據(jù)庫連接程序代碼如下。5.2 動態(tài)菜單設(shè)計(jì)網(wǎng)站動態(tài)菜單實(shí)現(xiàn)是先在數(shù)據(jù)庫中建立兩個(gè)儲存菜單的表yikind（存儲一級欄目菜單信息）、erkind（存儲二級欄目菜單信息），然后通過后臺菜單管理把需要的菜單添加到數(shù)據(jù)庫中，菜單管理還包含修改、刪除、菜單順序和菜單是否顯示設(shè)置等功能。其中

29、二級欄目的儲存與調(diào)用是居于一級欄目的編號之下，具體實(shí)現(xiàn)見后臺菜單管理。網(wǎng)站首頁菜單調(diào)用相關(guān)程序如下： 本院首頁a href=look_title.asp?yiid= 實(shí)現(xiàn)效果如下：5.3 前臺顯示程序設(shè)計(jì)前臺程序的任務(wù)是把數(shù)據(jù)庫中的文章信息提取出來，顯示到相應(yīng)的欄目下，是直接在前臺頁面中編寫程序代碼來實(shí)現(xiàn)的。首先要編寫連接數(shù)據(jù)庫程序，然后要編寫數(shù)據(jù)顯示程序。5.3.1 網(wǎng)站首頁程序設(shè)計(jì)網(wǎng)站首頁為一個(gè)網(wǎng)站的面子，不但要美觀，還要有各種特效，信息排版等。（一）網(wǎng)站首頁信息顯示是先編寫一段打開數(shù)據(jù)庫的代碼，然后編寫顯示信息的代碼與轉(zhuǎn)到詳細(xì)頁面的代碼循環(huán)執(zhí)行，最后關(guān)閉數(shù)據(jù)庫。相關(guān)代碼如下：% sub

30、readnews(string)set rs=server.createobject(adodb.recordset)sql=select top 5 * from news1 where &string& order by id descrs.open sql,conn,1,1（此段為打開數(shù)據(jù)庫表）do while not rs.eofresponse.write （此段為點(diǎn)擊轉(zhuǎn)到詳細(xì)頁面設(shè)置）rs(title)if len(trim(rs(title)=15 thenresponse.write left(trim(rs(title),15)elseresponse.write left(

31、trim(rs(title),15) & end ifif date()rs(newstime)+2 thenresponse.write end if（顯示相關(guān)信息）response.write rs.movenextloop（循環(huán)執(zhí)行）rs.closeset rs=nothingend subcall readnews(yiid=12 and erid=11) %（二）特效滾動圖片區(qū)域相關(guān)代碼 var speed=20tpgd2.innerhtml=tpgd1.innerhtmlfunction marquee1()if(tpgd2.offsetwidth-tpgd.scrollleft=

32、0)tpgd.scrollleft-=tpgd1.offsetwidthelsetpgd.scrollleft+var mymar1=setinterval(marquee1,speed)tpgd.onmouseover=function() clearinterval(mymar1)tpgd.onmouseout=function() mymar1=setinterval(marquee1,speed)（三）特效變換圖片相關(guān)代碼imgurl1=images/1.jpg; imgtext1=圖片說明imglink1=escape(./webs/show.asp?id=2);imgurl2=im

33、ages/2.jpg; imgtext2=圖片說明imglink2=escape(./webs/show.asp?id=2); var focus_width=480 var focus_height=232 var text_height=18 var swf_height = focus_height+text_height var pics=imgurl1+|+imgurl2 var links=imglink1+|+imglink2 var texts=imgtext1+|+imgtext2 5.3.2 信息標(biāo)題頁程序設(shè)計(jì)%set rs=server.createobject(adod

34、b.recordset)if trim(request(erid)= thensql=select * from news1 where yiid= & cstr(yiid) & order by id descelseer=oksql=select * from news1 where yiid= & cstr(yiid) & and erid= &cstr(erid)& order by id descend ifrs.open sql,conn,1,1if rs.eof thenresponse.write 暫無相關(guān)信息elsenumber=20 設(shè)置梅頁顯示條數(shù)if request(p

35、age)= thencurpage = 1elsecurpage = cint(request(page)end ifrs.pagesize=cint(number)rs.absolutepage = curpagefor i= 1 to rs.pagesizeresponse.write if len(trim(rs(title)=15 thenresponse.write left(trim(rs(title),18)elseresponse.write left(trim(rs(title),18) & end ifif date()rs(newstime)+2 thenresponse

36、.write end ifresponse.write &rs(newstime)&rs.movenextif rs.eof theni=i+1exit forend ifnext%實(shí)現(xiàn)效果圖如下：5.3.3 信息顯示頁程序設(shè)計(jì)信息標(biāo)題：發(fā)布時(shí)間：信息內(nèi)容：實(shí)現(xiàn)效果圖如下：5.4 留言板塊程序設(shè)計(jì)留言板塊的功能主要是提交留言數(shù)據(jù)并顯示。在留言頁面上編寫提交和顯示數(shù)據(jù)的程序，把相應(yīng)的內(nèi)容提交到數(shù)據(jù)庫，同時(shí)顯示已提交的留言。5.4.1 簽寫留言程序設(shè)計(jì)首先建立簽寫留言頁面如圖5-1所示圖 51留言系統(tǒng)前臺鑒寫留言頁面結(jié)構(gòu)添加留言相關(guān)代碼如下：set rs = server.createobject

37、(adodb.recordset) rs.open select * from guestbook,conn,1,3 rs.addnew rs(chenghu ) =trim(txtname) rs(myface ) =trim(txttitle) rs(homepage ) =trim(txtemail)rs(qq ) =trim(txtemail) rs(contenttitle ) =trim(txttitle) rs(content ) =trim(txtemail) rs(emot ) =invert2(txtarea) rs(recontent ) = rs(ip) =txtip

38、rs.update rs.close set rs=nothing conn.close5.4.2 查看程序設(shè)計(jì)建立留言顯示頁面如圖52所示：圖 51留言系統(tǒng)前臺查看留言頁面結(jié)構(gòu)然后編寫查看留言相關(guān)代碼：%顯示相關(guān)代碼：留言主題：留言頭像顯示：img src= height=70留言內(nèi)容顯示：回復(fù)留言顯示：留言稱呼：留言時(shí)間：留言者ip：留言者主頁：留言者email：留言者qq：5.5 后臺管理系統(tǒng)程序設(shè)計(jì)后臺管理系統(tǒng)的任務(wù)是實(shí)現(xiàn)網(wǎng)站內(nèi)容的人性化管理。要運(yùn)用后臺管理系統(tǒng)，把管理網(wǎng)站變成一件輕而易舉的事，任何一個(gè)有計(jì)算機(jī)基礎(chǔ)的人都可以對網(wǎng)站內(nèi)容進(jìn)行調(diào)整、編輯和管理，而不需要網(wǎng)站方面的專業(yè)知識。網(wǎng)

39、站中的所有數(shù)據(jù)都會被數(shù)據(jù)庫記錄，方便以后的查閱。因此，通過程序控制，讓后臺在實(shí)現(xiàn)網(wǎng)站信息管理的同時(shí)，簡單易用，符合人性化理念。在后臺管理系統(tǒng)中，包括對網(wǎng)站上文章的添加、編輯、刪除和網(wǎng)站菜單管理以及對留言和網(wǎng)站調(diào)查的管理。后臺管理系統(tǒng)需要進(jìn)行身份驗(yàn)證，只有憑管理用戶和密碼才能登錄后臺。后臺管理功能結(jié)構(gòu)如5-3所示：圖 53后臺管理功能結(jié)構(gòu)5.5.1 用戶登陸管理程序設(shè)計(jì)登陸界面使用連接驗(yàn)證，不但設(shè)置了調(diào)用數(shù)據(jù)庫與用戶輸入的用戶名、密碼相對比之外，還設(shè)置了驗(yàn)證碼對比，驗(yàn)證碼調(diào)用程序調(diào)用驗(yàn)證碼相關(guān)代碼： 用戶登陸程序設(shè)計(jì)如下：初始化數(shù)據(jù)庫連接% dim saction, serrmsgdim yts

40、s_use, ytss_pwordsaction = ucase(trim(request(action)serrmsg = select case sactioncase loginset ors = server.createobject( adodb.recordset )ytss_use = trim(request(usr)ytss_pword = trim(request(pwd)if request.form thenotherpwd = cstr(trim(request.form(otherpwd)reotherpwd = cstr(trim(request.form(reo

41、therpwd)if ytss_use and ytss_pword thenssql = select * from admin where tuz_super=&ytss_use&ors.open ssql, conn, 0, 1if not ors.eof thenif ors(tuz_super) = ytss_use and ors(tuz_super_pas) = md5(ytss_pword) and otherpwd=reotherpwd thensession(suptuz_user) = ytss_useresponse.redirect tz_admin_index.as

42、presponse.endend ifend ifors.close end if end ifserrmsg = 提示：用戶名密碼驗(yàn)證碼 錯(cuò)誤！case outsession(suptuz_user) = %釋放數(shù)據(jù)連接對象登錄界面如圖5-4所示圖 54后臺管理登錄界面5.5.2 用戶管理程序設(shè)計(jì)：一、添加用戶相關(guān)程序如下：%if doact=add thenif rmyname= or rmypass= then response.write(用戶名或密碼不能為空！)else set rs=conn.execute(select tuz_super from admin where tuz

43、_super=&rmyname&) if rs.eof then strcommand = insert into admin (tuz_super,tuz_super_pas) values (&rmyname&,&md5(rmypass)&) conn.execute strcommand response.write(添加新帳戶成功！) else response.write(錯(cuò)誤!此用戶名已存在,請重新操作) end if rs.closeend ifend if二、用戶修改相關(guān)程序如下：if doact=modi thenset rs=conn.execute(select tuz_

44、super from admin where tuz_super=&bmyname& and tuz_super_pas=&md5(bmypasso)&) if not rs.eof then conn.execute(update admin set tuz_super_pas=&md5(bmypass)& where tuz_super=&bmyname&) response.write(修改成功！) else response.write(錯(cuò)誤!此用戶名不存在!或你的舊密碼輸入錯(cuò)誤) end ifend if三、刪除用戶相關(guān)程序如下：if doact=del thendelusername = trim(request.querys