畢業(yè)設(shè)計(jì)（論文）基于的教師網(wǎng)上交流系統(tǒng)網(wǎng)站的設(shè)計(jì)

1、北京播送電視大學(xué)畢業(yè)設(shè)計(jì)論文題目： 姓名學(xué)號(hào)： 專業(yè)年級(jí)： 分 校： 指導(dǎo)教師： 2021 年 4 月摘 要 Internet的迅猛開(kāi)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一局部。隨著時(shí)代的開(kāi)展，網(wǎng)絡(luò)逐漸成為最時(shí)尚、最快捷的交流工具。從2000年中國(guó)入世以來(lái)，全球經(jīng)濟(jì)一體化的趨勢(shì)對(duì)國(guó)有企業(yè)帶來(lái)巨大沖擊。為適應(yīng)時(shí)代開(kāi)展，借鑒國(guó)際先進(jìn)的管理經(jīng)驗(yàn)，為了加強(qiáng)管理，提高工作效率，深化改革，我公司于2002年建立了自己的網(wǎng)站和局域網(wǎng)。Internet上發(fā)布信息主要是通過(guò)網(wǎng)站來(lái)實(shí)現(xiàn)的，獲取信息也是在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來(lái)。因此網(wǎng)站建

2、設(shè)在Internet應(yīng)用中的地位顯而易見(jiàn)，本網(wǎng)站的個(gè)性化頁(yè)面生成系統(tǒng)是在Dreamweaver提供的完善的開(kāi)發(fā)環(huán)境下，利用IIS+ASP技術(shù)來(lái)實(shí)現(xiàn)完成的。本文中數(shù)據(jù)庫(kù)效勞器端采用了Microsoft Access數(shù)據(jù)庫(kù)作為ODBC(Open DataBase Connectivity )數(shù)據(jù)源，并進(jìn)行數(shù)據(jù)庫(kù)存取等操作，從而使Web與數(shù)據(jù)庫(kù)緊密聯(lián)系起來(lái)。為了充分利用網(wǎng)絡(luò)資源，加強(qiáng)廠內(nèi)各個(gè)部門(mén)的聯(lián)系，加強(qiáng)合作，促進(jìn)職工的學(xué)習(xí)熱情，提高職工的業(yè)務(wù)水平，建立此網(wǎng)站。關(guān)鍵詞：ASP，數(shù)據(jù)庫(kù)，留言反應(yīng)， IIS目 錄摘 要IAbstractII第一章 緒論11.1 教師網(wǎng)上交流系統(tǒng)網(wǎng)站的建站環(huán)境與目的11

3、.2 網(wǎng)站發(fā)揮的作用2網(wǎng)站的訪問(wèn)對(duì)象2第二章 網(wǎng)站的需求分析與技術(shù)分析32.1 需求分析32.2 相關(guān)技術(shù)分析32.2.1 ASP32.2.2 SQL server與access200042.2.3 Fireworks MX42.2.4 Flash MX42.2.5 Dreavaweaver MX5第三章 網(wǎng)站的系統(tǒng)設(shè)計(jì)73.1 網(wǎng)站規(guī)劃73.2 數(shù)據(jù)庫(kù)設(shè)計(jì)9前臺(tái)相關(guān)的數(shù)據(jù)表93.2.2 后臺(tái)管理相關(guān)的數(shù)據(jù)表113.3 交互式頁(yè)面設(shè)計(jì)14第四章 網(wǎng)站的系統(tǒng)實(shí)現(xiàn)164.1 LOGO和Banner164.2 網(wǎng)站界面的實(shí)現(xiàn)164.2.1 前臺(tái)網(wǎng)站的主頁(yè)設(shè)置164.2.2 網(wǎng)站的分頁(yè)設(shè)置17后臺(tái)網(wǎng)站

4、的主頁(yè)設(shè)置19網(wǎng)站的后臺(tái)管理分頁(yè)設(shè)置204.3 設(shè)置IIS效勞器224.4 交互式頁(yè)面的實(shí)現(xiàn)224.4.1 ASP的對(duì)象存取數(shù)據(jù)庫(kù)方法224.4.2 后臺(tái)數(shù)據(jù)庫(kù)的連接代碼的實(shí)現(xiàn)224.4.3 網(wǎng)站調(diào)查的實(shí)現(xiàn)234.4.4 留言反應(yīng)系統(tǒng)的實(shí)現(xiàn)244.4.5 崗位競(jìng)聘系統(tǒng)的實(shí)現(xiàn)264.4.6 后臺(tái)管理系統(tǒng)的各級(jí)頁(yè)面實(shí)現(xiàn)264.4.7 后臺(tái)登陸的實(shí)現(xiàn)274.5 網(wǎng)站發(fā)布與瀏覽28第五章 調(diào)試和優(yōu)化29網(wǎng)站調(diào)試29優(yōu)化方案32結(jié)論33致 謝34參考文獻(xiàn)35附錄36第一章 緒論1.1 教師網(wǎng)上交流系統(tǒng)網(wǎng)站的建站環(huán)境與目的Internet是目前世界上最大的計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)

5、絡(luò)連接成一個(gè)整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(簡(jiǎn)稱WWW)開(kāi)展十分迅速，成為目前世界上最大的信息資源寶庫(kù)。據(jù)估計(jì)，目前Internet上已有上百萬(wàn)個(gè)Web站點(diǎn)，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂(lè)、體育等各個(gè)領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個(gè)好的Web站點(diǎn)對(duì)于一個(gè)機(jī)構(gòu)的開(kāi)展十分重要。近年來(lái)，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計(jì)算機(jī)科學(xué)的迅速開(kāi)展，特別是數(shù)據(jù)庫(kù)技術(shù)在Internet中的廣泛應(yīng)用，Web站點(diǎn)向用戶提供的效勞將越來(lái)越豐富，越來(lái)越人性化。Internet的迅猛開(kāi)展正在徹底地改變我們的生活、工作方

6、式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一局部。為了加強(qiáng)管理，提高工作效率，借鑒國(guó)際先進(jìn)的管理經(jīng)驗(yàn)，深化改革，我公司于2002年建立了自己的網(wǎng)站和局域網(wǎng)。為了充分利用網(wǎng)絡(luò)資源，加強(qiáng)廠內(nèi)各個(gè)部門(mén)的聯(lián)系，加強(qiáng)合作，促進(jìn)職工的學(xué)習(xí)熱情，提高職工的業(yè)務(wù)水平，建立此網(wǎng)站。本文中數(shù)據(jù)庫(kù)效勞器端采用了Microsoft Access數(shù)據(jù)庫(kù)作為ODBC(Open DataBase Connectivity )數(shù)據(jù)源，并進(jìn)行數(shù)據(jù)庫(kù)存取等操作，使Web與數(shù)據(jù)庫(kù)緊密聯(lián)系起來(lái)整個(gè)個(gè)性化頁(yè)面生成系統(tǒng)主要由使用Dreamweaver開(kāi)發(fā)的關(guān)聯(lián)規(guī)那么采掘系統(tǒng)和利用IIS+ASP技術(shù)實(shí)現(xiàn)的個(gè)性化Web頁(yè)面生成器兩局部組成。關(guān)聯(lián)規(guī)

