企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn) 畢業(yè)設(shè)計(jì)說明書

1、信息工程學(xué)院畢業(yè)設(shè)計(jì)說明書 信息工程學(xué)院畢業(yè)設(shè)計(jì)說明書 企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)余姚市喬士制罐有限公司二零零九 年 十二 月目錄摘要1第一章 設(shè)計(jì)任務(wù)分析41.1 概述41.2 開發(fā)工具介紹51.2.1 adobe dreamweaver cs4介紹51.2.2 mricosoft access 2003介紹61.2.3 asp介紹6第二章 方案初選82.1 網(wǎng)站布局介紹82.2 網(wǎng)站流程介紹8第三章 方案的詳細(xì)設(shè)計(jì)103.1 開發(fā)配置103.1.1 iis的安裝與配置103.1.2 主目錄與父路徑103.1.3 設(shè)置主頁文檔103.1.4 啟動(dòng)與停止iis服務(wù)113.2 首頁設(shè)計(jì)樣式113.3

2、文章發(fā)布113.4 在線訂購14第四章 設(shè)計(jì)總結(jié)評價(jià)18參考文獻(xiàn)2323摘要：系統(tǒng)分為三大模塊：文章發(fā)布、在線訂購和用戶添加。其中文章發(fā)布模塊是進(jìn)行文章的添加、存儲(chǔ)和刪除，是系統(tǒng)運(yùn)行的基礎(chǔ)；在線訂購是實(shí)現(xiàn)用戶無須注冊即可訂購產(chǎn)品。用戶添加模塊是為了滿足多用戶管理而開發(fā)的，后臺(tái)可添加多個(gè)用戶進(jìn)行網(wǎng)站管理。系統(tǒng)選用的開發(fā)軟件是asp,后臺(tái)數(shù)據(jù)庫為access2003。關(guān)鍵詞：企業(yè)網(wǎng)站；在線訂購；多用戶管理第一章 設(shè)計(jì)任務(wù)分析1.1 概述信息時(shí)代的到來使我們淹沒在無邊際的信息海洋中，一方面我們確實(shí)脫離了信息貧乏的苦惱，另一方面卻為找到對自己有用的信息而大傷腦筋。同時(shí)，信息的種類也在不斷地?cái)U(kuò)展，越來越

3、多的非結(jié)構(gòu)化信息不斷出現(xiàn)，如企業(yè)的各種報(bào)表、賬單、電子文檔、網(wǎng)站的各種元素、圖片、傳真、掃描影像，以及大量的多媒體的音頻、視頻信息等等。一方面是低下的內(nèi)容處理效率，另一方面是不斷膨脹的內(nèi)容量。這簡單的事實(shí)對比已經(jīng)隱含了企業(yè)的一個(gè)迫切需求，我們需要有效地管理我們的內(nèi)容。內(nèi)容管理系統(tǒng)(content management system)由此產(chǎn)生。目前市場上的內(nèi)容管理產(chǎn)品主要有三種：第一類是定位于政府、企業(yè)、事業(yè)單位的內(nèi)容管理的產(chǎn)品。這些產(chǎn)品致力于解決企業(yè)內(nèi)部的非結(jié)構(gòu)化信息平臺(tái)的建設(shè)，完成企業(yè)對內(nèi)容管理提出的各種需求，并基于企業(yè)內(nèi)容管理不斷提供各種內(nèi)容管理的垂直應(yīng)用。第二類是關(guān)注于網(wǎng)站內(nèi)容管理系統(tǒng)(

4、web content management)的產(chǎn)品。網(wǎng)站內(nèi)容管理指專門面向網(wǎng)站內(nèi)容的編輯與發(fā)布的應(yīng)用系統(tǒng)。在企業(yè)或組織中，用戶可能會(huì)需要對網(wǎng)站進(jìn)行管理。例如：用戶需要將一些內(nèi)部的文檔和資料發(fā)布出去，這時(shí)用戶可以去選擇一些網(wǎng)站發(fā)布工具。第三類則是一些特定的內(nèi)容管理應(yīng)用，如圖片應(yīng)用；或者是單獨(dú)功能的產(chǎn)品，如全文搜索引擎等。信息產(chǎn)業(yè)目前已成為第一大規(guī)模的產(chǎn)業(yè)，并位居全球第三位。這就意味著我國的企業(yè)信息化也迎來了前所未有的好時(shí)機(jī)。第四代智能網(wǎng)站的推出也為中小企業(yè)建站提供了思路，可以從企業(yè)實(shí)用角度出發(fā)，對網(wǎng)站進(jìn)行“總體規(guī)劃，分步實(shí)施”，既可以節(jié)省成本，又不影響企業(yè)的應(yīng)用。網(wǎng)站主要關(guān)鍵問題或難點(diǎn)問題：網(wǎng)

