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

1、 信息工程學(xué)院畢業(yè)設(shè)計(jì)說(shuō)明書(shū) 企業(yè)網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)余姚市喬士制罐有限公司二零零九 年 十二 月目錄摘要1第一章 設(shè)計(jì)任務(wù)分析41.1 概述41.2 開(kāi)發(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 開(kāi)發(fā)配置103.1.1 IIS的安裝與配置103.1.2 主目錄與父路徑103.1.3 設(shè)置主頁(yè)文檔103.1.4 啟動(dòng)與停止IIS服務(wù)113.2 首頁(yè)設(shè)計(jì)樣式113.3 文章發(fā)布113.4 在線訂

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

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

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

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

6、用服務(wù)，成為應(yīng)用服務(wù)提供商之間競(jìng)爭(zhēng)的籌碼。1.2 開(kāi)發(fā)工具介紹本網(wǎng)站介紹了幾個(gè)重要的模塊的設(shè)計(jì)方法，使用Adobe Dreamweaver CS4和ASP作為開(kāi)發(fā)工具，數(shù)據(jù)庫(kù)則使用Mricosoft Access 2003，前者利用與其他腳本語(yǔ)言組合使用提供各種面向?qū)ο蟮拈_(kāi)發(fā)工具，能較好的完成網(wǎng)頁(yè)的設(shè)計(jì)、布局及ASP程序。后者則利用Access的方便性、快捷性。1.2.1 Adobe Dreamweaver CS4介紹Dreamweaver是美國(guó)ADOBE公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見(jiàn)即所得網(wǎng)頁(yè)編輯器，它是第一套針對(duì)專(zhuān)業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺(jué)化網(wǎng)頁(yè)開(kāi)發(fā)工具，利用它可以輕而易舉地制

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

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

9、Dreamweaver成功整合動(dòng)態(tài)式出版視覺(jué)編輯及電子商務(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)頁(yè)時(shí)，所見(jiàn)即所得的功能，讓您不需要透過(guò)瀏覽器就能預(yù)覽網(wǎng)頁(yè)。夢(mèng)幻樣版和XML Dreamweaver將內(nèi)容與設(shè)計(jì)分開(kāi)，應(yīng)用于快速網(wǎng)頁(yè)更新和團(tuán)隊(duì)合作網(wǎng)頁(yè)編輯。建立網(wǎng)頁(yè)外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會(huì)不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸出XML內(nèi)容。全方位的呈現(xiàn)利用D

10、reamweaver設(shè)計(jì)的網(wǎng)頁(yè)，可以全方位的呈現(xiàn)在任何平臺(tái)的熱門(mén)瀏覽器上。對(duì)于cascading style sheets的動(dòng)態(tài)HTML支援和鼠標(biāo)換圖效果，聲音和動(dòng)畫(huà)的DHTML效果資料庫(kù)可在Netscape和Microsoft瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能，Dreamweaver可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時(shí)，只要從Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報(bào)告。1.2.2 Mricosoft Access 2003介紹Microsoft Access（Microsoft Office Access）是由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫(kù)管理系統(tǒng)

11、。它結(jié)合了Microsoft Jet Database Engine和圖形用戶界面兩項(xiàng)特點(diǎn)，是Microsoft Office的成員之一。Assess能夠存取 Access/Jet、Microsoft SQL Server、Oracle，或者任何 ODBC 兼容數(shù)據(jù)庫(kù)內(nèi)的資料。熟練的軟件設(shè)計(jì)師和資料分析師利用它來(lái)開(kāi)發(fā)應(yīng)用軟件，而一些不熟練的程序員和非程序員的“進(jìn)階用戶”則能使用它來(lái)開(kāi)發(fā)簡(jiǎn)單的應(yīng)用軟件。雖然它支援部份面向?qū)ο螅∣O）技術(shù)，但是未能成為一種完整的面向?qū)ο箝_(kāi)發(fā)工具。其實(shí)Access 也是微軟公司另一個(gè)通訊程序的名字，想與 ProComm 以及其他類(lèi)似程序來(lái)競(jìng)爭(zhēng)。可是事后微軟證實(shí)這是個(gè)

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

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

