電大畢業(yè)論文模板.doc

北京廣播電視大學(xué)畢業(yè)設(shè)計論文題目： 姓名學(xué)號： 專業(yè)年級： 分 校： 指導(dǎo)教師： 董黎明 2011 年 4 月62摘 要 Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一部分。隨著時代的發(fā)展，網(wǎng)絡(luò)逐漸成為最時尚、最快捷的交流工具。從2000年中國入世以來，全球經(jīng)濟(jì)一體化的趨勢對國有企業(yè)帶來巨大沖擊。為適應(yīng)時代發(fā)展，借鑒國際先進(jìn)的管理經(jīng)驗，為了加強(qiáng)管理，提高工作效率，深化改革，我公司于2002年建立了自己的網(wǎng)站和局域網(wǎng)。Internet上發(fā)布信息主要是通過網(wǎng)站來實現(xiàn)的，獲取信息也是在Internet中按照一定的檢索方式將所需要的信息從網(wǎng)站上下載下來。因此網(wǎng)站建設(shè)在Internet應(yīng)用中的地位顯而易見，本網(wǎng)站的個性化頁面生成系統(tǒng)是在Dreamweaver提供的完善的開發(fā)環(huán)境下，利用IIS+ASP技術(shù)來實現(xiàn)完成的。本文中數(shù)據(jù)庫服務(wù)器端采用了Microsoft Access數(shù)據(jù)庫作為ODBC(Open DataBase Connectivity )數(shù)據(jù)源，并進(jìn)行數(shù)據(jù)庫存取等操作，從而使Web與數(shù)據(jù)庫緊密聯(lián)系起來。為了充分利用網(wǎng)絡(luò)資源，加強(qiáng)廠內(nèi)各個部門的聯(lián)系，加強(qiáng)合作，促進(jìn)職工的學(xué)習(xí)熱情，提高職工的業(yè)務(wù)水平，建立此網(wǎng)站。關(guān)鍵詞：ASP，數(shù)據(jù)庫，留言反饋， IIS目 錄摘 要IAbstractII第一章 緒論11.1 教師網(wǎng)上交流系統(tǒng)網(wǎng)站的建站環(huán)境與目的11.2 網(wǎng)站發(fā)揮的作用21.3網(wǎng)站的訪問對象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è)計73.1 網(wǎng)站規(guī)劃73.2 數(shù)據(jù)庫設(shè)計93.2.1前臺相關(guān)的數(shù)據(jù)表93.2.2 后臺管理相關(guān)的數(shù)據(jù)表113.3 交互式頁面設(shè)計14第四章 網(wǎng)站的系統(tǒng)實現(xiàn)164.1 LOGO和Banner164.2 網(wǎng)站界面的實現(xiàn)164.2.1 前臺網(wǎng)站的主頁設(shè)置164.2.2 網(wǎng)站的分頁設(shè)置174.2.3后臺網(wǎng)站的主頁設(shè)置194.2.4網(wǎng)站的后臺管理分頁設(shè)置204.3 設(shè)置IIS服務(wù)器224.4 交互式頁面的實現(xiàn)224.4.1 ASP的對象存取數(shù)據(jù)庫方法224.4.2 后臺數(shù)據(jù)庫的連接代碼的實現(xiàn)224.4.3 網(wǎng)站調(diào)查的實現(xiàn)234.4.4 留言反饋系統(tǒng)的實現(xiàn)244.4.5 崗位競聘系統(tǒng)的實現(xiàn)264.4.6 后臺管理系統(tǒng)的各級頁面實現(xiàn)264.4.7 后臺登陸的實現(xiàn)274.5 網(wǎng)站發(fā)布與瀏覽28第五章 調(diào)試和優(yōu)化295.1網(wǎng)站調(diào)試295.2優(yōu)化方案32結(jié)論33致 謝34參考文獻(xiàn)35附錄36第一章 緒論1.1 教師網(wǎng)上交流系統(tǒng)網(wǎng)站的建站環(huán)境與目的Internet是目前世界上最大的計算機(jī)互聯(lián)網(wǎng)絡(luò)，它遍布全球，將世界各地各種規(guī)模的網(wǎng)絡(luò)連接成一個整體。作為Internet上一種先進(jìn)的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據(jù)估計，目前Internet上已有上百萬個Web站點，其內(nèi)容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領(lǐng)域，其用戶群十分龐大，因此，建設(shè)一個好的Web站點對于一個機(jī)構(gòu)的發(fā)展十分重要。近年來，隨著網(wǎng)絡(luò)用戶要求的不斷提高及計算機(jī)科學(xué)的迅速發(fā)展，特別是數(shù)據(jù)庫技術(shù)在Internet中的廣泛應(yīng)用，Web站點向用戶提供的服務(wù)將越來越豐富，越來越人性化。Internet的迅猛發(fā)展正在徹底地改變我們的生活、工作方式，網(wǎng)絡(luò)已經(jīng)成為我們生活中不可缺少的一部分。為了加強(qiáng)管理，提高工作效率，借鑒國際先進(jìn)的管理經(jīng)驗，深化改革，我公司于2002年建立了自己的網(wǎng)站和局域網(wǎng)。為了充分利用網(wǎng)絡(luò)資源，加強(qiáng)廠內(nèi)各個部門的聯(lián)系，加強(qiáng)合作，促進(jìn)職工的學(xué)習(xí)熱情，提高職工的業(yè)務(wù)水平，建立此網(wǎng)站。本文中數(shù)據(jù)庫服務(wù)器端采用了Microsoft Access數(shù)據(jù)庫作為ODBC(Open DataBase Connectivity )數(shù)據(jù)源，并進(jìn)行數(shù)據(jù)庫存取等操作，使Web與數(shù)據(jù)庫緊密聯(lián)系起來整個個性化頁面生成系統(tǒng)主要由使用Dreamweaver開發(fā)的關(guān)聯(lián)規(guī)則采掘系統(tǒng)和利用IIS+ASP技術(shù)實現(xiàn)的個性化Web頁面生成器兩部分組成。關(guān)聯(lián)規(guī)則采掘系統(tǒng)對數(shù)據(jù)庫中的歷史記錄進(jìn)行分析，產(chǎn)生用戶關(guān)聯(lián)規(guī)則表；頁面生成器則負(fù)責(zé)記錄用戶行為和根據(jù)關(guān)聯(lián)規(guī)則表動態(tài)生成用戶個性化Web頁面。二者通過數(shù)據(jù)庫服務(wù)器和Web服務(wù)器連接。本項目主要完成Web服務(wù)器端的用戶注冊、用戶登陸以及管理個人資料、注冊條約、取回密碼、修改密碼以及管理員登陸和注銷、實現(xiàn)與完善以及整個實驗網(wǎng)站的組織建立和測試工作。1.2 網(wǎng)站發(fā)揮的作用信息時代的來臨拓寬了教師進(jìn)行自我提升的途徑，同時也對教師的素質(zhì)提出了更高的要求。被稱為當(dāng)今社會的“天之驕子”的電腦主宰著世界的前進(jìn)，而主宰電腦的我們則更應(yīng)該多思考，多研究，多學(xué)習(xí)。只讀書的學(xué)習(xí)方式一去不復(fù)返，科技的日新月異，使我們不得不學(xué)習(xí)一種新的知識-計算機(jī)技術(shù)。怪不得有人說“不會電腦的人，將是新世紀(jì)的文盲”。足見網(wǎng)上學(xué)習(xí)的重要性。教師網(wǎng)上交流系統(tǒng)網(wǎng)站將作為一個教師的學(xué)習(xí)、交流的平臺，設(shè)立教育新聞，展示全區(qū)學(xué)校風(fēng)采，發(fā)布各中小學(xué)校、幼兒園的活動、教研等信息；設(shè)立學(xué)習(xí)平臺實現(xiàn)網(wǎng)上學(xué)習(xí)，拓寬培訓(xùn)途徑；隨著教師人事制度改革的深入，強(qiáng)化人才的管理，建立崗位競聘模塊；留言反饋、聯(lián)系我們的建立，便于于教師的互動和交流。1.3網(wǎng)站的訪問對象 站內(nèi)游客：瀏覽網(wǎng)頁后知道本單位的概況，了解區(qū)內(nèi)教育新聞；掌握教師專業(yè)知識。 注冊用戶：可以在網(wǎng)上進(jìn)行專業(yè)的學(xué)習(xí)。主要是單位教師，在網(wǎng)上對工作進(jìn)行交流學(xué)習(xí)。 管理人員：對網(wǎng)站進(jìn)行管理，回復(fù)留言，發(fā)布新聞、及崗位競聘等內(nèi)容。查看崗位競聘信息，并與之聯(lián)系等。 第二章 網(wǎng)站的需求分析與技術(shù)分析2.1 需求分析現(xiàn)代社會是信息高度發(fā)達(dá)的社會，伴隨著信息的潮涌，技術(shù)的沖擊，課堂教學(xué)中也滲透著新的教育觀念。將信息技術(shù)與學(xué)科教學(xué)整合，讓現(xiàn)代信息技術(shù)為教學(xué)服務(wù)，是一個提高教學(xué)效果和效率的有效途徑。因此網(wǎng)站建立根據(jù)現(xiàn)在單位的實際情況有如下要求：1. 建立網(wǎng)站主要應(yīng)用于本區(qū)教育城域網(wǎng)內(nèi)部。2. 由于單位部門多，人員分散，需要依托網(wǎng)絡(luò)建立一個教師學(xué)習(xí)培訓(xùn)平臺。3. 管理人員的計算機(jī)水平參差不齊，需要建立一個強(qiáng)大的后臺管理平臺，主要是它的易用性。4. 隨著教師人事制度深化改革，逐漸加強(qiáng)各部門管理，競爭上崗成為單位的主要的管理形式，因此建立崗位競聘欄目。5. 建立一個展示和聯(lián)絡(luò)平臺。 2.2 相關(guān)技術(shù)分析2.2.1 ASP1. ASP簡介ASP(Microsoft Active Server Pages ) ，是一套微軟開發(fā)的服務(wù)器端腳本環(huán)境， ASP 內(nèi)含于 IIS 3.0 和 4.0 以及更高的版本之中, 通過 ASP 可以結(jié)合 HTML 網(wǎng)頁、 ASP 指令和 ActiveX 元件建立動態(tài)、交互且高效的 WEB 服務(wù)器應(yīng)用程序。所有的程序都將在服務(wù)器端執(zhí)行，包括所有嵌在普通 HTML 中的腳本程序。當(dāng)程序執(zhí)行完畢后，服務(wù)器僅將執(zhí)行的結(jié)果返回給客戶瀏覽器，這樣也就減輕了客戶端瀏覽器的負(fù)擔(dān)，大大提高了交互的速度。因其有很多的優(yōu)點，所以我在燕京網(wǎng)上交流系統(tǒng)網(wǎng)站設(shè)計時選擇了它。2. ASP的特點（1） 使用 VBScript 、 Jscript 等簡單易懂的腳本語言，結(jié)合 HTML 代碼， 即可快速地完成網(wǎng)站的應(yīng)用程序。 （2） 無須編譯，容易編寫，可在服務(wù)器端直接執(zhí)行。 （3） 使用普通的文本編輯器，如 Windows 的記事本，即可進(jìn)行編輯設(shè)計。 （4） 與瀏覽器無關(guān), 用戶端只要使用可執(zhí)行 HTML 碼的瀏覽器，即可瀏覽 Active Server Pages 所設(shè)計的網(wǎng)頁內(nèi)容。（5） Active Server Pages 的源程序，不會被傳到客戶瀏覽器，因而可 以避免所寫的源程序被他人剽竊，也提高了程序的安全性。（6） 瀏覽器傳送到站點服務(wù)器的表單輸入訪問和編輯服務(wù)器的數(shù)據(jù)庫表。使用瀏覽器即可輸入、更新和刪除點服務(wù)器的數(shù)據(jù)庫中的數(shù)據(jù)2.2.2 SQL server與access2000 Microsoft SQL Server 2000 是企業(yè)級數(shù)據(jù)庫解決方案，與 Microsoft Access 2002 相比，它極大地改進(jìn)了可伸縮性、維護(hù)性和數(shù)據(jù)庫恢復(fù)功能。由于 SQL Server 基于客戶端/服務(wù)器體系結(jié)構(gòu)，所以在通過遠(yuǎn)程連接處理和發(fā)送數(shù)據(jù)的方式上與 Access 有很大的不同。SQL Server 還提供了許多功能，使數(shù)據(jù)查詢、業(yè)務(wù)邏輯重用和數(shù)據(jù)備份等任務(wù)變得更簡單，更靈活。雖然SQL server有很多的優(yōu)點，但SQL用語創(chuàng)建大型數(shù)據(jù)庫操作復(fù)雜，涉及到的困難較多如數(shù)據(jù)庫的移動等。又因我所選擇開發(fā)的課題只是一個較小的課題，其數(shù)據(jù)庫主要應(yīng)用到網(wǎng)上注冊、留言咨詢系統(tǒng)中。殺雞焉用宰牛刀？根據(jù)我的分析可以選擇簡單的Access 2000數(shù)據(jù)庫作為我的網(wǎng)站開發(fā)的數(shù)據(jù)庫，因其操作非常簡單，可移動性好（隨著網(wǎng)站可隨意移到任何位置），界面直觀，經(jīng)常應(yīng)用，使用熟練等特點使它成為我的首選。2.2.3 Fireworks MXFireworks mx是Macromedia公司推出的平面圖像設(shè)計和圖像處理軟件，它具有強(qiáng)大的圖像優(yōu)化功能和操作易用性，受到廣大平面圖形設(shè)計人員及網(wǎng)頁設(shè)計人員的青睞。利用它可制作如按鈕、背景圖片、材質(zhì)紋理、網(wǎng)頁特效及網(wǎng)頁效果設(shè)計等。突出功能介紹：圖像大小尺寸的處理:打開要處理尺寸大小的圖像，在Modify修改菜單中選擇Image Size打開設(shè)置圖像尺寸大小的對話框，進(jìn)行具體選項設(shè)置，改變圖像大小，節(jié)省占用空間。圖像優(yōu)化的處理:主要是協(xié)調(diào)圖像的質(zhì)量和圖像大小之間的關(guān)系，以便提高圖像在網(wǎng)頁中的下載速度。具體步驟：打開圖像，在Window窗口菜單中選擇Optimize打開優(yōu)化面板，進(jìn)行具體優(yōu)化設(shè)置，可以通過改變圖像格式，實現(xiàn)優(yōu)化處理。使用切割化設(shè)置: 將圖像分割成多個板塊，然后在對不同的板塊使用不同的優(yōu)化設(shè)置。具體步驟：打開圖像，在View菜單中選擇Slice Overlay項勾選，然后單擊Show Hotspots and Slices（顯示熱區(qū)和切割）按鈕，對圖像進(jìn)行切割處理，將一幅圖像切割成若干小圖像，提高網(wǎng)頁瀏覽圖像速度。2.2.4 Flash MXFLASH是制作動畫的一個軟件工具，它可以通過文字、圖片、錄像、聲音等綜合手段形象的體現(xiàn)一個意圖，通常像我們看到的廣告片段一樣。一般利用 Flash 技術(shù)來包裝公司形象、進(jìn)行產(chǎn)品宣傳等，通過網(wǎng)頁充分體現(xiàn)它的魅力，并可以達(dá)到非常好的效果。與以前版本相比較Flash MX有如下特點：MX 擁有可訂制的、直觀的、友好的界面?？捎喼频奶匦园ǎ好姘宀季帧⒖旖萱I和發(fā)布設(shè)定。用戶界面和 Macromedia 的其他工具一樣，這樣給使用者在應(yīng)用方面帶來很大的好處。 類似文件夾的組織和層操作，timeline 的強(qiáng)化可以讓你的工作更快速、工作量更少。比如：改善的鼠標(biāo)指針變形，多幀的修改長短、剪切和粘貼可以更加方便的使用 timeline。 通過易用的工具可以對圖像對象進(jìn)行斜拉、旋轉(zhuǎn)、縮放和變形。當(dāng)你改變shapes, symbols, 和graphic elements 時，新的工具可以加強(qiáng)你的創(chuàng)造力。使用動態(tài)蒙板可以產(chǎn)生復(fù)雜的效果。利用 movie clip 建立動態(tài)的效果，也可以利用 ActionScript 控制蒙板。2.2.5 Dreavaweaver MXDreamweaver是Macromedia公司推出的一款“平民化”的網(wǎng)頁制作軟件，具有可視化編輯界面和強(qiáng)大的所見即所得網(wǎng)頁編輯功能。用戶不必編寫復(fù)雜的HTML源代碼，就可以生成跨平臺、跨瀏覽器的網(wǎng)頁。同時，Dreamweaver支持動態(tài)HTML，并采用了Roundtrip HTML技術(shù)，從而奠定了在網(wǎng)頁高級設(shè)計功能方面的領(lǐng)先地位。在進(jìn)行網(wǎng)頁設(shè)計過程中，動態(tài)HTML技術(shù)能夠讓用戶輕松設(shè)計復(fù)雜的交互式網(wǎng)頁，產(chǎn)生動態(tài)效果；而Roundtrip HTML技術(shù)則可以支持HTML源編輯模式，不會產(chǎn)生冗余代碼，使網(wǎng)頁渲染速度加快。因此，Dreamweaver是一款可以滿足多層次需求，功能強(qiáng)大的可視化專業(yè)級網(wǎng)頁設(shè)計和制作工具。Dreavaweaver MX軟件具有以下特色。出色的工作界面，將所有與Dreamweaver關(guān)聯(lián)的窗口都融入一個多重文檔窗口中，用戶可以隨時查看各種資源。并且可以設(shè)置單個或多個面板自由顯示，使用戶更精確地掌握網(wǎng)頁制作的細(xì)微之處。擁有更強(qiáng)大的協(xié)作能力，能夠與Macromedia公司的其他網(wǎng)頁制作軟件，如Flash MX、Fireworks MX等協(xié)調(diào)一致工作，從而使得輕松制作網(wǎng)頁成為可能。 提供了更為強(qiáng)大的多媒體處理功能，在設(shè)計DHTML(Dynamic HTML)和CSS(Cascading Style Sheets)方面表現(xiàn)得極為出色。它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互性操作，在這方面超過了FrontPage XP、Hotdog和Homesite等著名網(wǎng)頁設(shè)計軟件，成為目前最為流行的網(wǎng)頁設(shè)計工具。允許在Dreamweaver中直接制作Flash Text、Flash Button插件，同時全面支持ASP、ASP .NET、JSP、PHP、XML、VXML和CFML等代碼，支持目前流行的大部分網(wǎng)絡(luò)設(shè)計代碼。增強(qiáng)了庫和模板功能，使用戶可以直接建立具有專業(yè)界面和代碼的網(wǎng)頁。綜上所述：我選擇了Dreamweaver MX用來設(shè)計網(wǎng)站布局，使用ASP技術(shù)完成動態(tài)網(wǎng)頁的后臺數(shù)據(jù)庫的控制工作。用Fireworks MX完成網(wǎng)頁里的圖形、圖像、背景等處理。用Access 2000創(chuàng)建后臺數(shù)據(jù)庫，用Flash MX完成網(wǎng)頁中動態(tài)圖像的制作。第三章 網(wǎng)站的系統(tǒng)設(shè)計3.1 網(wǎng)站規(guī)劃根據(jù)前面的設(shè)計思想進(jìn)行分析，網(wǎng)站分為兩大部分：前臺與后臺管理。u 前臺部分按照系統(tǒng)開發(fā)的基本觀點對網(wǎng)站進(jìn)行分解，從內(nèi)容上可對網(wǎng)站做如下劃分：主導(dǎo)航欄： 由網(wǎng)站首頁、單位介紹、教育新聞、學(xué)習(xí)平臺、崗位競聘、留言反饋、聯(lián)系我們七大主要板塊組成，利用網(wǎng)絡(luò)平臺增進(jìn)、強(qiáng)化教師的學(xué)習(xí)及信息技術(shù)應(yīng)用水平等。首頁展示： 新聞資訊、學(xué)習(xí)平臺、聯(lián)系我們、同時在左側(cè)顯示學(xué)習(xí)平臺的目錄、網(wǎng)站調(diào)查及友情鏈接。網(wǎng)站結(jié)構(gòu)如圖3-1所示。網(wǎng)站首頁公司介紹教育新聞學(xué)習(xí)平臺崗位競聘留言反饋聯(lián)系我們教育新聞學(xué)習(xí)平臺聯(lián)系我們圖3-1網(wǎng)站結(jié)構(gòu)圖u 后臺管理部分后臺管理本著易用性設(shè)計，為網(wǎng)站的安全和方便管理者使用，其流程是：I. 登錄（建立管理員賬號、密碼。目的：保障網(wǎng)站的安全性）II. 進(jìn)入后臺管理III. 與前臺相對應(yīng)，后臺分為六個板塊。 其結(jié)構(gòu)如3-2圖：后臺管理系統(tǒng)管理首頁系統(tǒng)管理學(xué)習(xí)管理信息管理留言管理人才管理網(wǎng)站信息配置上傳文件管理站內(nèi)調(diào)查管理友情鏈接管理管理員管理用戶管理公司/企業(yè)簡介修改聯(lián)系我們修改.學(xué)習(xí)類別管理文件管理新增文件修改文件審核文件信息修改添加信息管理留言招聘管理發(fā)布招聘應(yīng)聘管理圖3-2后臺管理結(jié)構(gòu)圖3.2 數(shù)據(jù)庫設(shè)計在設(shè)計網(wǎng)站的后臺數(shù)據(jù)庫時我采用的數(shù)據(jù)庫是Microsoft Access 2000，建立后綴為“.mdb”的庫文件。在網(wǎng)站中前臺與后臺管理系統(tǒng)共同使用一個數(shù)據(jù)庫sjhhsjb.asp，來完成各自的任務(wù)。用.asp將數(shù)據(jù)庫封裝，加強(qiáng)了數(shù)據(jù)庫的安全性。在數(shù)據(jù)庫中共有12張表，與前臺有關(guān)的表有4張表（User表正在建設(shè)中），后臺管理相關(guān)有11張表。3.2.1前臺相關(guān)的數(shù)據(jù)表與前臺有關(guān)的表有4張表，其中User表正在建設(shè)中。他們分別是book-記錄留言反饋；Jobbook-是應(yīng)聘崗位記錄；Vote-記錄網(wǎng)站調(diào)查；User-用于記錄注冊的用戶。 Vote-記錄網(wǎng)站調(diào)查,調(diào)查的內(nèi)容有后臺管理提供和修改,前臺則負(fù)責(zé)收集調(diào)查的相應(yīng)數(shù)據(jù)。其表如3-1所示：表3-1 Vote表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空Title文本調(diào)查內(nèi)容不為空Select1數(shù)字選擇1不為空Answer1數(shù)字回答1可以為空Select2數(shù)字選擇2不為空Answer2數(shù)字回答2可以為空Select3數(shù)字選擇3可以為空Answer3數(shù)字回答3可以為空Select4數(shù)字選擇4可以為空Answer4數(shù)字回答4可以為空Select5數(shù)字選擇5可以為空Answer5數(shù)字回答5可以為空Select6數(shù)字選擇1可以為空Answer6數(shù)字回答1可以為空Select7數(shù)字選擇2可以為空Answer7數(shù)字回答2可以為空Select8數(shù)字選擇3可以為空Answer8數(shù)字回答3可以為空VoteTime文本日期和時間不為空VoteType文本選擇類型不為空IsSelected是/否是否選擇可以為空此表共21個字段，用來保存網(wǎng)站的調(diào)查情況。其中選擇18的情況選用多少有后臺管理決定，但至少為2個，至多為8個。VoteTime、VoteType與IsSelected為系統(tǒng)自動填入。 Jobbook-是應(yīng)聘崗位記錄，每一位應(yīng)聘者將自己的狀況填入表中，并將其寫入后臺數(shù)據(jù)庫。如3-2表所示：表3-2 Jobbook表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空jobname文本應(yīng)聘崗位不為空nname文本應(yīng)聘者姓名不為空sex男/女性別不為空birthday文本出生年月日不為空marry文本婚姻狀況不為空school文本畢業(yè)院校不為空studydegree文本學(xué)歷不為空specialty文本專業(yè)不為空factory文本工作單位不為空gradyear文本工作時間不為空telephone文本電話不為空email文本E-mail不為空address文本聯(lián)系地址不為空ability文本水平與能力不為空resumes文本簡歷不為空time文本應(yīng)聘日期自動填入此表共17個字段，用來保存在崗位應(yīng)聘者的信息。Time 表項是系統(tǒng)自動填入。用于表示信息提供的時間。 book-記錄留言反饋,每一位訪問者都可以在這里留下自己的疑問、觀點和愿望。如3-3表所示表3-3 book表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空name文本用戶名稱可為空Comane文本單位名稱不為空Somane文本聯(lián)系人不為空Phone文本電話不為空email文本E-mail可為空rebook文本管理員恢復(fù)可為空Title文本留言主題不為空content文本留言內(nèi)容不為空time文本留言時間自動填入此表共9個字段，記錄訪問者的疑問、觀點和愿望。 User-用于記錄注冊的用戶。項目正在開發(fā)中。如3-4表所示：表3-4 User表字段名稱字段類型字段說明字段值UserID自動編號（主鍵）自動編號不為空UserName文本用戶名不為空Password文本密碼不為空Question文本密碼問題不為空Answer文本問題答案不為空Email文本E-mail不為空Sex數(shù)字性別不為空Comane文本單位名稱不為空Name文本真實姓名不為空Zip文本郵編不為空Somane文本身份證號不為空Phone文本聯(lián)系電話不為空RegDate文本注冊日期系統(tǒng)自動填入LastLoginTime文本最終注冊日期系統(tǒng)自動填入LockUser文本鎖定管理員填入UserLevel文本用戶級別管理員填入此表共有16字段，來完成用戶的注冊、認(rèn)定。3.2.2 后臺管理相關(guān)的數(shù)據(jù)表在后臺管理中，數(shù)據(jù)庫為后臺管理提供了各種服務(wù)，使后臺管理智能化。其中包括Vote-記錄網(wǎng)站調(diào)查、book-記錄留言反饋、BigClass-作品的大類信息、SmallClass-作品小類信息、Product-作品信息、Manage_User-管理員管理、main-公司/車間簡介、links-友情鏈接管理、User-用于記錄注冊的用戶、Job-發(fā)布招聘紀(jì)錄和Conews-新聞咨詢紀(jì)錄。Vote-記錄網(wǎng)站調(diào)查，這張表前臺、后臺共用。如3-5所示：表3-5 Vote表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空Title文本調(diào)查內(nèi)容不為空Select1數(shù)字選擇1不為空Answer1數(shù)字回答1可以為空Select2數(shù)字選擇2不為空Answer2數(shù)字回答2可以為空Select3數(shù)字選擇3可以為空Answer3數(shù)字回答3可以為空Select4數(shù)字選擇4可以為空Answer4數(shù)字回答4可以為空Select5數(shù)字選擇5可以為空Answer5數(shù)字回答5可以為空Select6數(shù)字選擇1可以為空Answer6數(shù)字回答1可以為空Select7數(shù)字選擇2可以為空Answer7數(shù)字回答2可以為空Select8數(shù)字選擇3可以為空Answer8數(shù)字回答3可以為空VoteTime文本日期和時間不為空VoteType文本選擇類型不為空IsSelected是/否是否選擇可以為空此表字段Title、Select18為后臺寫入，作為網(wǎng)站調(diào)查的設(shè)置。 User-用于記錄注冊的用戶。項目正在開發(fā)中。在后臺中用于用戶管理，如3-6表所示：表3-6 User表字段名稱字段類型字段說明字段值UserID自動編號（主鍵）自動編號不為空UserName文本用戶名不為空Password文本密碼不為空Question文本密碼問題不為空Answer文本問題答案不為空Email文本E-mail不為空Sex數(shù)字性別不為空Comane文本單位名稱不為空Name文本真實姓名不為空Zip文本郵編不為空Somane文本身份證號不為空Phone文本聯(lián)系電話不為空RegDate文本注冊日期系統(tǒng)自動填入LastLoginTime文本最終注冊日期系統(tǒng)自動填入LockUser文本鎖定管理員填入UserLevel文本用戶級別管理員填入 book-記錄留言反饋,在后臺管理中，用于記錄管理員回復(fù)的信息。如3-7表所示：表3-7 book表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空name文本用戶名稱可為空Comane文本單位名稱不為空Somane文本聯(lián)系人不為空Phone文本電話不為空email文本E-mail可為空rebook文本管理員恢復(fù)可為空Title文本留言主題不為空content文本留言內(nèi)容不為空time文本留言時間自動填入此表字段rebook用于記錄管理員的回復(fù)信息。 BigClass-作品的大類信息，劃分作品，便于管理。如表3-8所示：表3-8 BigClass表字段名稱字段類型字段說明字段值BigClassID自動編號（主鍵）自動編號不為空BigClassName文本大類名稱不為空Admin數(shù)字管理員可為空此表共3個字段，用來保存大類信息。 SmallClass-作品小類信息，細(xì)劃作品使之更有條理。如表3-9所示：表3-9 SmallClass表字段名稱字段類型字段說明字段值SmallClassID自動編號（主鍵）自動編號不為空SmallClassName文本小類名稱不為空BigClassName文本隸屬的大類名稱不為空此表共3個字段闡述作品的小類。 links-友情鏈接管理，如3-10表所示：表3-10 links表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空name文本網(wǎng)站名稱不為空note文本網(wǎng)站說明不為空link文本鏈接不為空time文本加入時間系統(tǒng)自動鍵入此表共5個字段建立鏈接表。 Manage_User-管理員管理，用于對管理員的管理，如3-11表所示：表3-12 Manage_User表字段名稱字段類型字段說明字段值Id自動編號（主鍵）自動編號不為空UserName文本管理員帳號不為空PassWord文本管理員密碼不為空此表共3個字段，用來保存在網(wǎng)站留言系統(tǒng)管理員的相關(guān)信息。 Job-發(fā)布招聘紀(jì)錄，用于管理員發(fā)布競聘信息。如表3-13所示：表3-13 SmallClass表字段名稱字段類型字段說明字段值ID自動編號（主鍵）自動編號不為空Duix文本崗位名稱不為空Rens數(shù)字招聘人數(shù)不為空Did文本工作地點不為空Daiy文本工資待遇不為空Yaoq文本招聘要求不為空Qix數(shù)字有效期限不為空time文本發(fā)布日期系統(tǒng)自動鍵入此表共8個字段。 Product-作品信息，學(xué)習(xí)平臺的后臺數(shù)據(jù)表，如表3-14所示：表3-14 Product表字段名稱字段類型字段說明字段值A(chǔ)rticleID自動編號（主鍵）自動編號不為空Product_Id自動編號（主鍵）崗位名稱不為空BigClassName文本大類名稱可為空SmallClassName文本小類名稱可為空Title文本（主鍵）作品名稱不為空Key文本關(guān)鍵字不為空Hits數(shù)字點擊次數(shù)系統(tǒng)自動鍵入UpdateTime文本更新日起系統(tǒng)自動鍵入Elite文本用于首頁現(xiàn)實可為空Passed文本審核可為空Content文本內(nèi)容不為空IncludePic文本包含圖片系統(tǒng)自動鍵入DefaultPicUrl文本首頁圖片可為空UploadFiles文本上傳文件可為空PaginationType文本分頁可為空MaxCharPerPage文本每頁最大字?jǐn)?shù)可為空此表共有16個字段，來記錄作品的各種信息。0 Conews-新聞資訊紀(jì)錄，用于新聞資訊的管理，如表3-15所示：表3-15 Conews表字段名稱字段類型字段說明字段值id自動編號（主鍵）自動編號不為空title文本資訊名稱不為空content文本資訊內(nèi)容不為空counter數(shù)字點擊次數(shù)系統(tǒng)自動鍵入time文本發(fā)布日期系統(tǒng)自動鍵入此表共5個字段，描述新聞資訊。 1 main-公司/車間簡介，使之變成模式化，便于管理，如表3-16所示：表3-15 Conews表字段名稱字段類型字段說明字段值home文本網(wǎng)站地址（主鍵）不為空content文本字體大小不為空About文本簡介內(nèi)容不為空Linian文本理念可為空J(rèn)igou文本機(jī)構(gòu)可為空此表共5個字段，完成公司/車間簡介的介紹。3.3 交互式頁面設(shè)計網(wǎng)站的交互式頁面是動態(tài)頁面，與后臺數(shù)據(jù)庫緊密聯(lián)系。在設(shè)計時，為保持網(wǎng)頁的和諧統(tǒng)一，因此采用同一模板，方便的實現(xiàn)了與訪問者的交互。前臺以留言反饋為例，如圖3-3，后臺以管理員管理為例如圖3-4所示。圖3-3 留言反饋界面圖3-4 管理員管理界面第四章 網(wǎng)站的系統(tǒng)實現(xiàn)4.1 LOGO和Banner 網(wǎng)站的LOGO和Banner是網(wǎng)站的標(biāo)志，由標(biāo)志圖片，網(wǎng)站名稱，宣傳語和宣傳圖片組成。如圖4-1所示。其中，網(wǎng)站標(biāo)志和網(wǎng)站名稱是用Firewoks MX軟件設(shè)計實現(xiàn)的；宣傳語和宣傳圖片是用Flash MX軟件設(shè)計實現(xiàn)的。圖4-1LOGO與Banner的標(biāo)志圖片4.2 網(wǎng)站界面的實現(xiàn)4.2.1 前臺網(wǎng)站的主頁設(shè)置 在網(wǎng)站中設(shè)計中，為保持各個頁面的連貫性，采用分塊設(shè)計。設(shè)計Head.asp作為各個網(wǎng)頁的頭部；設(shè)計Foot.asp作為網(wǎng)頁的頁腳。頭部與頁腳的色調(diào)以藍(lán)色調(diào)為主，醒目，突出重點。中間內(nèi)容部分以白色作為基色調(diào)。能夠把內(nèi)容鮮明的體現(xiàn)出來。 Head.asp的現(xiàn)實效果如圖4-2所示圖4-2 head網(wǎng)頁頭部圖片 foot.asp的現(xiàn)實效果如圖4-3所示：圖4-3 foot網(wǎng)頁的頁腳圖片首頁面采用動、靜結(jié)合的方法進(jìn)行設(shè)計。動是指畫面的動和動態(tài)網(wǎng)也行結(jié)合；靜是指靜態(tài)頁面顯示。給人以簡潔，但內(nèi)容突出的印象。如圖4-4所示：圖4-4網(wǎng)站主頁面在網(wǎng)站中以簡潔的方式將網(wǎng)站的主要欄目介紹出來，同時將第一個動態(tài)的欄目帶給大家。以靜態(tài)方式展示新聞資訊、學(xué)習(xí)平臺、聯(lián)系我們和友情鏈接。一個動態(tài)欄目-網(wǎng)站調(diào)查。實現(xiàn)瀏覽者的第一次交互。4.2.2 網(wǎng)站的分頁設(shè)置網(wǎng)站的分頁是由主頁鏈接的目標(biāo)頁，其內(nèi)容為主頁鏈接的詳細(xì)內(nèi)容展開。本網(wǎng)站中設(shè)置了一級、二級子頁，個個欄目的內(nèi)容。各級子頁面保持與主業(yè)面的風(fēng)格，實現(xiàn)了網(wǎng)站的統(tǒng)一。其形式見圖4-5和圖4-6。圖4-5網(wǎng)站一級頁面圖4-6網(wǎng)站二級子頁面4.2.3后臺網(wǎng)站的主頁設(shè)置 在網(wǎng)站中設(shè)計中，為保持各個頁面的連貫性，采用分塊設(shè)計。后臺設(shè)計采用了與前臺相同的技術(shù)。但頁面風(fēng)格不同。其首頁面形式如圖4-7所示：圖4-7后臺管理首頁面在后臺頁面設(shè)計中，沒有設(shè)計head和foot,但設(shè)計了left作為后臺管理的導(dǎo)航。如圖4-8所示：圖4-8后臺管理的left導(dǎo)航4.2.4網(wǎng)站的后臺管理分頁設(shè)置 網(wǎng)站的后臺以綠色為基調(diào)，首頁不再顯示各分頁面的內(nèi)容。后臺進(jìn)入需要登陸。其登陸的頁面如圖4-9所示：圖4-9后臺管理登錄頁面后臺管理的首頁與分頁面的比較如圖4-10、4-11、4-12。圖4-10后臺管理的首頁圖4-11后臺管理的管理員管理頁面圖4-12后臺管理的信息管理的信息修改頁面總之后臺管理的設(shè)計思想是盡量直接實現(xiàn)各種功能，不需其他技巧就能完成后臺管理，使其不需要多少的計算機(jī)專業(yè)技能，也能輕松勝任。4.3 設(shè)置IIS服務(wù)器在Windows操作系統(tǒng)中選擇控制面板添加/刪除程序添加/刪除Windows組件勾選Internet信息服務(wù)（IIS）即可。4.4 交互式頁面的實現(xiàn)4.4.1 ASP的對象存取數(shù)據(jù)庫方法在ASP中，用來存取數(shù)據(jù)庫的對象統(tǒng)稱ADO（Active Data Objects），主要含有三種對象：Connection、Recordset 、Command。Connection：負(fù)責(zé)打開或連接數(shù)據(jù)。Recordset：負(fù)責(zé)存取數(shù)據(jù)表。Command：負(fù)責(zé)對數(shù)據(jù)庫執(zhí)行行動查詢命令。4.4.2 后臺數(shù)據(jù)庫的連接代碼的實現(xiàn)要使用后臺數(shù)據(jù)庫的數(shù)據(jù)，必須先進(jìn)行數(shù)據(jù)庫的連接與打開，要連接數(shù)據(jù)庫我們必須使用ADO對象群的Connection對象。 asp數(shù)據(jù)庫的連接有2種方法：1、可以使用 DSN 在 Web 應(yīng)用程序和數(shù)據(jù)庫之間建立 ODBC 連接。DSN 是一種名稱，它包含使用 ODBC 驅(qū)動程序連接到指定數(shù)據(jù)庫所需的全部參數(shù)。 2、可以使用非 DSN 連接在 Web 應(yīng)用程序和數(shù)據(jù)庫之間創(chuàng)建 ODBC 或 OLE DB 連接。 即連接字符串。使用連接字符串來創(chuàng)建該連接,連接字符串包含 Web 應(yīng)用程序在服務(wù)器上連接到數(shù)據(jù)庫所需的全部信息。Dreamweaver 在網(wǎng)頁的服務(wù)器端腳本中插入該字符串，以便讓應(yīng)用程序服務(wù)器在隨后進(jìn)行處理。 下面是一個連接字符串示例： Driver=Microsoft Access Driver (*.mdb);DBQ=d:abcwwwrootmywebdata.mdb后臺數(shù)據(jù)庫的連接因非DSN連接簡單我選擇了非DSN連接，由于連接方法相同，我在每個交互式系統(tǒng)中都建立了一個conn.asp連接和打開數(shù)據(jù)庫文件，以供其他動態(tài)網(wǎng)頁文件包含應(yīng)用。代碼如下：4.4.3 網(wǎng)站調(diào)查的實現(xiàn)主要思想是：采集數(shù)據(jù)直接調(diào)用syscode.asp中的showvote()函數(shù)，對于設(shè)置網(wǎng)站調(diào)查則在后臺管理中地votemanage.asp如圖4-13和4-14：圖4-13后臺管理網(wǎng)站調(diào)查界面圖4-14網(wǎng)站調(diào)查在后臺管理系統(tǒng)中可以對你感興趣的話題進(jìn)行設(shè)置如圖4-13所示，在前臺顯示如圖4-14所示，就可以得到相應(yīng)的調(diào)查結(jié)果。調(diào)查結(jié)果如圖4-15所示圖4-15調(diào)查結(jié)果4.4.4 留言反饋系統(tǒng)的實現(xiàn) 留言反饋系統(tǒng)主要在前臺體現(xiàn)，前臺不僅可以瀏覽每個人的留言，及聯(lián)系方式，還可以加入自己的留言、意見等。后臺主要負(fù)責(zé)管理員對留言的回復(fù)和管理。前臺實現(xiàn)由gbook.asp（如圖4-16所示）顯示留言went.asp（如圖4-17所示）留言savenetbook.asp（留言報錯系統(tǒng)）和wtok.asp（提交成功）組成。這樣就達(dá)到了管理員與瀏覽著、用戶的有效溝通。圖4-16留言反饋頁面圖4-17留言的頁面其報錯畫面如圖4-18所示圖4-18報錯畫面后臺管理的界面如圖4-19所示圖4-19留言管理的后臺系統(tǒng)4.4.5 崗位競聘系統(tǒng)的實現(xiàn) 崗位競聘的前臺與后臺管理得勢線路留言反饋系統(tǒng)類似，這里不再敘述。4.4.6 后臺管理系統(tǒng)的各級頁面實現(xiàn) 這里僅以新聞資訊為例，其他分級頁面大同小異。新聞資訊在前臺主要是顯示共瀏覽著閱讀，后臺是管理者將信息資訊加入數(shù)據(jù)庫，添加、修改、刪除。前臺不再累述。其導(dǎo)航是信息管理。包含兩項：manage_news.asp信息修改和manage_newsadd.asp添加信息。分別如圖4-20、4-21所示：圖4-20信息修改圖4-21添加信息這樣就方便得實現(xiàn)了在后臺簡單的加入信息，就可以讓瀏覽者在前臺瀏覽。實現(xiàn)了盡管管理者不懂電腦，也能如意的運用進(jìn)行發(fā)布信息、修改信息。4.4.7 后臺登陸的實現(xiàn) 對后臺管理的實現(xiàn)，只有登陸系統(tǒng)。要成為一個管理員，必須有已是管理員的人在后臺管理頁面上進(jìn)行添加操作，才能使之成為管理員。管理登陸login.asp如圖4-22，管理員管理manage_admin.asp如圖4-23所示。圖4-22管理員登陸畫面在login.asp的源代碼里同時有報錯系統(tǒng)。圖4-23管理員管理界面4.5 網(wǎng)站發(fā)布與瀏覽1 發(fā)布將網(wǎng)站的所有文件夾和文件保存到設(shè)定的主目錄中即可。2 設(shè)置主目錄選擇控制面板管理工具Internet服務(wù)管理器右擊默認(rèn)站點選擇屬性設(shè)置主目錄。3 瀏覽在IIS中選擇默認(rèn)Web站點中的首頁default文檔，右鍵選擇瀏覽。第五章 調(diào)試和優(yōu)化5.1網(wǎng)站調(diào)試一個站點制作好后，在細(xì)節(jié)上肯定還有一些值得調(diào)節(jié)的地方，比如無效鏈接，Java、Cookie錯誤等等，所以網(wǎng)站調(diào)試是一個不容忽視的環(huán)節(jié)。只要利用瀏覽器就可以完成這項工作。雖然Internet Explorer（簡稱IE）在瀏覽器市場中占據(jù)著優(yōu)勢性份額，但并不是說它強(qiáng)大到無可挑剔的地步，除了安全隱患問題，在站長進(jìn)行網(wǎng)站調(diào)試時，也暴露出IE的嚴(yán)重不足。其實，很多站長都利用Mozilla這款老牌的Web瀏覽器來調(diào)試自己的網(wǎng)站，它可以快速、高效、即時地找出網(wǎng)頁中存在的問題。（1）為什么Mozilla比IE更適合調(diào)試網(wǎng)站和IE不同的是，Mozilla不但可以用于網(wǎng)頁瀏覽、網(wǎng)頁編輯，更為重要的是Mozilla內(nèi)置了強(qiáng)大的調(diào)試工具，能方便、高效地對站點網(wǎng)頁進(jìn)行JavaScript糾錯、Cookie管理、源代碼查看、DOM 查看和頁面信息查詢等，這些都是IE不容易做到的。（2）運用環(huán)境：當(dāng)IE腳本信息太簡單時在網(wǎng)頁編寫中使用JavaScript是司空見慣的事情了，當(dāng)JavaScript出現(xiàn)問題時，在IE瀏覽器中只會彈出一個簡單的錯誤提示對話框，告訴你該網(wǎng)頁有錯誤，出錯提示信息過于簡單，而且無法進(jìn)行管理，滿足不了調(diào)試網(wǎng)頁工作的需要。這種情況下，我們就可以利用Mozilla來解決。（3）錯誤，就這樣被“揪出”Mozilla內(nèi)置了“JavaScript控制臺”，只要你在網(wǎng)頁調(diào)試時打開JavaScript控制臺，就可以看到被記錄下的JavaScript 錯誤提示信息，方便大家找出錯誤所在，起到即時修正網(wǎng)頁錯誤的目的。如何利用Mozilla內(nèi)置的“JavaScript控制臺”來快速定位問題所在？其實非常簡單。使用Mozilla 瀏覽器進(jìn)行網(wǎng)站調(diào)試時，依次點擊“工具Web開發(fā)JavaScript控制臺”項目后，彈出“JavaScript控制臺”對話框，在列表框中記錄著網(wǎng)頁的JavaScript出錯信息，并且每項錯誤信息都詳細(xì)地記錄著出錯的文件名、JavaScript錯誤所在行號，以及錯誤出現(xiàn)時的上下文，這樣一來就很容易找出JavaScript出錯位置和錯誤原因。此外，你還可以右鍵點擊錯誤項目，在彈出的菜單中選擇“復(fù)制”項目，將JavaScript出錯信息復(fù)制到剪貼板中，以便保存到其他文件中。提示：雖然JavaScript控制臺功能強(qiáng)大，但也有不足之處，這就是無法將所有的JavaScript出錯項目保存到一個文件中，只能逐條手工保存。（4）嚴(yán)格模式，讓網(wǎng)頁顯示更“順暢”網(wǎng)頁調(diào)試中，除了JavaScript錯誤信息外，還有一種出錯信息，就是“嚴(yán)格的JavaScript警告”信息。雖然這種“JavaScript警告”沒有JavaScript錯誤信息嚴(yán)重，但它也會嚴(yán)重地影響到網(wǎng)頁的顯示速度，要想讓你的網(wǎng)站做得完美，這種JavaScript警告錯誤也必須剔除。默認(rèn)情況下，Mozilla是不記錄“嚴(yán)格的JavaScript警告”信息，必須手工激活該功能。在Mozilla瀏覽器主窗口中，點擊“編輯首選項”后，彈出首選項對話框，切換到“調(diào)試”