7、那么采掘系統(tǒng)對(duì)數(shù)據(jù)庫(kù)中的歷史記錄進(jìn)行分析，產(chǎn)生用戶關(guān)聯(lián)規(guī)那么表；頁(yè)面生成器那么負(fù)責(zé)記錄用戶行為和根據(jù)關(guān)聯(lián)規(guī)那么表動(dòng)態(tài)生成用戶個(gè)性化Web頁(yè)面。二者通過(guò)數(shù)據(jù)庫(kù)效勞器和Web效勞器連接。本工程主要完成Web效勞器端的用戶注冊(cè)、用戶登陸以及管理個(gè)人資料、注冊(cè)條約、取回密碼、修改密碼以及管理員登陸和注銷、實(shí)現(xiàn)與完善以及整個(gè)實(shí)驗(yàn)網(wǎng)站的組織建立和測(cè)試工作。1.2 網(wǎng)站發(fā)揮的作用信息時(shí)代的來(lái)臨拓寬了教師進(jìn)行自我提升的途徑，同時(shí)也對(duì)教師的素質(zhì)提出了更高的要求。被稱為當(dāng)今社會(huì)的“天之驕子的電腦主宰著世界的前進(jìn)，而主宰電腦的我們那么更應(yīng)該多思考，多研究，多學(xué)習(xí)。只讀書(shū)的學(xué)習(xí)方式一去不復(fù)返，科技的日新月異，使我們不

8、得不學(xué)習(xí)一種新的知識(shí)-計(jì)算機(jī)技術(shù)。怪不得有人說(shuō)“不會(huì)電腦的人，將是新世紀(jì)的文盲。足見(jiàn)網(wǎng)上學(xué)習(xí)的重要性。教師網(wǎng)上交流系統(tǒng)網(wǎng)站將作為一個(gè)教師的學(xué)習(xí)、交流的平臺(tái)，設(shè)立教育新聞，展示全區(qū)學(xué)校風(fēng)采，發(fā)布各中小學(xué)校、幼兒園的活動(dòng)、教研等信息；設(shè)立學(xué)習(xí)平臺(tái)實(shí)現(xiàn)網(wǎng)上學(xué)習(xí)，拓寬培訓(xùn)途徑；隨著教師人事制度改革的深入，強(qiáng)化人才的管理，建立崗位競(jìng)聘模塊；留言反應(yīng)、聯(lián)系我們的建立，便于于教師的互動(dòng)和交流。網(wǎng)站的訪問(wèn)對(duì)象 站內(nèi)游客：瀏覽網(wǎng)頁(yè)后知道本單位的概況，了解區(qū)內(nèi)教育新聞；掌握教師專業(yè)知識(shí)。 注冊(cè)用戶：可以在網(wǎng)上進(jìn)行專業(yè)的學(xué)習(xí)。主要是單位教師，在網(wǎng)上對(duì)工作進(jìn)行交流學(xué)習(xí)。 管理人員：對(duì)網(wǎng)站進(jìn)行管理，回復(fù)留言，發(fā)布新聞、

9、及崗位競(jìng)聘等內(nèi)容。查看崗位競(jìng)聘信息，并與之聯(lián)系等。 第二章 網(wǎng)站的需求分析與技術(shù)分析2.1 需求分析現(xiàn)代社會(huì)是信息高度興旺的社會(huì)，伴隨著信息的潮涌，技術(shù)的沖擊，課堂教學(xué)中也滲透著新的教育觀念。將信息技術(shù)與學(xué)科教學(xué)整合，讓現(xiàn)代信息技術(shù)為教學(xué)效勞，是一個(gè)提高教學(xué)效果和效率的有效途徑。因此網(wǎng)站建立根據(jù)現(xiàn)在單位的實(shí)際情況有如下要求：1. 建立網(wǎng)站主要應(yīng)用于本區(qū)教育城域網(wǎng)內(nèi)部。2. 由于單位部門(mén)多，人員分散，需要依托網(wǎng)絡(luò)建立一個(gè)教師學(xué)習(xí)培訓(xùn)平臺(tái)。3. 管理人員的計(jì)算機(jī)水平參差不齊，需要建立一個(gè)強(qiáng)大的后臺(tái)管理平臺(tái)，主要是它的易用性。4. 隨著教師人事制度深化改革，逐漸加強(qiáng)各部門(mén)管理，競(jìng)爭(zhēng)上崗成為單位的主要

10、的管理形式，因此建立崗位競(jìng)聘欄目。5. 建立一個(gè)展示和聯(lián)絡(luò)平臺(tái)。 2.2 相關(guān)技術(shù)分析2.2.1 ASP1. ASP簡(jiǎn)介ASP(Microsoft Active Server Pages ) ，是一套微軟開(kāi)發(fā)的效勞器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 和 4.0 以及更高的版本之中, 通過(guò) ASP 可以結(jié)合 HTML 網(wǎng)頁(yè)、 ASP 指令和 ActiveX 元件建立動(dòng)態(tài)、交互且高效的 WEB 效勞器應(yīng)用程序。所有的程序都將在效勞器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，效勞器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的

11、速度。因其有很多的優(yōu)點(diǎn)，所以我在燕京網(wǎng)上交流系統(tǒng)網(wǎng)站設(shè)計(jì)時(shí)選擇了它。2. ASP的特點(diǎn)（1） 使用 VBScript 、 Jscript 等簡(jiǎn)單易懂的腳本語(yǔ)言，結(jié)合 HTML 代碼， 即可快速地完成網(wǎng)站的應(yīng)用程序。 （2） 無(wú)須編譯，容易編寫(xiě)，可在效勞器端直接執(zhí)行。 （3） 使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計(jì)。 4 與瀏覽器無(wú)關(guān), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計(jì)的網(wǎng)頁(yè)內(nèi)容。5 Active Server Pages 的源程序，不會(huì)被傳到客戶瀏覽器，因而可 以防止所寫(xiě)的源程序被他人剽竊，也提高

12、了程序的平安性。6 瀏覽器傳送到站點(diǎn)效勞器的表單輸入訪問(wèn)和編輯效勞器的數(shù)據(jù)庫(kù)表。使用瀏覽器即可輸入、更新和刪除點(diǎn)效勞器的數(shù)據(jù)庫(kù)中的數(shù)據(jù) SQL server與access2000 Microsoft SQL Server 2000 是企業(yè)級(jí)數(shù)據(jù)庫(kù)解決方案，與 Microsoft Access 2002 相比，它極大地改良了可伸縮性、維護(hù)性和數(shù)據(jù)庫(kù)恢復(fù)功能。由于 SQL Server 基于客戶端/效勞器體系結(jié)構(gòu)，所以在通過(guò)遠(yuǎn)程連接處理和發(fā)送數(shù)據(jù)的方式上與 Access 有很大的不同。SQL Server 還提供了許多功能，使數(shù)據(jù)查詢、業(yè)務(wù)邏輯重用和數(shù)據(jù)備份等任務(wù)變得更簡(jiǎn)單，更靈活。雖然SQL s