5、站需要?jiǎng)?chuàng)建一個(gè)的文章發(fā)布功能和不需要注冊就可以在線訂購的系統(tǒng)。兩者功能的實(shí)現(xiàn)需要和后臺(tái)的數(shù)據(jù)庫進(jìn)行連接，并對數(shù)據(jù)進(jìn)行核對、判斷、儲(chǔ)存和更新。應(yīng)用服務(wù)提供商，英文是application services provider，簡稱asp。主要提供對不同用戶的應(yīng)用服務(wù)。目前行業(yè)的細(xì)分引起市場的細(xì)分，隨著這種細(xì)分化，中小企業(yè)不希望也不可能花費(fèi)較大的成本購買高價(jià)的軟件產(chǎn)品和構(gòu)建信息平臺(tái)，因此隨之而誕生了一類信息提供商，他們配置高性能的服務(wù)器、購買應(yīng)用軟件并由專人負(fù)責(zé)維護(hù)，為這些中小企業(yè)提供遠(yuǎn)程應(yīng)用程序的租賃和信息共享服務(wù)，中小企業(yè)只需花費(fèi)極低的租賃使用費(fèi)即可遠(yuǎn)程使用高性能的軟硬件。對于應(yīng)用服務(wù)提供商來說

6、，如何為用戶提供便捷、高效的應(yīng)用服務(wù)，成為應(yīng)用服務(wù)提供商之間競爭的籌碼。1.2 開發(fā)工具介紹本網(wǎng)站介紹了幾個(gè)重要的模塊的設(shè)計(jì)方法，使用adobe dreamweaver cs4和asp作為開發(fā)工具，數(shù)據(jù)庫則使用mricosoft access 2003，前者利用與其他腳本語言組合使用提供各種面向?qū)ο蟮拈_發(fā)工具，能較好的完成網(wǎng)頁的設(shè)計(jì)、布局及asp程序。后者則利用access的方便性、快捷性。1.2.1 adobe dreamweaver cs4介紹dreamweaver是美國adobe公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁開

7、發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁。dreamweaver可以用最快速的方式將fireworks、freehand或photoshop等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個(gè)簡單步驟便可完成。dreamweaver能與您喜愛的設(shè)計(jì)工具，如playback flash、hockwave和外掛模組等搭配，不需離開dreamweaver便可完成，整體運(yùn)用流程自然順暢。除此之外，只要單擊便可使dreamweaver自動(dòng)開啟firework或photoshop來進(jìn)行編輯與設(shè)定圖檔的最佳化

8、。使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計(jì)、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱，dreamweaver 會(huì)自動(dòng)更新所有連結(jié)。使用支援文字、html碼、html屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。dreamweaver是唯一提供roundtrip html、視覺化編輯與原始碼編輯同步的設(shè)計(jì)工具。它包含homesite和bbedit等主流文字編輯器。幀(frames)和表格的制作速度快的令您無法想像。進(jìn)階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組，dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的

9、方式進(jìn)行版面配置。所見即所得 dreamweaver成功整合動(dòng)態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強(qiáng)的支援能力給third-party廠商，包含asp、apache、broadvision、cold fusion、icat、tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用dreamweaver在設(shè)計(jì)動(dòng)態(tài)網(wǎng)頁時(shí)，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和xml dreamweaver將內(nèi)容與設(shè)計(jì)分開，應(yīng)用于快速網(wǎng)頁更新和團(tuán)隊(duì)合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出

10、xml內(nèi)容。全方位的呈現(xiàn)利用dreamweaver設(shè)計(jì)的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門瀏覽器上。對于cascading style sheets的動(dòng)態(tài)html支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫的dhtml效果資料庫可在netscape和microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。1.2.2 mricosoft access 2003介紹microsoft access（microsoft office access）是由