14、否則會(huì)留出漏洞,讓黑客利用進(jìn)行注入攻擊。ASP(Application Service Provider,應(yīng)用軟體租賃服務(wù)提供者)即是指通過(guò)網(wǎng)絡(luò)以租賃方式提供應(yīng)用軟體服務(wù)的業(yè)者,即是指業(yè)者以應(yīng)用軟體為主體,透過(guò)網(wǎng)路一對(duì)多地傳遞服務(wù),這種以服務(wù)為主的交易模式促使企業(yè)可藉由租賃的方式,以更符合成本效益的方式擁有軟體的使用權(quán),并且亦能因?yàn)闃I(yè)者集中式的管理而大幅降低企業(yè)維護(hù)的成本。ASP也不僅僅局限于與HTML結(jié)合制作WEB網(wǎng)站，而且還可以與XHTML和WML語(yǔ)言結(jié)合制作WAP手機(jī)網(wǎng)站。但是其原理也是一樣的。第二章 方案初選2.1 網(wǎng)站布局介紹網(wǎng)站整體內(nèi)容分六大部分：網(wǎng)站首頁(yè)、公司介紹、新聞動(dòng)態(tài)、產(chǎn)品

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

16、單管理”，如圖2-3所示：填寫(xiě)相關(guān)內(nèi)容Javascript保存填寫(xiě)信息更新至后臺(tái)頁(yè)面圖2-3 在線訂購(gòu)數(shù)據(jù)流程第三章 方案的詳細(xì)設(shè)計(jì)3.1 開(kāi)發(fā)配置3.1.1 IIS的安裝與配置(a) 安裝IIS若操作系統(tǒng)中還未安裝IIS服務(wù)器，可打開(kāi)“控制面板”，然后單擊啟動(dòng) “添加/刪除程序”，在彈出的對(duì)話框中選擇“添加/刪除Windows組件”，在Windows組件向?qū)?duì)話框中選中“Internet信息服務(wù)（IIS）”，然后單擊“下一步”，按向?qū)е甘荆瓿蓪?duì)IIS的安裝。(b) 啟動(dòng)Internet信息服務(wù)（IIS）Internet信息服務(wù)簡(jiǎn)稱(chēng)為IIS，單擊Windows開(kāi)始菜單-所有程序-管理工具-I

17、nternet信息服務(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í)就可以打開(kāi)站點(diǎn)屬性設(shè)置對(duì)話框，在該對(duì)話框中，可完成對(duì)站點(diǎn)的全部配置。3.1.2 主目錄與啟用父路徑單擊“主目錄”標(biāo)簽，切換到主目錄設(shè)置頁(yè)面，該頁(yè)面可實(shí)現(xiàn)對(duì)主目錄的更改或設(shè)置。注意檢查啟用父路徑選項(xiàng)是否勾選，如未勾選將對(duì)以后的程序運(yùn)行有部分影響。主目錄配置選項(xiàng)。3.1.3 設(shè)置主頁(yè)文檔單擊“文檔”標(biāo)簽，可切換到對(duì)主頁(yè)文檔

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

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

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

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

22、ment.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) ;function italic () id

23、c.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) ;function copy () idc.

24、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 (undo) ;function fo

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

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