13、erver有很多的優(yōu)點(diǎn)，但SQL用語(yǔ)創(chuàng)立大型數(shù)據(jù)庫(kù)操作復(fù)雜，涉及到的困難較多如數(shù)據(jù)庫(kù)的移動(dòng)等。又因我所選擇開(kāi)發(fā)的課題只是一個(gè)較小的課題，其數(shù)據(jù)庫(kù)主要應(yīng)用到網(wǎng)上注冊(cè)、留言咨詢系統(tǒng)中。殺雞焉用宰牛刀？根據(jù)我的分析可以選擇簡(jiǎn)單的Access 2000數(shù)據(jù)庫(kù)作為我的網(wǎng)站開(kāi)發(fā)的數(shù)據(jù)庫(kù)，因其操作非常簡(jiǎn)單，可移動(dòng)性好隨著網(wǎng)站可隨意移到任何位置，界面直觀，經(jīng)常應(yīng)用，使用熟練等特點(diǎn)使它成為我的首選。 Fireworks MXFireworks mx是Macromedia公司推出的平面圖像設(shè)計(jì)和圖像處理軟件，它具有強(qiáng)大的圖像優(yōu)化功能和操作易用性，受到廣闊平面圖形設(shè)計(jì)人員及網(wǎng)頁(yè)設(shè)計(jì)人員的青睞。利用它可制作如按鈕、背

14、景圖片、材質(zhì)紋理、網(wǎng)頁(yè)特效及網(wǎng)頁(yè)效果設(shè)計(jì)等。突出功能介紹：圖像大小尺寸的處理:翻開(kāi)要處理尺寸大小的圖像，在Modify修改菜單中選擇Image Size翻開(kāi)設(shè)置圖像尺寸大小的對(duì)話框，進(jìn)行具體選項(xiàng)設(shè)置，改變圖像大小，節(jié)省占用空間。圖像優(yōu)化的處理: 主要是協(xié)調(diào)圖像的質(zhì)量和圖像大小之間的關(guān)系，以便提高圖像在網(wǎng)頁(yè)中的下載速度。具體步驟：翻開(kāi)圖像，在Window窗口菜單中選擇Optimize翻開(kāi)優(yōu)化面板，進(jìn)行具體優(yōu)化設(shè)置，可以通過(guò)改變圖像格式，實(shí)現(xiàn)優(yōu)化處理。使用切割化設(shè)置: 將圖像分割成多個(gè)板塊，然后在對(duì)不同的板塊使用不同的優(yōu)化設(shè)置。具體步驟：翻開(kāi)圖像，在View菜單中選擇Slice Over

15、lay項(xiàng)勾選，然后單擊Show Hotspots and Slices顯示熱區(qū)和切割按鈕，對(duì)圖像進(jìn)行切割處理，將一幅圖像切割成假設(shè)干小圖像，提高網(wǎng)頁(yè)瀏覽圖像速度。 Flash MXFLASH是制作動(dòng)畫(huà)的一個(gè)軟件工具，它可以通過(guò)文字、圖片、錄像、聲音等綜合手段形象的表達(dá)一個(gè)意圖，通常像我們看到的廣告片段一樣。一般利用 Flash 技術(shù)來(lái)包裝公司形象、進(jìn)行產(chǎn)品宣傳等，通過(guò)網(wǎng)頁(yè)充分表達(dá)它的魅力，并可以到達(dá)非常好的效果。與以前版本相比擬Flash MX有如下特點(diǎn)：MX 擁有可訂制的、直觀的、友好的界面。可訂制的特性包括：面板布局、快捷鍵和發(fā)布設(shè)定。用戶界面和 Macromedia 的其他工具一樣，這樣

16、給使用者在應(yīng)用方面帶來(lái)很大的好處。 類似文件夾的組織和層操作，timeline 的強(qiáng)化可以讓你的工作更快速、工作量更少。比方：改善的鼠標(biāo)指針變形，多幀的修改長(zhǎng)短、剪切和粘貼可以更加方便的使用 timeline。 通過(guò)易用的工具可以對(duì)圖像對(duì)象進(jìn)行斜拉、旋轉(zhuǎn)、縮放和變形。當(dāng)你改變shapes, symbols, 和graphic elements 時(shí)，新的工具可以加強(qiáng)你的創(chuàng)造力。使用動(dòng)態(tài)蒙板可以產(chǎn)生復(fù)雜的效果。利用 movie clip 建立動(dòng)態(tài)的效果，也可以利用 ActionScript 控制蒙板。 Dreavaweaver MXDreamweaver是Macromedia公司推出的一款“平民化

17、的網(wǎng)頁(yè)制作軟件，具有可視化編輯界面和強(qiáng)大的所見(jiàn)即所得網(wǎng)頁(yè)編輯功能。用戶不必編寫(xiě)復(fù)雜的HTML源代碼，就可以生成跨平臺(tái)、跨瀏覽器的網(wǎng)頁(yè)。同時(shí)，Dreamweaver支持動(dòng)態(tài)HTML，并采用了Roundtrip HTML技術(shù)，從而奠定了在網(wǎng)頁(yè)高級(jí)設(shè)計(jì)功能方面的領(lǐng)先地位。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，動(dòng)態(tài)HTML技術(shù)能夠讓用戶輕松設(shè)計(jì)復(fù)雜的交互式網(wǎng)頁(yè)，產(chǎn)生動(dòng)態(tài)效果；而Roundtrip HTML技術(shù)那么可以支持HTML源編輯模式，不會(huì)產(chǎn)生冗余代碼，使網(wǎng)頁(yè)渲染速度加快。因此，Dreamweaver是一款可以滿足多層次需求，功能強(qiáng)大的可視化專業(yè)級(jí)網(wǎng)頁(yè)設(shè)計(jì)和制作工具。Dreavaweaver MX軟件具有以下特色

18、。出色的工作界面，將所有與Dreamweaver關(guān)聯(lián)的窗口都融入一個(gè)多重文檔窗口中，用戶可以隨時(shí)查看各種資源。并且可以設(shè)置單個(gè)或多個(gè)面板自由顯示，使用戶更精確地掌握網(wǎng)頁(yè)制作的細(xì)微之處。擁有更強(qiáng)大的協(xié)作能力，能夠與Macromedia公司的其他網(wǎng)頁(yè)制作軟件，如Flash MX、Fireworks MX等協(xié)調(diào)一致工作，從而使得輕松制作網(wǎng)頁(yè)成為可能。 提供了更為強(qiáng)大的多媒體處理功能，在設(shè)計(jì)DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)方面表現(xiàn)得極為出色。它利用JavaScript和DHTML語(yǔ)言代碼輕松地實(shí)現(xiàn)網(wǎng)頁(yè)元素的動(dòng)作和交互性操作，在這方面超過(guò)了F