11、微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了microsoft jet database engine和圖形用戶界面兩項(xiàng)特點(diǎn)，是microsoft office的成員之一。assess能夠存取 access/jet、microsoft sql server、oracle，或者任何 odbc 兼容數(shù)據(jù)庫內(nèi)的資料。熟練的軟件設(shè)計(jì)師和資料分析師利用它來開發(fā)應(yīng)用軟件，而一些不熟練的程序員和非程序員的“進(jìn)階用戶”則能使用它來開發(fā)簡單的應(yīng)用軟件。雖然它支援部份面向?qū)ο螅╫o）技術(shù)，但是未能成為一種完整的面向?qū)ο箝_發(fā)工具。其實(shí)access 也是微軟公司另一個(gè)通訊程序的名字，想與 procomm 以及其他類似程序

12、來競爭?？墒鞘潞笪④涀C實(shí)這是個(gè)失敗計(jì)劃，并且將它中止。數(shù)年后他們把名字重新命名于數(shù)據(jù)庫軟件。1.2.3 asp介紹asp是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuàng)建和運(yùn)行動(dòng)態(tài)網(wǎng)頁或web應(yīng)用程序。asp網(wǎng)頁可以包含html標(biāo)記、普通文本、腳本命令以及com組件等。利用asp可以向網(wǎng)頁中添加交互式內(nèi)容（如在線表單），也可以創(chuàng)建使用html網(wǎng)頁作為用戶界面的web應(yīng)用程序。與html相比，asp網(wǎng)頁具有以下特點(diǎn)：（1）利用asp可以實(shí)現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實(shí)現(xiàn)動(dòng)態(tài)網(wǎng)頁技術(shù)；（2）asp文件是包含在html代碼所組成的文件中的，易于修改和測試；（3）服務(wù)器上的asp解釋程序會(huì)在服務(wù)器端執(zhí)行asp

13、程序，并將結(jié)果以html格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽asp所產(chǎn)生的網(wǎng)頁；（4）asp提供了一些內(nèi)置對象，使用這些對象可以使服務(wù)器端腳本功能更強(qiáng)。例如可以從web瀏覽器中獲取用戶通過html表單提交的信息，并在腳本中對這些信息進(jìn)行處理，然后向web瀏覽器發(fā)送信息；（5）asp可以使用服務(wù)器端activex組件來執(zhí)行各種各樣的任務(wù)，例如存取數(shù)據(jù)庫、發(fā)送email或訪問文件系統(tǒng)等；（6）由于服務(wù)器是將asp程序執(zhí)行的結(jié)果以html格式傳回客戶端瀏覽器，因此使用者不會(huì)看到asp所編寫的原始程序代碼，可防止asp程序代碼被竊取； (7) 方便連接access與sql數(shù)據(jù)庫；

14、 (8)開發(fā)需要有豐富的經(jīng)驗(yàn),否則會(huì)留出漏洞,讓黑客利用進(jìn)行注入攻擊。asp(application service provider,應(yīng)用軟體租賃服務(wù)提供者)即是指通過網(wǎng)絡(luò)以租賃方式提供應(yīng)用軟體服務(wù)的業(yè)者,即是指業(yè)者以應(yīng)用軟體為主體,透過網(wǎng)路一對多地傳遞服務(wù),這種以服務(wù)為主的交易模式促使企業(yè)可藉由租賃的方式,以更符合成本效益的方式擁有軟體的使用權(quán),并且亦能因?yàn)闃I(yè)者集中式的管理而大幅降低企業(yè)維護(hù)的成本。asp也不僅僅局限于與html結(jié)合制作web網(wǎng)站，而且還可以與xhtml和wml語言結(jié)合制作wap手機(jī)網(wǎng)站。但是其原理也是一樣的。第二章 方案初選2.1 網(wǎng)站布局介紹網(wǎng)站整體內(nèi)容分六大部分：網(wǎng)站