27、st(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(act)if lxr= then

28、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 if szdq= then re

29、sponse.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 if qymc= then re

30、sponse.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 if set rs=serve

31、r.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 rs.close set rs=

32、nothing response.redirecttjcg.ASP %第四章 設(shè)計(jì)總結(jié)評(píng)價(jià)通過(guò)Adobe Dreamweaver CS4軟件制作了班級(jí)網(wǎng)站的前臺(tái)頁(yè)面，利用Adobe Flash CS4 Professional軟件制作了FLASH動(dòng)畫(huà)和網(wǎng)站的導(dǎo)航條，利用Adobe Photoshop CS4軟件對(duì)圖片進(jìn)行了處理和美化。編寫(xiě)的Javascript、ASP腳本語(yǔ)言腳本對(duì)文章發(fā)布和在線訂購(gòu)功能進(jìn)行了實(shí)現(xiàn)。1. 數(shù)據(jù)庫(kù)的設(shè)計(jì)與連接前期數(shù)據(jù)庫(kù)設(shè)計(jì)很重要的，如果設(shè)計(jì)不好，在開(kāi)發(fā)過(guò)程中更改的話，以前做過(guò)的頁(yè)面的程序也得重寫(xiě)，很費(fèi)時(shí)間；萬(wàn)一有時(shí)再忘掉一些頁(yè)面的SQL的修改，測(cè)試也比較費(fèi)時(shí)間。所

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

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

35、我們常見(jiàn)的留言本、論壇等。 下面說(shuō)一下數(shù)據(jù)庫(kù)常用的操作： (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 這條語(yǔ)句是從三個(gè)表中查詢的，

36、(b) 記錄集查詢填充；dim sql,rs,conn,connstr connstr = 數(shù)據(jù)庫(kù)連接語(yǔ)句 sql = 查詢語(yǔ)句 set conn = Server.CreateObject(ADODB.Connection) set rs = Server.CreateObject(ADODB.Recordset) conn.open connstr 打開(kāi)數(shù)據(jù)庫(kù)連接 rs.open sql,conn,1,1 現(xiàn)在就可以從記錄集中提取數(shù)據(jù)了，如rs(id),rs(name)等 注意，數(shù)據(jù)庫(kù)打開(kāi)后一定要關(guān)閉，及時(shí)釋放寶貴的資源： rs.close set rs=nothing conn.clos

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

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

39、t * 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(use

40、rName)=aars.update-當(dāng)前記錄集的打開(kāi)方式為只讀解決:改為rs.open sql,conn,1,34在查詢語(yǔ)句中采用的對(duì)比字段值與字段類(lèi)型不符；-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.open sql,conn,1,1-假設(shè)myID變量此時(shí)值為null,那么sql

41、將成為sql=select * from user where id=解決:在前面加上，if isnull(myID) then 出錯(cuò)提示6未檢查變量值類(lèi)型而出錯(cuò)；-sql=select * from user where id= & myIDrs.open sql,conn,1,1-假設(shè)id為數(shù)字型,myID變量此時(shí)值不為null,但為字符，比如myID此時(shí)為aa，那么sql將成為：sql=select * from user where id=aa解決:在前面加上：if isnumeric(myID)=false then 出錯(cuò)提示7由于數(shù)據(jù)庫(kù)文件所在目錄的NTFS權(quán)限而引起的不能更新。數(shù)

42、據(jù)庫(kù)或?qū)ο鬄橹蛔x錯(cuò)誤；說(shuō)明:WIN2K系統(tǒng)延續(xù)了WINNT系統(tǒng)的NTFS權(quán)限。對(duì)于系統(tǒng)中的文夾都有默認(rèn)的安全設(shè)置。而通過(guò)HTTP對(duì)WWW訪問(wèn)時(shí)的系統(tǒng)默認(rèn)用戶是 iusr_計(jì)算機(jī)名 用戶 ,它屬于guest組。當(dāng)通過(guò)HTTP訪問(wèn)時(shí)，可以ASP或JSP，也或是PHP或.NET程序?qū)?shù)據(jù)進(jìn)行修改操作。比如：當(dāng)打開(kāi)某一個(gè)文章時(shí)，程序設(shè)定，文章的閱讀次數(shù)=原閱讀次數(shù)+1執(zhí)行：conn.execute(update arts set clicks=clicks+1 where id=n)語(yǔ)句時(shí)，如果 iusr_計(jì)算機(jī)名，用戶沒(méi)有對(duì)數(shù)據(jù)庫(kù)的寫(xiě)權(quán)限時(shí)，就會(huì)出錯(cuò)。解決方法:找到數(shù)據(jù)庫(kù)所在目錄：右鍵屬性安全選項(xiàng)卡

43、設(shè)置 iusr_計(jì)算機(jī)名用戶的寫(xiě)權(quán)限(當(dāng)然，也可以是everyone)參考文獻(xiàn)1 聶小燕，魯才，許文波. 美工神話CSS網(wǎng)站布局與美化.人民郵電出版社2 張領(lǐng). ASP.NET項(xiàng)目開(kāi)發(fā)全程實(shí)錄. 清華大學(xué)出版社3 （美)伊夫杰，譯者:楊亞. ASP.NET 2.0高級(jí)編程(特別版). 清華大學(xué)出版社，20074 孫東梅. 完全手冊(cè)-Dreamweaver 8+ASP完美動(dòng)態(tài)網(wǎng)站設(shè)計(jì). 電子工業(yè)出版社5 (美) Scott Kelby 譯者:袁鵬飛. Photoshop CS3數(shù)碼照片專(zhuān)業(yè)處理技法. 人民郵電出版社，20086 (美)肖恩亞當(dāng)斯 ，譯者:于楊. 色彩應(yīng)用. 中國(guó)青年出版社，20077 (美)