19、rontPage XP、Hotdog和Homesite等著名網(wǎng)頁(yè)設(shè)計(jì)軟件，成為目前最為流行的網(wǎng)頁(yè)設(shè)計(jì)工具。允許在Dreamweaver中直接制作Flash Text、Flash Button插件，同時(shí)全面支持ASP、ASP .NET、JSP、PHP、XML、VXML和CFML等代碼，支持目前流行的大局部網(wǎng)絡(luò)設(shè)計(jì)代碼。增強(qiáng)了庫(kù)和模板功能，使用戶可以直接建立具有專業(yè)界面和代碼的網(wǎng)頁(yè)。綜上所述：我選擇了Dreamweaver MX用來(lái)設(shè)計(jì)網(wǎng)站布局，使用ASP技術(shù)完成動(dòng)態(tài)網(wǎng)頁(yè)的后臺(tái)數(shù)據(jù)庫(kù)的控制工作。用Fireworks MX完成網(wǎng)頁(yè)里的圖形、圖像、背景等處理。用Access 2000創(chuàng)立后臺(tái)數(shù)據(jù)庫(kù)，用

20、Flash MX完成網(wǎng)頁(yè)中動(dòng)態(tài)圖像的制作。第三章 網(wǎng)站的系統(tǒng)設(shè)計(jì)3.1 網(wǎng)站規(guī)劃根據(jù)前面的設(shè)計(jì)思想進(jìn)行分析，網(wǎng)站分為兩大局部：前臺(tái)與后臺(tái)管理。u 前臺(tái)局部按照系統(tǒng)開(kāi)發(fā)的根本觀點(diǎn)對(duì)網(wǎng)站進(jìn)行分解，從內(nèi)容上可對(duì)網(wǎng)站做如下劃分：主導(dǎo)航欄： 由網(wǎng)站首頁(yè)、單位介紹、教育新聞、學(xué)習(xí)平臺(tái)、崗位競(jìng)聘、留言反應(yīng)、聯(lián)系我們七大主要板塊組成，利用網(wǎng)絡(luò)平臺(tái)增進(jìn)、強(qiáng)化教師的學(xué)習(xí)及信息技術(shù)應(yīng)用水平等。首頁(yè)展示： 新聞資訊、學(xué)習(xí)平臺(tái)、聯(lián)系我們、同時(shí)在左側(cè)顯示學(xué)習(xí)平臺(tái)的目錄、網(wǎng)站調(diào)查及友情鏈接。網(wǎng)站結(jié)構(gòu)如圖3-1所示。網(wǎng)站首頁(yè)公司介紹教育新聞學(xué)習(xí)平臺(tái)崗位競(jìng)聘留言反應(yīng)聯(lián)系我們教育新聞學(xué)習(xí)平臺(tái)聯(lián)系我們圖3-1網(wǎng)站結(jié)構(gòu)圖u 后臺(tái)管理

21、局部后臺(tái)管理本著易用性設(shè)計(jì)，為網(wǎng)站的平安和方便管理者使用，其流程是：I. 登錄建立管理員賬號(hào)、密碼。目的：保障網(wǎng)站的平安性II. 進(jìn)入后臺(tái)管理III. 與前臺(tái)相對(duì)應(yīng)，后臺(tái)分為六個(gè)板塊。 其結(jié)構(gòu)如3-2圖：后臺(tái)管理系統(tǒng)管理首頁(yè)系統(tǒng)管理學(xué)習(xí)管理信息管理留言管理人才管理網(wǎng)站信息配置上傳文件管理站內(nèi)調(diào)查管理友情鏈接管理管理員管理用戶管理公司/企業(yè)簡(jiǎn)介修改聯(lián)系我們修改.學(xué)習(xí)類別管理文件管理新增文件修改文件審核文件信息修改添加信息管理留言招聘管理發(fā)布招聘應(yīng)聘管理圖3-2后臺(tái)管理結(jié)構(gòu)圖3.2 數(shù)據(jù)庫(kù)設(shè)計(jì)在設(shè)計(jì)網(wǎng)站的后臺(tái)數(shù)據(jù)庫(kù)時(shí)我采用的數(shù)據(jù)庫(kù)是Microsoft Access 2000，建立后綴為“.mdb的

22、庫(kù)文件。在網(wǎng)站中前臺(tái)與后臺(tái)管理系統(tǒng)共同使用一個(gè)數(shù)據(jù)庫(kù)sjhhsjb.asp，來(lái)完成各自的任務(wù)。用.asp將數(shù)據(jù)庫(kù)封裝，加強(qiáng)了數(shù)據(jù)庫(kù)的平安性。在數(shù)據(jù)庫(kù)中共有12張表，與前臺(tái)有關(guān)的表有4張表User表正在建設(shè)中，后臺(tái)管理相關(guān)有11張表。前臺(tái)相關(guān)的數(shù)據(jù)表與前臺(tái)有關(guān)的表有4張表，其中User表正在建設(shè)中。他們分別是book-記錄留言反應(yīng)；Jobbook-是應(yīng)聘崗位記錄；Vote-記錄網(wǎng)站調(diào)查；User-用于記錄注冊(cè)的用戶。.1 Vote-記錄網(wǎng)站調(diào)查,調(diào)查的內(nèi)容有后臺(tái)管理提供和修改,前臺(tái)那么負(fù)責(zé)收集調(diào)查的相應(yīng)數(shù)據(jù)。其表如3-1所示：表3-1 Vote表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)

23、編號(hào)不為空Title文本調(diào)查內(nèi)容不為空Select1數(shù)字選擇1不為空Answer1數(shù)字答復(fù)1可以為空Select2數(shù)字選擇2不為空Answer2數(shù)字答復(fù)2可以為空Select3數(shù)字選擇3可以為空Answer3數(shù)字答復(fù)3可以為空Select4數(shù)字選擇4可以為空Answer4數(shù)字答復(fù)4可以為空Select5數(shù)字選擇5可以為空Answer5數(shù)字答復(fù)5可以為空Select6數(shù)字選擇1可以為空Answer6數(shù)字答復(fù)1可以為空Select7數(shù)字選擇2可以為空Answer7數(shù)字答復(fù)2可以為空Select8數(shù)字選擇3可以為空Answer8數(shù)字答復(fù)3可以為空VoteTime文本日期和時(shí)間不為空VoteType文

24、本選擇類型不為空IsSelected是/否是否選擇可以為空此表共21個(gè)字段，用來(lái)保存網(wǎng)站的調(diào)查情況。其中選擇18的情況選用多少有后臺(tái)管理決定，但至少為2個(gè)，至多為8個(gè)。VoteTime、VoteType與IsSelected為系統(tǒng)自動(dòng)填入。 .2 Jobbook-是應(yīng)聘崗位記錄，每一位應(yīng)聘者將自己的狀況填入表中，并將其寫(xiě)入后臺(tái)數(shù)據(jù)庫(kù)。如3-2表所示：表3-2 Jobbook表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空jobname文本應(yīng)聘崗位不為空nname文本應(yīng)聘者姓名不為空sex男/女性別不為空birthday文本出生年月日不為空marry文本婚姻狀況不為空school文