15、首頁、公司介紹、新聞動(dòng)態(tài)、產(chǎn)品介紹、在線訂購和聯(lián)系我們，如圖2-1所示。首 頁公司介紹新聞動(dòng)態(tài)產(chǎn)品介紹在線訂購聯(lián)系我們圖2-1 網(wǎng)站整體結(jié)構(gòu)2.2 網(wǎng)站流程介紹對于網(wǎng)站文章發(fā)布的功能基本思路是：進(jìn)入管理員登陸頁面輸入用戶名和密碼通過asp和后臺(tái)數(shù)據(jù)庫進(jìn)行連接，判斷是否正確正確登陸后可以發(fā)布文章，確定提交再次通過asp保存數(shù)據(jù)更新頁面，如圖2-2所示：ny判斷文章發(fā)布頁面asp保存數(shù)據(jù)庫提示保存成功提示密碼錯(cuò)誤輸入用戶名和密碼圖2-2 管理員登陸文件上傳流程第二個(gè)功能不需要注冊就可以在線訂購的基本思路是：用戶在網(wǎng)站的可編輯區(qū)域填寫相關(guān)信息，點(diǎn)擊“確定” 通過javascript語言進(jìn)行后臺(tái)數(shù)據(jù)庫

16、連接并保存。更新至網(wǎng)站后臺(tái)“訂單管理”，如圖2-3所示：填寫相關(guān)內(nèi)容javascript保存填寫信息更新至后臺(tái)頁面圖2-3 在線訂購數(shù)據(jù)流程第三章 方案的詳細(xì)設(shè)計(jì)3.1 開發(fā)配置3.1.1 iis的安裝與配置(a) 安裝iis若操作系統(tǒng)中還未安裝iis服務(wù)器，可打開“控制面板”，然后單擊啟動(dòng) “添加/刪除程序”，在彈出的對話框中選擇“添加/刪除windows組件”，在windows組件向?qū)υ捒蛑羞x中“internet信息服務(wù)（iis）”，然后單擊“下一步”，按向?qū)е甘?，完成對iis的安裝。(b) 啟動(dòng)internet信息服務(wù)（iis）internet信息服務(wù)簡稱為iis，單擊windows開

17、始菜單-所有程序-管理工具-internet信息服務(wù)（iis）管理器，即可啟動(dòng)“internet信息服務(wù)”管理工具。(c) 配置iisiis安裝后，系統(tǒng)自動(dòng)創(chuàng)建了一個(gè)默認(rèn)的web站點(diǎn)，該站點(diǎn)的主目錄默認(rèn)為c:inetpubwww.root。用鼠標(biāo)右鍵單擊“默認(rèn)web站點(diǎn)”，在彈出的快捷菜單中選擇“屬性”，此時(shí)就可以打開站點(diǎn)屬性設(shè)置對話框，在該對話框中，可完成對站點(diǎn)的全部配置。3.1.2 主目錄與啟用父路徑單擊“主目錄”標(biāo)簽，切換到主目錄設(shè)置頁面，該頁面可實(shí)現(xiàn)對主目錄的更改或設(shè)置。注意檢查啟用父路徑選項(xiàng)是否勾選，如未勾選將對以后的程序運(yùn)行有部分影響。主目錄配置選項(xiàng)。3.1.3 設(shè)置主頁文檔單擊“

18、文檔”標(biāo)簽，可切換到對主頁文檔的設(shè)置頁面，主頁文檔是在瀏覽器中鍵入網(wǎng)站域名，而未制定所要訪問的網(wǎng)頁文件時(shí)，系統(tǒng)默認(rèn)訪問的頁面文件。常見的主頁文件名有index.htm、index.html、index.asp、index.php、index.jsp、default.htm、default.html、default.asp等。iis默認(rèn)的主頁文檔只有default.htm和default.asp。根據(jù)需要：利用“添加”和“刪除”按鈕，可為站點(diǎn)設(shè)置所能解析的主頁文檔。3.1.4 啟動(dòng)與停止iis服務(wù)在internet信息服務(wù)的工具欄中提供有啟動(dòng)與停止服務(wù)的功能。單擊可啟動(dòng)iis服務(wù)器；單擊則停止i