25、本畢業(yè)院校不為空studydegree文本學(xué)歷不為空specialty文本專業(yè)不為空f(shuō)actory文本工作單位不為空gradyear文本工作時(shí)間不為空telephone文本 不為空email文本E-mail不為空address文本 不為空ability文本水平與能力不為空resumes文本簡(jiǎn)歷不為空time文本應(yīng)聘日期自動(dòng)填入此表共17個(gè)字段，用來(lái)保存在崗位應(yīng)聘者的信息。Time 表項(xiàng)是系統(tǒng)自動(dòng)填入。用于表示信息提供的時(shí)間。 .3 book-記錄留言反應(yīng),每一位訪問(wèn)者都可以在這里留下自己的疑問(wèn)、觀點(diǎn)和愿望。如3-3表所示表3-3 book表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)

26、不為空name文本用戶名稱可為空Comane文本單位名稱不為空Somane文本聯(lián)系人不為空Phone文本 不為空email文本E-mail可為空rebook文本管理員恢復(fù)可為空Title文本留言主題不為空content文本留言內(nèi)容不為空time文本留言時(shí)間自動(dòng)填入此表共9個(gè)字段，記錄訪問(wèn)者的疑問(wèn)、觀點(diǎn)和愿望。.4 User-用于記錄注冊(cè)的用戶。工程正在開(kāi)發(fā)中。如3-4表所示：表3-4 User表字段名稱字段類型字段說(shuō)明字段值UserID自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空UserName文本用戶名不為空Password文本密碼不為空Question文本密碼問(wèn)題不為空Answer文本問(wèn)題答案不為空Emai

27、l文本E-mail不為空Sex數(shù)字性別不為空Comane文本單位名稱不為空Name文本真實(shí)姓名不為空Z(yǔ)ip文本 不為空Somane文本身份證號(hào)不為空Phone文本聯(lián)系 不為空RegDate文本注冊(cè)日期系統(tǒng)自動(dòng)填入LastLoginTime文本最終注冊(cè)日期系統(tǒng)自動(dòng)填入LockUser文本鎖定管理員填入U(xiǎn)serLevel文本用戶級(jí)別管理員填入此表共有16字段，來(lái)完成用戶的注冊(cè)、認(rèn)定。 后臺(tái)管理相關(guān)的數(shù)據(jù)表在后臺(tái)管理中，數(shù)據(jù)庫(kù)為后臺(tái)管理提供了各種效勞，使后臺(tái)管理智能化。其中包括Vote-記錄網(wǎng)站調(diào)查、book-記錄留言反應(yīng)、BigClass-作品的大類信息、SmallClass-作品小類信息、Pro

28、duct-作品信息、Manage_User-管理員管理、main-公司/車間簡(jiǎn)介、links-友情鏈接管理、User-用于記錄注冊(cè)的用戶、Job-發(fā)布招聘紀(jì)錄和Conews-新聞咨詢紀(jì)錄。.1Vote-記錄網(wǎng)站調(diào)查，這張表前臺(tái)、后臺(tái)共用。如3-5所示：表3-5 Vote表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空Title文本調(diào)查內(nèi)容不為空Select1數(shù)字選擇1不為空Answer1數(shù)字答復(fù)1可以為空Select2數(shù)字選擇2不為空Answer2數(shù)字答復(fù)2可以為空Select3數(shù)字選擇3可以為空Answer3數(shù)字答復(fù)3可以為空Select4數(shù)字選擇4可以為空Answer4數(shù)字答

29、復(fù)4可以為空Select5數(shù)字選擇5可以為空Answer5數(shù)字答復(fù)5可以為空Select6數(shù)字選擇1可以為空Answer6數(shù)字答復(fù)1可以為空Select7數(shù)字選擇2可以為空Answer7數(shù)字答復(fù)2可以為空Select8數(shù)字選擇3可以為空Answer8數(shù)字答復(fù)3可以為空VoteTime文本日期和時(shí)間不為空VoteType文本選擇類型不為空IsSelected是/否是否選擇可以為空此表字段Title、Select18為后臺(tái)寫(xiě)入，作為網(wǎng)站調(diào)查的設(shè)置。 .2 User-用于記錄注冊(cè)的用戶。工程正在開(kāi)發(fā)中。在后臺(tái)中用于用戶管理，如3-6表所示：表3-6 User表字段名稱字段類型字段說(shuō)明字段值UserI

30、D自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空UserName文本用戶名不為空Password文本密碼不為空Question文本密碼問(wèn)題不為空Answer文本問(wèn)題答案不為空Email文本E-mail不為空Sex數(shù)字性別不為空Comane文本單位名稱不為空Name文本真實(shí)姓名不為空Z(yǔ)ip文本 不為空Somane文本身份證號(hào)不為空Phone文本聯(lián)系 不為空RegDate文本注冊(cè)日期系統(tǒng)自動(dòng)填入LastLoginTime文本最終注冊(cè)日期系統(tǒng)自動(dòng)填入LockUser文本鎖定管理員填入U(xiǎn)serLevel文本用戶級(jí)別管理員填入.3 book-記錄留言反應(yīng),在后臺(tái)管理中，用于記錄管理員回復(fù)的信息。如3-7表所示：表3-7 b

31、ook表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空name文本用戶名稱可為空Comane文本單位名稱不為空Somane文本聯(lián)系人不為空Phone文本 不為空email文本E-mail可為空rebook文本管理員恢復(fù)可為空Title文本留言主題不為空content文本留言內(nèi)容不為空time文本留言時(shí)間自動(dòng)填入此表字段rebook用于記錄管理員的回復(fù)信息。 .4 BigClass-作品的大類信息，劃分作品，便于管理。如表3-8所示：表3-8 BigClass表字段名稱字段類型字段說(shuō)明字段值BigClassID自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空BigClassName文本大類名稱不為空Ad

32、min數(shù)字管理員可為空此表共3個(gè)字段，用來(lái)保存大類信息。 .5 SmallClass-作品小類信息，細(xì)劃作品使之更有條理。如表3-9所示：表3-9 SmallClass表字段名稱字段類型字段說(shuō)明字段值SmallClassID自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空SmallClassName文本小類名稱不為空BigClassName文本隸屬的大類名稱不為空此表共3個(gè)字段闡述作品的小類。 .6 links-友情鏈接管理，如3-10表所示：表3-10 links表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空name文本網(wǎng)站名稱不為空note文本網(wǎng)站說(shuō)明不為空l(shuí)ink文本鏈接不為空time文本參加

33、時(shí)間系統(tǒng)自動(dòng)鍵入此表共5個(gè)字段建立鏈接表。 .7 Manage_User-管理員管理，用于對(duì)管理員的管理，如3-11表所示：表3-12 Manage_User表字段名稱字段類型字段說(shuō)明字段值Id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空UserName文本管理員帳號(hào)不為空PassWord文本管理員密碼不為空此表共3個(gè)字段，用來(lái)保存在網(wǎng)站留言系統(tǒng)管理員的相關(guān)信息。 .8 Job-發(fā)布招聘紀(jì)錄，用于管理員發(fā)布競(jìng)聘信息。如表3-13所示：表3-13 SmallClass表字段名稱字段類型字段說(shuō)明字段值ID自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空Duix文本崗位名稱不為空Rens數(shù)字招聘人數(shù)不為空Did文本工作地點(diǎn)不為空Daiy文