19、is服務(wù)器。3.2 首頁設(shè)計(jì)樣網(wǎng)站整體色調(diào)以灰白色為主。頭部flash為企業(yè)宣傳語，中間為主體內(nèi)容，頂部為頁面版權(quán)及相關(guān)聯(lián)系方式，每個(gè)頁面都是在此處更新，如圖3-1所示：圖3-1 網(wǎng)站首頁結(jié)構(gòu)和色彩3.3 文章發(fā)布文章發(fā)布中的管理員登陸和核對用戶名和密碼，是通過網(wǎng)頁中輸入的用戶名和密碼和在access中的管理員用戶名和密碼進(jìn)行核對，在進(jìn)行判斷。如果不一致著顯示“用戶或密碼錯(cuò)誤，請重新輸入！”，如果一致則頁面連接到后臺(tái)主頁進(jìn)行文章發(fā)布。完成后在首頁和新聞動(dòng)態(tài)的頁面中更新顯示。并把文章數(shù)據(jù)存放在access的數(shù)據(jù)庫中，如圖3-2所示：圖3-2 管理員登陸界面存放管理員用戶名和密碼的是user表，其

20、中有userid、username、pass、sex、age、qx、email、logtime和date九個(gè)字段，如表3-3所示：表3-3 user表字段名數(shù)據(jù)類型備注userid自動(dòng)編號username文本用戶名pass文本密碼sex文本性別age數(shù)字年齡qx數(shù)字權(quán)限email備注郵件logtime日期/時(shí)間登錄時(shí)間date日期/時(shí)間注冊時(shí)間存放文章的是news表，其中有newsid、title、content、author、source、click、date、bclass、chk、sh和download十一個(gè)字段。如表3-4所示：表3-4 news表字段名數(shù)據(jù)類型備注newsid自動(dòng)編號t

21、itle文本標(biāo)題content備注內(nèi)容author文本發(fā)表人source文本來源click數(shù)字點(diǎn)擊數(shù)date日期/時(shí)間發(fā)表時(shí)間bclass文本欄目idchk是/否頭條sh數(shù)字審核download備注上傳文件地址在文章發(fā)布模塊中增加了對文章的編輯功能，運(yùn)用javascript語言對文章進(jìn)行高級的編輯功能，其實(shí)編輯器的相關(guān)代碼為:var htmlchk=falsefunction mysub() if(htmlchk) alert(在顯示源代碼狀態(tài)不能添加) return(false); document.form1.content.value=idc.document.body.innerhtm

22、l;function document.onreadystatechange() idc.document.designmode=on;function setmode(chk) if(chk) htmlchk=true idc.document.body.innertext=idc.document.body.innerhtml; else htmlchk=false idc.document.body.innerhtml=idc.document.body.innertext; function bold () idc.document.execcommand (bold) ;functi

23、on italic () idc.document.execcommand (italic) ;function justifyleft () idc.document.execcommand (justifyleft) ;function justifycenter () idc.document.execcommand (justifycenter) ;function justifyright () idc.document.execcommand (justifyright) ;function cut () idc.document.execcommand (cut) ;functi

24、on copy () idc.document.execcommand (copy) ;function paste () idc.document.execcommand (paste) ;function url () idc.document.execcommand (createlink) ;function unurl () idc.document.execcommand (unlink) ;function redo () idc.document.execcommand (redo) ;function undo () idc.document.execcommand (und

25、o) ;function fontname (value) idc.document.execcommand (fontname,false,value) ;function fontsize (value) idc.document.execcommand (fontsize,false,value) ;3.4 在線訂購在線訂購是在在線訂購頁面中的可編輯區(qū)域輸入相關(guān)信息，點(diǎn)擊確定后。javascript語句對輸入的內(nèi)容進(jìn)行類型驗(yàn)證，更新后顯示在后臺(tái)訂單管理頁面。如圖3-5所示：圖3-5 在線訂購界面在access數(shù)據(jù)庫中對此功能建立了一張online表，其中有onid、lxr、sex、cz、