34、本工資待遇不為空Yaoq文本招聘要求不為空Qix數(shù)字有效期限不為空time文本發(fā)布日期系統(tǒng)自動(dòng)鍵入此表共8個(gè)字段。 .9 Product-作品信息，學(xué)習(xí)平臺(tái)的后臺(tái)數(shù)據(jù)表，如表3-14所示：表3-14 Product表字段名稱字段類型字段說(shuō)明字段值A(chǔ)rticleID自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空Product_Id自動(dòng)編號(hào)主鍵崗位名稱不為空BigClassName文本大類名稱可為空SmallClassName文本小類名稱可為空Title文本主鍵作品名稱不為空Key文本關(guān)鍵字不為空Hits數(shù)字點(diǎn)擊次數(shù)系統(tǒng)自動(dòng)鍵入U(xiǎn)pdateTime文本更新日起系統(tǒng)自動(dòng)鍵入Elite文本用于首頁(yè)現(xiàn)實(shí)可為空Passed文

35、本審核可為空Content文本內(nèi)容不為空IncludePic文本包含圖片系統(tǒng)自動(dòng)鍵入DefaultPicUrl文本首頁(yè)圖片可為空UploadFiles文本上傳文件可為空PaginationType文本分頁(yè)可為空MaxCharPerPage文本每頁(yè)最大字?jǐn)?shù)可為空此表共有16個(gè)字段，來(lái)記錄作品的各種信息。.10 Conews-新聞資訊紀(jì)錄，用于新聞資訊的管理，如表3-15所示：表3-15 Conews表字段名稱字段類型字段說(shuō)明字段值id自動(dòng)編號(hào)主鍵自動(dòng)編號(hào)不為空title文本資訊名稱不為空content文本資訊內(nèi)容不為空counter數(shù)字點(diǎn)擊次數(shù)系統(tǒng)自動(dòng)鍵入time文本發(fā)布日期系統(tǒng)自動(dòng)鍵入此表共5

36、個(gè)字段，描述新聞資訊。 .11 main-公司/車間簡(jiǎn)介，使之變成模式化，便于管理，如表3-16所示：表3-15 Conews表字段名稱字段類型字段說(shuō)明字段值home文本網(wǎng)站地址主鍵不為空content文本字體大小不為空About文本簡(jiǎn)介內(nèi)容不為空Linian文本理念可為空J(rèn)igou文本機(jī)構(gòu)可為空此表共5個(gè)字段，完成公司/車間簡(jiǎn)介的介紹。3.3 交互式頁(yè)面設(shè)計(jì)網(wǎng)站的交互式頁(yè)面是動(dòng)態(tài)頁(yè)面，與后臺(tái)數(shù)據(jù)庫(kù)緊密聯(lián)系。在設(shè)計(jì)時(shí)，為保持網(wǎng)頁(yè)的和諧統(tǒng)一，因此采用同一模板，方便的實(shí)現(xiàn)了與訪問(wèn)者的交互。前臺(tái)以留言反應(yīng)為例，如圖3-3，后臺(tái)以管理員管理為例如圖3-4所示。圖3-3 留言反應(yīng)界面圖3-4 管理員管理

37、界面第四章 網(wǎng)站的系統(tǒng)實(shí)現(xiàn)4.1 LOGO和Banner 網(wǎng)站的LOGO和Banner是網(wǎng)站的標(biāo)志，由標(biāo)志圖片，網(wǎng)站名稱，宣傳語(yǔ)和宣傳圖片組成。如圖4-1所示。其中，網(wǎng)站標(biāo)志和網(wǎng)站名稱是用Firewoks MX軟件設(shè)計(jì)實(shí)現(xiàn)的；宣傳語(yǔ)和宣傳圖片是用Flash MX軟件設(shè)計(jì)實(shí)現(xiàn)的。圖4-1LOGO與Banner的標(biāo)志圖片4.2 網(wǎng)站界面的實(shí)現(xiàn) 前臺(tái)網(wǎng)站的主頁(yè)設(shè)置 在網(wǎng)站中設(shè)計(jì)中，為保持各個(gè)頁(yè)面的連貫性，采用分塊設(shè)計(jì)。設(shè)計(jì)Head.asp作為各個(gè)網(wǎng)頁(yè)的頭部；設(shè)計(jì)Foot.asp作為網(wǎng)頁(yè)的頁(yè)腳。頭部與頁(yè)腳的色調(diào)以藍(lán)色調(diào)為主，醒目，突出重點(diǎn)。中間內(nèi)容局部以白色作為基色調(diào)。能夠把內(nèi)容鮮明的表達(dá)出來(lái)。 H圖

38、4-2 head網(wǎng)頁(yè)頭部圖片 foot.asp的現(xiàn)實(shí)效果如圖4-3所示：圖4-3 foot網(wǎng)頁(yè)的頁(yè)腳圖片首頁(yè)面采用動(dòng)、靜結(jié)合的方法進(jìn)行設(shè)計(jì)。動(dòng)是指畫(huà)面的動(dòng)和動(dòng)態(tài)網(wǎng)也行結(jié)合；靜是指靜態(tài)頁(yè)面顯示。給人以簡(jiǎn)潔，但內(nèi)容突出的印象。如圖4-4所示：圖4-4網(wǎng)站主頁(yè)面在網(wǎng)站中以簡(jiǎn)潔的方式將網(wǎng)站的主要欄目介紹出來(lái)，同時(shí)將第一個(gè)動(dòng)態(tài)的欄目帶給大家。以靜態(tài)方式展示新聞資訊、學(xué)習(xí)平臺(tái)、聯(lián)系我們和友情鏈接。一個(gè)動(dòng)態(tài)欄目-網(wǎng)站調(diào)查。實(shí)現(xiàn)瀏覽者的第一次交互。 網(wǎng)站的分頁(yè)設(shè)置網(wǎng)站的分頁(yè)是由主頁(yè)鏈接的目標(biāo)頁(yè)，其內(nèi)容為主頁(yè)鏈接的詳細(xì)內(nèi)容展開(kāi)。本網(wǎng)站中設(shè)置了一級(jí)、二級(jí)子頁(yè)，個(gè)個(gè)欄目的內(nèi)容。各級(jí)子頁(yè)面保持與主業(yè)面的風(fēng)格，實(shí)現(xiàn)了網(wǎng)

39、站的統(tǒng)一。其形式見(jiàn)圖4-5和圖4-6。圖4-5網(wǎng)站一級(jí)頁(yè)面圖4-6網(wǎng)站二級(jí)子頁(yè)面后臺(tái)網(wǎng)站的主頁(yè)設(shè)置 在網(wǎng)站中設(shè)計(jì)中，為保持各個(gè)頁(yè)面的連貫性，采用分塊設(shè)計(jì)。后臺(tái)設(shè)計(jì)采用了與前臺(tái)相同的技術(shù)。但頁(yè)面風(fēng)格不同。其首頁(yè)面形式如圖4-7所示：圖4-7后臺(tái)管理首頁(yè)面在后臺(tái)頁(yè)面設(shè)計(jì)中，沒(méi)有設(shè)計(jì)head和foot,但設(shè)計(jì)了left作為后臺(tái)管理的導(dǎo)航。如圖4-8所示：圖4-8后臺(tái)管理的left導(dǎo)航網(wǎng)站的后臺(tái)管理分頁(yè)設(shè)置 網(wǎng)站的后臺(tái)以綠色為基調(diào)，首頁(yè)不再顯示各分頁(yè)面的內(nèi)容。后臺(tái)進(jìn)入需要登陸。其登陸的頁(yè)面如圖4-9所示：圖4-9后臺(tái)管理登錄頁(yè)面后臺(tái)管理的首頁(yè)與分頁(yè)面的比擬如圖4-10、4-11、4-12。圖4-10后

40、臺(tái)管理的首頁(yè)圖4-11后臺(tái)管理的管理員管理頁(yè)面圖4-12后臺(tái)管理的信息管理的信息修改頁(yè)面總之后臺(tái)管理的設(shè)計(jì)思想是盡量直接實(shí)現(xiàn)各種功能，不需其他技巧就能完成后臺(tái)管理，使其不需要多少的計(jì)算機(jī)專業(yè)技能，也能輕松勝任。4.3 設(shè)置IIS效勞器在Windows操作系統(tǒng)中選擇控制面板添加/刪除程序添加/刪除Windows組件勾選Internet信息效勞IIS即可。4.4 交互式頁(yè)面的實(shí)現(xiàn)4.4.1 ASP的對(duì)象存取數(shù)據(jù)庫(kù)方法在ASP中，用來(lái)存取數(shù)據(jù)庫(kù)的對(duì)象統(tǒng)稱ADOActive Data Objects，主要含有三種對(duì)象：Connection、Recordset 、Command。Connection：負(fù)

41、責(zé)翻開(kāi)或連接數(shù)據(jù)。Recordset：負(fù)責(zé)存取數(shù)據(jù)表。Command：負(fù)責(zé)對(duì)數(shù)據(jù)庫(kù)執(zhí)行行動(dòng)查詢命令。 后臺(tái)數(shù)據(jù)庫(kù)的連接代碼的實(shí)現(xiàn)要使用后臺(tái)數(shù)據(jù)庫(kù)的數(shù)據(jù)，必須先進(jìn)行數(shù)據(jù)庫(kù)的連接與翻開(kāi)，要連接數(shù)據(jù)庫(kù)我們必須使用ADO對(duì)象群的Connection對(duì)象。 asp數(shù)據(jù)庫(kù)的連接有2種方法：1、可以使用 DSN 在 Web 應(yīng)用程序和數(shù)據(jù)庫(kù)之間建立 ODBC 連接。DSN 是一種名稱，它包含使用 ODBC 驅(qū)動(dòng)程序連接到指定數(shù)據(jù)庫(kù)所需的全部參數(shù)。 2、可以使用非 DSN 連接在 Web 應(yīng)用程序和數(shù)據(jù)庫(kù)之間創(chuàng)立 ODBC 或 OLE DB 連接。 即連接字符串。使用連接字符串來(lái)創(chuàng)立該連接,連接字符串包含 W