26、g、email、szdq、hylb、dh、sj、qymc、lxdz、gswz、xmjs、cpsm、qd和date十七個(gè)字段。如表3-6所示：表3-6 online表字段名數(shù)據(jù)類型備注onid自動(dòng)編號lxr備注聯(lián)系人sex備注稱呼cz備注傳真g備注交易類別email備注e-mailszdq備注所在地區(qū)hylb備注行業(yè)類別dh數(shù)字電話sj數(shù)字手機(jī)qymc備注企業(yè)名稱lxdz備注聯(lián)系地址gswz備注公司網(wǎng)站xmjs備注項(xiàng)目介紹cpsm備注產(chǎn)品說明qd備注得知本公司渠道date日期/時(shí)間訂單時(shí)間在線訂購處理過程代碼如下:%lxr=trim(request(lxr)sex=trim(request(se

27、x)cz=trim(request(cz)g=trim(request(g)email=trim(request(email)szdq=trim(request(szdq)hylb=trim(request(hylb)dh=trim(request(dh)sj=trim(request(sj)qymc=trim(request(qymc)lxdz=trim(request(lxdz)gswz=trim(request(gswz)xmjs=trim(request(xmjs)cpsm=trim(request(cpsm)qd=trim(request(qd)act=trim(request(ac

28、t)if lxr= then response.writealert(不能為空!);history.back(); response.endend if if sex= then response.writealert(不能為空!);history.back(); response.endend if if cz= then response.writealert(不能為空!);history.back(); response.endend if if g= then response.writealert(不能為空!);history.back(); response.endend if i

29、f szdq= then response.writealert(不能為空!);history.back(); response.endend if if hylb= then response.writealert(不能為空!);history.back(); response.endend if if dh= then response.writealert(不能為空!);history.back(); response.endend if if sj= then response.writealert(不能為空!);history.back(); response.endend if i

30、f qymc= then response.writealert(不能為空!);history.back(); response.endend if if lxdz= then response.writealert(不能為空!);history.back(); response.endend if if xmjs= then response.writealert(不能為空!);history.back(); response.endend if if cpsm= then response.writealert(不能為空!);history.back(); response.endend

31、if set rs=server.createobject(adodb.recordset) sql=select * from online rs.open sql,conn,1,3 rs.addnew rs(lxr)=lxr rs(sex)=sex rs(cz)=cz rs(g)=g rs(email)=email rs(szdq)=szdq rs(hylb)=hylb rs(dh)=dh rs(sj)=sj rs(qymc)=qymc rs(lxdz)=lxdz rs(gswz)=gswz rs(xmjs)=xmjs rs(cpsm)=cpsm rs(qd)=qd rs.update r

32、s.close set rs=nothing response.redirecttjcg.asp %第四章 設(shè)計(jì)總結(jié)評價(jià)通過adobe dreamweaver cs4軟件制作了班級網(wǎng)站的前臺(tái)頁面，利用adobe flash cs4 professional軟件制作了flash動(dòng)畫和網(wǎng)站的導(dǎo)航條，利用adobe photoshop cs4軟件對圖片進(jìn)行了處理和美化。編寫的javascript、asp腳本語言腳本對文章發(fā)布和在線訂購功能進(jìn)行了實(shí)現(xiàn)。1. 數(shù)據(jù)庫的設(shè)計(jì)與連接前期數(shù)據(jù)庫設(shè)計(jì)很重要的，如果設(shè)計(jì)不好，在開發(fā)過程中更改的話，以前做過的頁面的程序也得重寫，很費(fèi)時(shí)間；萬一有時(shí)再忘掉一些頁面的sq

33、l的修改，測試也比較費(fèi)時(shí)間。所以最好剛開始能把數(shù)據(jù)庫設(shè)計(jì)好，各項(xiàng)功能最好都能想到。2. 頁面間/內(nèi)傳值作網(wǎng)頁用的最多的是傳值，包括同一頁面和頁面間傳值兩種。 頁面內(nèi)傳值一般用地址欄傳值法，如 index.asp?id=4 ,接受的時(shí)候用request.querystring(id)來接受。 頁面間傳值可以用地址欄傳，如上面的方法，只是鏈接到另一個(gè)頁面而已；還可以用表單傳值，有g(shù)et和post兩種方法，get方法是用地址欄來傳的，可以被看到，一般傳些長度不大、安全要求不高的值，接受頁面也是用request.querystring()方法來接受；而post方法在地址欄看不出來，安全系數(shù)比較高，可以

34、傳值的長度比較大，如提交文章、文件等，用post方法都能實(shí)現(xiàn)，接受頁面用request.form()方法來接受。 還有下拉菜單的值的問題，一般等于選擇的那個(gè)option的value值。如果只有選項(xiàng)而沒有value，值就應(yīng)該等于選項(xiàng)的值。3. 數(shù)據(jù)庫操作；一個(gè)網(wǎng)站如果沒有數(shù)據(jù)庫支持，即靜態(tài)頁面，更新會(huì)很麻煩的，一般動(dòng)態(tài)動(dòng)態(tài)網(wǎng)站有微軟的asp和asp.net,dhtml,jsp,php,還有比較老的cgi(現(xiàn)在很少用了).說一個(gè)比較簡單的問題：網(wǎng)頁中動(dòng)態(tài)與靜態(tài)的區(qū)別，靜態(tài)一般用的是html，即只有超文本標(biāo)記語言，一般沒有交互功能；動(dòng)態(tài)則用服務(wù)器腳本語言，如前面提到的幾種，它們通過編程來實(shí)現(xiàn)，一般從

35、數(shù)據(jù)庫里提取數(shù)據(jù)來填充頁面，如我們常見的留言本、論壇等。 下面說一下數(shù)據(jù)庫常用的操作： (a) 查詢一條記錄；select * from datatablename where id = request.querystring(id) 跨表查詢：sql = select m.id,m.mod_name, c.class_name from i_trainmod m, i_trainclass c where statusd and m.class_id=c.id and m.class_id= &request.querystring(class_id)& order by class_id

36、這條語句是從三個(gè)表中查詢的， (b) 記錄集查詢填充；dim sql,rs,conn,connstr connstr = 數(shù)據(jù)庫連接語句 sql = 查詢語句 set conn = server.createobject(adodb.connection) set rs = server.createobject(adodb.recordset) conn.open connstr 打開數(shù)據(jù)庫連接 rs.open sql,conn,1,1 現(xiàn)在就可以從記錄集中提取數(shù)據(jù)了，如rs(id),rs(name)等 注意，數(shù)據(jù)庫打開后一定要關(guān)閉，及時(shí)釋放寶貴的資源： rs.close set rs=no

37、thing conn.close set conn=nothing (c) 刪除數(shù)據(jù)記錄（刪除行）；delete from tablename where id = id 中間沒有號的。我當(dāng)時(shí)就犯了這個(gè)錯(cuò)誤，調(diào)試了半天才找到問題。 (d) 更新數(shù)據(jù)記錄；update tablename set name=name and content=content where id=id (e) 新插入記錄；insert into tablename(name, content,等鍵值) values(對應(yīng)的值) 注意sql語句別些錯(cuò)了，比如表名，各列名，錯(cuò)了有時(shí)候提示不合法的sql查詢。 4. 數(shù)據(jù)庫變

38、量類型；int,整形，如果取為id的話，設(shè)置標(biāo)識，即access里的自動(dòng)增加，加入記錄的時(shí)候不能手動(dòng)添加id號。 varchar，可變長字符類型，通常是添加的長度沒有定義的長度長的時(shí)候，不加空格。而char類型的自動(dòng)補(bǔ)齊到定義的長度。一般varchar比較常用。 text,存儲(chǔ)量比較大，一般用于存儲(chǔ)整篇文章 。smalldatatime,短日期類型，最大到公元2999年，足夠用了，比datatime占用的空間小。 制作過程中的常見錯(cuò)誤例：1sql=select * from biao1rs.open sql,conn,1,3if rs.eof thendim namename=rs(name)

39、end ifsql=select * from biao2rs.open sql,conn,1,3解決的辦法有兩個(gè)一個(gè)是：（1）在第二次rs.open之前先關(guān)閉 rs.close或；（2）set rs1=server.createobjectrs1.open sql,conn,1,12用sql關(guān)鍵字做表名或字段名；-sql=select * from userrs.open sql,conn,1,1-user為sql關(guān)鍵字解決:改為sql=select * from user3用鎖定方式去進(jìn)行update；-sql=select * from userrs.open sql,conn,1,1rs.addnew或rs(username)=aars.update-當(dāng)前記錄集的打開方式為只讀解決:改為rs.open sql,conn,1,34在查詢語句中采用的對比字段值與字段類型不符；-sql=select * from user where id= & myid & rs.open sql,conn,1,1-假設(shè)表中設(shè)計(jì)id為數(shù)字型，那么有時(shí)出錯(cuò)；解決:sql=select * from user where id= & myid5未檢查變量值而出錯(cuò)；-sql=select * from user where id= & myidrs.