42、eb 應(yīng)用程序在效勞器上連接到數(shù)據(jù)庫(kù)所需的全部信息。Dreamweaver 在網(wǎng)頁(yè)的效勞器端腳本中插入該字符串，以便讓?xiě)?yīng)用程序效勞器在隨后進(jìn)行處理。 下面是一個(gè)連接字符串例如： Driver=Microsoft Access Driver (*.mdb);DBQ=d:abcwwwrootmywebdata.mdb后臺(tái)數(shù)據(jù)庫(kù)的連接因非DSN連接簡(jiǎn)單我選擇了非DSN連接，由于連接方法相同，我在每個(gè)交互式系統(tǒng)中都建立了一個(gè)conn.asp連接和翻開(kāi)數(shù)據(jù)庫(kù)文件，以供其他動(dòng)態(tài)網(wǎng)頁(yè)文件包含應(yīng)用。代碼如下：<%Set Conn=Server.CreateObject("ADODB.Conne

43、ction")Conn.Open "DBQ="&Server.MapPath("datadata.mdb")&"Driver=Microsoft Access Driver (*.mdb)"%> 網(wǎng)站調(diào)查的實(shí)現(xiàn)主要思想是：采集數(shù)據(jù)直接調(diào)用syscode.asp中的showvote()函數(shù)，對(duì)于設(shè)置網(wǎng)站調(diào)查那么在后臺(tái)管理中地votemanage.asp如圖4-13和4-14：圖4-13后臺(tái)管理網(wǎng)站調(diào)查界面圖4-14網(wǎng)站調(diào)查在后臺(tái)管理系統(tǒng)中可以對(duì)你感興趣的話題進(jìn)行設(shè)置如圖4-13所示，在前臺(tái)顯示如圖4-14

44、所示，就可以得到相應(yīng)的調(diào)查結(jié)果。調(diào)查結(jié)果如圖4-15所示圖4-15調(diào)查結(jié)果 留言反應(yīng)系統(tǒng)的實(shí)現(xiàn) 留言反應(yīng)系統(tǒng)主要在前臺(tái)表達(dá)，前臺(tái)不僅可以瀏覽每個(gè)人的留言，及聯(lián)系方式，還可以參加自己的留言、意見(jiàn)等。后臺(tái)主要負(fù)責(zé)管理員對(duì)留言的回復(fù)和管理。前臺(tái)實(shí)現(xiàn)由gbook.asp如圖4-16所示顯示留言went.asp如圖4-17所示留言留言報(bào)錯(cuò)系統(tǒng)和wtok.asp提交成功組成。這樣就到達(dá)了管理員與瀏覽著、用戶的有效溝通。圖4-16留言反應(yīng)頁(yè)面圖4-17留言的頁(yè)面其報(bào)錯(cuò)畫(huà)面如圖4-18所示圖4-18報(bào)錯(cuò)畫(huà)面后臺(tái)管理的界面如圖4-19所示圖4-19留言管理的后臺(tái)系統(tǒng) 崗位競(jìng)聘系統(tǒng)的實(shí)現(xiàn) 崗位競(jìng)聘的前臺(tái)與后臺(tái)管理

45、失勢(shì)線路留言反應(yīng)系統(tǒng)類似，這里不再表達(dá)。 后臺(tái)管理系統(tǒng)的各級(jí)頁(yè)面實(shí)現(xiàn) 這里僅以新聞資訊為例，其他分級(jí)頁(yè)面大同小異。新聞資訊在前臺(tái)主要是顯示共瀏覽著閱讀，后臺(tái)是管理者將信息資訊參加數(shù)據(jù)庫(kù)，添加、修改、刪除。前臺(tái)不再累述。其導(dǎo)航是信息管理。包含兩項(xiàng)：信息修改和添加信息。分別如圖4-20、4-21所示：圖4-20信息修改圖4-21添加信息這樣就方便得實(shí)現(xiàn)了在后臺(tái)簡(jiǎn)單的參加信息，就可以讓瀏覽者在前臺(tái)瀏覽。實(shí)現(xiàn)了盡管管理者不懂電腦，也能如意的運(yùn)用進(jìn)行發(fā)布信息、修改信息。 后臺(tái)登陸的實(shí)現(xiàn) 對(duì)后臺(tái)管理的實(shí)現(xiàn)，只有登陸系統(tǒng)。要成為一個(gè)管理員，必須有已是管理員的人在后臺(tái)管理頁(yè)面上進(jìn)行添加操作，才能使之成為管理員

46、。管理登陸如圖4-22，管理員管理如圖4-23所示。圖4-22管理員登陸畫(huà)面在的源代碼里同時(shí)有報(bào)錯(cuò)系統(tǒng)。圖4-23管理員管理界面4.5 網(wǎng)站發(fā)布與瀏覽1 發(fā)布將網(wǎng)站的所有文件夾和文件保存到設(shè)定的主目錄中即可。2 設(shè)置主目錄選擇控制面板管理工具Internet效勞管理器右擊默認(rèn)站點(diǎn)選擇屬性設(shè)置主目錄。3 瀏覽在IIS中選擇默認(rèn)Web站點(diǎn)中的首頁(yè)default文檔，右鍵選擇瀏覽。第五章 調(diào)試和優(yōu)化網(wǎng)站調(diào)試一個(gè)站點(diǎn)制作好后，在細(xì)節(jié)上肯定還有一些值得調(diào)節(jié)的地方，比方無(wú)效鏈接，Java、Cookie錯(cuò)誤等等，所以網(wǎng)站調(diào)試是一個(gè)不容無(wú)視的環(huán)節(jié)。只要利用瀏覽器就可以完成這項(xiàng)工作。雖然Internet Exp

47、lorer簡(jiǎn)稱IE在瀏覽器市場(chǎng)中占據(jù)著優(yōu)勢(shì)性份額，但并不是說(shuō)它強(qiáng)大到無(wú)可挑剔的地步，除了平安隱患問(wèn)題，在站長(zhǎng)進(jìn)行網(wǎng)站調(diào)試時(shí)，也暴露出IE的嚴(yán)重缺乏。其實(shí)，很多站長(zhǎng)都利用Mozilla這款老牌的Web瀏覽器來(lái)調(diào)試自己的網(wǎng)站，它可以快速、高效、即時(shí)地找出網(wǎng)頁(yè)中存在的問(wèn)題。1為什么Mozilla比IE更適合調(diào)試網(wǎng)站和IE不同的是，Mozilla不但可以用于網(wǎng)頁(yè)瀏覽、網(wǎng)頁(yè)編輯，更為重要的是Mozilla內(nèi)置了強(qiáng)大的調(diào)試工具，能方便、高效地對(duì)站點(diǎn)網(wǎng)頁(yè)進(jìn)行JavaScript糾錯(cuò)、Cookie管理、源代碼查看、DOM 查看和頁(yè)面信息查詢等，這些都是IE不容易做到的。2運(yùn)用環(huán)境：當(dāng)IE腳本信息太簡(jiǎn)單時(shí)在網(wǎng)頁(yè)

48、編寫(xiě)中使用JavaScript是司空見(jiàn)慣的事情了，當(dāng)JavaScript出現(xiàn)問(wèn)題時(shí)，在IE瀏覽器中只會(huì)彈出一個(gè)簡(jiǎn)單的錯(cuò)誤提示對(duì)話框，告訴你該網(wǎng)頁(yè)有錯(cuò)誤，出錯(cuò)提示信息過(guò)于簡(jiǎn)單，而且無(wú)法進(jìn)行管理，滿足不了調(diào)試網(wǎng)頁(yè)工作的需要。這種情況下，我們就可以利用Mozilla來(lái)解決。3錯(cuò)誤，就這樣被“揪出Mozilla內(nèi)置了“JavaScript控制臺(tái)，只要你在網(wǎng)頁(yè)調(diào)試時(shí)翻開(kāi)JavaScript控制臺(tái)，就可以看到被記錄下的JavaScript 錯(cuò)誤提示信息，方便大家找出錯(cuò)誤所在，起到即時(shí)修正網(wǎng)頁(yè)錯(cuò)誤的目的。如何利用Mozilla內(nèi)置的“JavaScript控制臺(tái)來(lái)快速定位問(wèn)題所在？其實(shí)非常簡(jiǎn)單。使用Mozil

49、la 瀏覽器進(jìn)行網(wǎng)站調(diào)試時(shí)，依次點(diǎn)擊“工具Web開(kāi)發(fā)JavaScript控制臺(tái)工程后，彈出“JavaScript控制臺(tái)對(duì)話框，在列表框中記錄著網(wǎng)頁(yè)的JavaScript出錯(cuò)信息，并且每項(xiàng)錯(cuò)誤信息都詳細(xì)地記錄著出錯(cuò)的文件名、JavaScript錯(cuò)誤所在行號(hào)，以及錯(cuò)誤出現(xiàn)時(shí)的上下文，這樣一來(lái)就很容易找出JavaScript出錯(cuò)位置和錯(cuò)誤原因。此外，你還可以右鍵點(diǎn)擊錯(cuò)誤工程，在彈出的菜單中選擇“復(fù)制工程，將JavaScript出錯(cuò)信息復(fù)制到剪貼板中，以便保存到其他文件中。提示：雖然JavaScript控制臺(tái)功能強(qiáng)大，但也有缺乏之處，這就是無(wú)法將所有的JavaScript出錯(cuò)工程保存到一個(gè)文件中，只能

50、逐條手工保存。4嚴(yán)格模式，讓網(wǎng)頁(yè)顯示更“順暢網(wǎng)頁(yè)調(diào)試中，除了JavaScript錯(cuò)誤信息外，還有一種出錯(cuò)信息，就是“嚴(yán)格的JavaScript警告信息。雖然這種“JavaScript警告沒(méi)有JavaScript錯(cuò)誤信息嚴(yán)重，但它也會(huì)嚴(yán)重地影響到網(wǎng)頁(yè)的顯示速度，要想讓你的網(wǎng)站做得完美，這種JavaScript警告錯(cuò)誤也必須剔除。默認(rèn)情況下，Mozilla是不記錄“嚴(yán)格的JavaScript警告信息，必須手工激活該功能。在Mozilla瀏覽器主窗口中，點(diǎn)擊“編輯首選項(xiàng)后，彈出首選項(xiàng)對(duì)話框，切換到“調(diào)試工程欄，選中“顯示嚴(yán)格的JavaScript警告信息選項(xiàng)，最后點(diǎn)擊“確定按鈕。這樣“JavaScript控制臺(tái)就會(huì)記錄下這些警告信息，方便用戶查找JavaScript問(wèn)題所在，優(yōu)化你的網(wǎng)頁(yè)，讓它顯示得更順暢。 5運(yùn)用環(huán)境：當(dāng)IE無(wú)法管理Cookie時(shí) 在Cookie文件中保存著網(wǎng)站和用戶的很多機(jī)密信息，因此在網(wǎng)站調(diào)試工作中，Cookie調(diào)試也是一個(gè)不可掉以輕心的環(huán)節(jié)。因?yàn)镮E提供的Cookie管理或調(diào)試功能太弱了。要想管理或調(diào)試Cookie只能采取比擬笨拙的方法，如在Windo