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

信息工程學(xué)院畢業(yè)設(shè)計說明書 企業(yè)網(wǎng)站的設(shè)計與實現(xiàn) 余姚市喬士制罐有限公司 二零零九 年 十二 月 信息工程學(xué)院畢業(yè)設(shè)計說明書 1 目錄 摘要 . 1 第一章 設(shè)計任務(wù)分析 . 4 1.1 概述 . 4 1.2 開發(fā)工具介紹 . 5 1.2.1 Adobe Dreamweaver CS4 介紹 . 5 1.2.2 Mricosoft Access 2003 介紹 . 6 1.2.3 ASP 介紹 . 6 第二章 方案初選 . 8 2.1 網(wǎng)站布局介紹 . 8 2.2 網(wǎng)站流程介紹 . 8 第三章 方案的詳細(xì)設(shè)計 . 10 3.1 開發(fā)配置 . 10 3.1.1 IIS 的安裝與配置 . 10 3.1.2 主目錄與父路徑 . 10 3.1.3 設(shè)置主頁文檔 . 10 3.1.4 啟動與停止 IIS 服務(wù) . 11 3.2 首頁設(shè)計樣式 . 11 3.3 文章發(fā)布 . 11 3.4 在線訂購 . 14 第四章 設(shè)計總結(jié)評價 . 118 參考文獻 . 23 信息工程學(xué)院畢業(yè)設(shè)計說明書 2 摘要： 系統(tǒng)分為三大模塊：文章發(fā)布、在線訂購和用戶添加。其中文章發(fā)布模塊是進行文章的添加、存儲和刪除，是系統(tǒng)運行的基礎(chǔ)；在線訂購是實現(xiàn)用戶無須注冊即可訂購產(chǎn)品。用戶添加模塊是為了滿足多用戶管理而開發(fā)的，后臺可添加多個用戶進行網(wǎng)站管理。系統(tǒng)選用的開發(fā)軟件是 ASP,后臺數(shù)據(jù)庫為 ACCESS2003。 關(guān)鍵詞 ：企業(yè)網(wǎng)站；在線訂購；多用戶管理 信息工程學(xué)院畢業(yè)設(shè)計說明書 3 第一章 設(shè)計任務(wù)分析 1.1 概述 信息時代的到來使我們淹沒在無邊際的信息海洋中，一方面我們確實脫離了信息貧乏的苦惱，另一方面卻為找到對自己有用的信息而大傷腦筋。同時，信息的種類也在不斷地擴展，越來越多的非結(jié)構(gòu)化信息不斷出現(xiàn)，如企業(yè)的各種報表、賬單、電子文檔、網(wǎng)站的各種元素、圖片、傳真、掃描影像，以及大量的多媒體的音頻、視頻信息等等。一方面是低下的內(nèi)容處理效率，另一方面是不斷膨脹的內(nèi)容量。這簡單的事實對比已經(jīng)隱含了企業(yè) 的一個迫切需求，我們需要有效地管理我們的內(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)化信息平臺的建設(shè)，完成企業(yè)對內(nèi)容管理提出的各種需求，并基于企業(yè)內(nèi)容管理不斷提供各種內(nèi)容管理的垂直應(yīng)用。第二類是關(guān)注于網(wǎng)站內(nèi)容管理系統(tǒng) (Web Content Management)的產(chǎn)品。網(wǎng)站內(nèi)容管理指專門面向網(wǎng)站內(nèi)容的編輯與發(fā)布的應(yīng)用系統(tǒng)。在企業(yè)或組織中，用戶可能會 需要對網(wǎng)站進行管理。例如：用戶需要將一些內(nèi)部的文檔和資料發(fā)布出去，這時用戶可以去選擇一些網(wǎng)站發(fā)布工具。第三類則是一些特定的內(nèi)容管理應(yīng)用，如圖片應(yīng)用；或者是單獨功能的產(chǎn)品，如全文搜索引擎等。 信息產(chǎn)業(yè)目前已成為第一大規(guī)模的產(chǎn)業(yè)，并位居全球第三位。這就意味著我國的企業(yè)信息化也迎來了前所未有的好時機。第四代智能網(wǎng)站的推出也為中小企業(yè)建站提供了思路，可以從企業(yè)實用角度出發(fā)，對網(wǎng)站進行“總體規(guī)劃，分步實施”，既可以節(jié)省成本，又不影響企業(yè)的應(yīng)用。 網(wǎng)站主要關(guān)鍵問題或難點問題：網(wǎng)站需要創(chuàng)建一個的文章發(fā)布功能和不需要注冊就 可以在線訂購的系統(tǒng)。兩者功能的實現(xiàn)需要和后臺的數(shù)據(jù)庫進行連接，并對數(shù)據(jù)進行核對、判斷、儲存和更新。 應(yīng)用服務(wù)提供商，英文是 Application Services Provider，簡稱 ASP。主要提供對不同用戶的應(yīng)用服務(wù)。目前行業(yè)的細(xì)分引起市場的細(xì)分，隨著這種細(xì)分化，中小企業(yè)不希望也不可能花費較大的成本購買高價的軟件產(chǎn)品和構(gòu)建信息平臺，因此隨之而誕生了一類信息提供商，他們配置高性能的服務(wù)器、購買應(yīng)用軟件并由專人負(fù)責(zé)維護，為這些中小企業(yè)提供遠(yuǎn)程應(yīng)用程序的租賃和信息共享服務(wù)，中小企業(yè)只需花費極低的租賃使用費即 可遠(yuǎn)程使用高性能的軟硬件。對于應(yīng)用服務(wù)提供商來說，如何為用戶提供便捷、高效的應(yīng)用服務(wù)，成為應(yīng)用服務(wù)提供商之間競爭的籌碼。 信息工程學(xué)院畢業(yè)設(shè)計說明書 4 1.2 開發(fā)工具介紹 本網(wǎng)站介紹了幾個重要的模塊的設(shè)計方法，使用 Adobe Dreamweaver CS4和 ASP 作為開發(fā)工具，數(shù)據(jù)庫則使用 Mricosoft Access 2003，前者利用與其他腳本語言組合使用提供各種面向?qū)ο蟮拈_發(fā)工具，能較好的完成網(wǎng)頁的設(shè)計、布局及 ASP 程序。后者則利用 Access 的方便性、快捷性。 1.2.1 Adobe Dreamweaver CS4 介紹 Dreamweaver是美國 ADOBE公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，它是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。 Dreamweaver可以用最快速的方式將 Fireworks、 FreeHand或 Photoshop 等檔案移至網(wǎng)頁上。使用檢色吸管工具選擇熒幕上的顏色可設(shè)定最接近的網(wǎng)頁安全色。對于選單，快捷鍵與格式控制，都只要一個簡單步驟便可完成。 Dreamweaver能與您喜愛的設(shè)計工具，如 Playback Flash、 hockwave 和外掛模組等搭配，不需離開 Dreamweaver 便可完成，整體運用流程自然順暢。除此之外，只要單擊便可使 Dreamweaver 自動開啟 Firework 或 Photoshop 來進行編輯與設(shè)定圖檔的最佳化。 使用網(wǎng)站地圖可以快速制作網(wǎng)站雛形、設(shè)計、更新和重組網(wǎng)頁。改變網(wǎng)頁位置或檔案名稱， Dreamweaver 會自動更新所有連結(jié)。使用支援文字、 HTML 碼、HTML 屬性標(biāo)簽和一般語法的搜尋及置換功能使得復(fù)雜的網(wǎng)站更新變得迅速又簡單。 Dreamweaver是唯一提供 Roundtrip HTML、視覺化編輯與原始碼編輯同步的設(shè)計工具。它包含 HomeSite和 BBEdit等主流文字編輯器。幀 (frames)和表格的制作速度快的令您無法想像。進階表格編輯功能使您簡單的選擇單格、行、欄或作未連續(xù)之選取。甚至可以排序或格式化表格群組， Dreamweaver 支援精準(zhǔn)定位，利用可輕易轉(zhuǎn)換成表格的圖層以拖拉置放的方式進行版面配置。所見即所得 Dreamweaver成功整合動態(tài)式出版視覺編輯及電子商務(wù)功能，提供超強的支援能力給 Third-party 廠商，包含 ASP、 Apache、 BroadVision、 Cold Fusion、 iCAT、Tango與自行發(fā)展的應(yīng)用軟體。當(dāng)您正使用 Dreamweaver在設(shè)計動態(tài)網(wǎng)頁時，所見即所得的功能，讓您不需要透過瀏覽器就能預(yù)覽網(wǎng)頁。夢幻樣版和 XML Dreamweaver將內(nèi)容與設(shè)計分開，應(yīng)用于快速網(wǎng)頁更新和團隊合作網(wǎng)頁編輯。建立網(wǎng)頁外觀的樣版，指定可編輯或不可編輯的部份，內(nèi)容提供者可直接編輯以樣式為主的內(nèi)容卻不會不小心改變既定之樣式。您也可以使用樣版正確地輸入或輸信息工程學(xué)院畢業(yè)設(shè)計說明書 5 出 XML內(nèi)容。全方位的呈現(xiàn)利用 Dreamweaver 設(shè)計的網(wǎng)頁，可以全方位的呈現(xiàn)在任何平臺的熱 門瀏覽器上。對于 cascading style sheets 的動態(tài) HTML 支援和鼠標(biāo)換圖效果，聲音和動畫的 DHTML 效果資料庫可在 Netscape 和 Microsoft 瀏覽器上執(zhí)行。使用不同瀏覽器檢示功能， Dreamweaver 可以告知您在不同瀏覽器上執(zhí)行的成效如何。當(dāng)有新的瀏覽器上市時，只要從 Dreamweaver的網(wǎng)站在下載它的描述檔，便可得知詳盡的成效報告。 1.2.2 Mricosoft Access 2003 介紹 Microsoft Access（ Microsoft Office Access）是 由微軟發(fā)布的關(guān)聯(lián)式數(shù)據(jù)庫管理系統(tǒng)。它結(jié)合了 Microsoft Jet Database Engine 和圖形用戶界面兩項特點，是 Microsoft Office 的成員之一。 Assess能夠存取 Access/Jet、 Microsoft SQL Server、 Oracle，或者任何 ODBC 兼容數(shù)據(jù)庫內(nèi)的資料。熟練的軟件設(shè)計師和資料分析師利用它來開發(fā)應(yīng)用軟件，而一些不熟練的程序員和非程序員的“進階用戶”則能使用它來開發(fā)簡單的應(yīng)用軟件。雖然它支援部份面向?qū)ο螅?OO）技術(shù)，但是未能成為一種完整的面向?qū)ο箝_發(fā)工具 。 其實 Access 也是微軟公司另一個通訊程序的名字，想與 ProComm 以及其他類似程序來競爭?？墒鞘潞笪④涀C實這是個失敗計劃，并且將它中止。數(shù)年后他們把名字重新命名于數(shù)據(jù)庫軟件。 1.2.3 ASP 介紹 ASP是一種服務(wù)器端腳本編寫環(huán)境，可以用來創(chuà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)頁具有以下特點： （ 1）利用 ASP 可以實現(xiàn)突破靜態(tài)網(wǎng)頁的一些功能限制，實現(xiàn)動態(tài)網(wǎng)頁技術(shù)； （ 2） ASP文件是包含在 HTML代碼所組成的文件中的，易于修改和測試； （ 3）服務(wù)器上的 ASP解釋程序會在服務(wù)器端執(zhí)行 ASP程序，并將結(jié)果以 HTML格式傳送到客戶端瀏覽器上，因此使用各種瀏覽器都可以正常瀏覽 ASP 所產(chǎn)生的網(wǎng)頁； （ 4） ASP 提供了一些內(nèi)置對象，使用這些對象可以使服務(wù)器端腳本功能更強。例如可以從 web 瀏覽器中獲取用戶通過 HTML 表單提交的信息，并在腳本中對這些信息進行處理，然后向 web瀏覽器發(fā)送信息； （ 5） ASP 可以使用 服務(wù)器端 ActiveX 組件來執(zhí)行各種各樣的任務(wù)，例如存信息工程學(xué)院畢業(yè)設(shè)計說明書 6 取數(shù)據(jù)庫、發(fā)送 Email 或訪問文件系統(tǒng)等； （ 6）由于服務(wù)器是將 ASP程序執(zhí)行的結(jié)果以 HTML格式傳回客戶端瀏覽器，因此使用者不會看到 ASP所編寫的原始程序代碼，可防止 ASP程序代碼被竊??； (7) 方便連接 ACCESS與 SQL數(shù)據(jù)庫； (8)開發(fā)需要有豐富的經(jīng)驗 ,否則會留出漏洞 ,讓黑客利用進行注入攻擊。 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è)者集中式的管理而大幅降低企業(yè)維護的成本。 ASP也不僅僅局限于與 HTML結(jié)合制作 WEB網(wǎng)站，而且還可以與 XHTML和 WML語言結(jié)合制作 WAP 手機網(wǎng)站。但是其原理也是一樣的。 信息工程學(xué)院畢業(yè)設(shè)計說明書 7 第二章 方案初選 2.1 網(wǎng)站布局介紹 網(wǎng)站整體內(nèi)容分六大部分：網(wǎng)站首頁、公司介紹、新聞動態(tài)、產(chǎn)品介紹、在線訂購和聯(lián)系我們，如圖 2-1所示。 圖 2-1 網(wǎng)站整體結(jié)構(gòu) 2.2 網(wǎng)站流程介紹 對于網(wǎng)站文章發(fā)布的功能基本思路是：進入管理員登陸頁面輸入用戶名和密碼通過 ASP 和后臺數(shù)據(jù)庫進行連接，判斷是否正確正確登陸后可以發(fā)布文章，確定提交再次通過 ASP 保存數(shù)據(jù)更新頁面，如圖 2-2所示： 圖 2-2 管理員登陸文件上傳流程 第二個功能不需要注冊就可以在線訂購的基本思路是：用戶在網(wǎng)站的可編輯區(qū)域填寫相關(guān)信息，點擊“確定” 通過 Javascript 語言進行后臺數(shù)據(jù)庫連接并保存。更新至網(wǎng)站后臺“訂單管理”，如圖 2-3所示： 首 頁 公司介紹 新聞 動態(tài) 產(chǎn)品介紹 在線訂購 聯(lián)系我們 N Y 判斷 文章發(fā)布頁面 Asp 保存數(shù)據(jù)庫 提示保存成功 提示密碼錯誤 輸入用戶名和密碼 信息工程學(xué)院畢業(yè)設(shè)計說明書 8 圖 2-3 在線訂購數(shù)據(jù)流程 填寫相關(guān)內(nèi)容 Javascript 保存填寫信息 更新至后臺頁面 信息工程學(xué)院畢業(yè)設(shè)計說明書 9 第三章 方案的詳細(xì)設(shè)計 3.1 開發(fā)配置 3.1.1 IIS 的安裝與配置 (a) 安裝 IIS 若操作系統(tǒng)中還未安裝 IIS 服務(wù)器，可打開“控制面板”，然后單擊啟動 “添加 /刪除程序”，在彈出的對話框中選擇“添加 /刪除 Windows 組件”，在 Windows組件向?qū)υ捒蛑羞x中“ Internet 信息服務(wù)（ IIS）”，然后單擊“下一步”，按向?qū)е甘荆瓿蓪?IIS 的安裝。 (b) 啟動 Internet 信息服務(wù)（ IIS） Internet 信息服務(wù)簡稱為 IIS，單擊 Windows 開始菜單 -所有程序 -管理工具 -Internet 信息服務(wù)（ IIS）管理器，即可啟動“ Internet 信息服務(wù)”管理工具。 (c) 配置 IIS IIS 安裝后，系統(tǒng)自動創(chuàng)建了一個默認(rèn)的 Web 站點，該站點的主目錄默認(rèn)為C:Inetpubwww.root。 用鼠標(biāo)右鍵單擊“默認(rèn) Web 站點”，在彈出的快捷菜單中選擇“屬性”，此時就可以打開站點屬性設(shè)置對話框，在該對話框中，可完成對站點的全部配置。 3.1.2 主目錄與啟用父路徑 單擊“主目錄”標(biāo)簽，切換到主目錄設(shè)置頁面，該頁面可實現(xiàn)對主目錄的更改或設(shè)置。注意檢查啟用父路徑選項是否勾選，如未勾選將對以后的程序運行有部分影響。主目錄 配置 選項。 3.1.3 設(shè)置主頁文檔 單擊“文檔”標(biāo)簽，可切換到對主頁文檔的設(shè)置頁面，主頁文檔是在瀏覽器中鍵入網(wǎng)站域名，而未制定所要訪問的網(wǎng)頁文件時，系統(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ù)需要：利用“添加”和“刪除”按鈕，可為站點設(shè)置所能解析的主頁文檔。 信息工程學(xué)院畢業(yè)設(shè)計說明書 10 3.1.4 啟動與停止 IIS 服務(wù) 在 Internet 信息服務(wù)的工具欄中提供有啟動與停止服務(wù)的功能。單擊可啟動IIS 服務(wù)器；單擊則停止 IIS 服務(wù)器。 3.2 首頁設(shè)計樣 網(wǎng)站整體色調(diào)以灰白色為主。頭部 FLASH 為企業(yè)宣傳語，中間為主體內(nèi)容，頂部為頁面版權(quán)及相關(guān)聯(lián)系方式，每個頁面都是在此處更新，如圖 3-1所示： 圖 3-1 網(wǎng)站首頁結(jié)構(gòu)和色彩 3.3 文章發(fā)布 文章發(fā)布中的管理員登陸和核對用戶名和密碼，是通過網(wǎng)頁中輸入的用戶名和密碼和在 Access 中的管理員用戶名和密碼進行核對，在進行判斷。如果不一致著顯示“用戶或密碼錯誤，請重新輸入！”，如果一致則頁面連接到 后臺主頁進行文章發(fā)布 。完成后在首頁和新聞動態(tài)的頁面中更新顯示 。并把文章數(shù)據(jù)存放在 Access 的數(shù)據(jù)庫中，如圖 3-2所示： 信息工程學(xué)院畢業(yè)設(shè)計說明書 11 圖 3-2 管理員登陸界面 存放管理員用戶名和密碼的是 User 表，其中有 userid、 username、 pass、 sex、age、 qx、 email、 logtime 和 date 九個字段，如表 3-3所示： 表 3-3 User 表 字段名 數(shù)據(jù)類型 備注 userid 自動編號 username 文本 用戶名 pass 文本 密碼 sex 文本 性別 age 數(shù)字 年齡 qx 數(shù)字 權(quán)限 email 備注 郵件 logtime 日期 /時間 登錄時間 date 日期 /時間 注冊時間 存放文章的是 news 表，其中有 newsid、 title、 content、 author、 source、click、 date、 bclass、 chk、 sh 和 download 十一個字段。如表 3-4所示： 表 3-4 news 表 在文章發(fā)布模塊中增加了對文章的編輯功能，運用 Javascript 語言對文章進字段名 數(shù)據(jù)類型 備注 newsid 自 動編號 title 文本 標(biāo)題 content 備注 內(nèi)容 author 文本 發(fā)表人 source 文本 來源 click 數(shù)字 點擊數(shù) date 日期 /時間 發(fā)表時間 bclass 文本 欄目 ID chk 是 /否 頭條 sh 數(shù)字 審核 download 備注 上傳文件地址 信息工程學(xué)院畢業(yè)設(shè)計說明書 12 行高級的編輯功能， 其實編輯器的相關(guān)代碼為 : var htmlchk=false function mysub() if(htmlchk) alert(在顯示源代碼狀態(tài)不能添加 ) return(false); document.form1.content.value=idc.document.body.innerHTML; 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) ; function 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) ; function 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 (undo) ; function fontname (value) idc.document.execCommand (fontname,false,value) ; 信息工程學(xué)院畢業(yè)設(shè)計說明書 13 function fontsize (value) idc.document.execCommand (fontsize,false,value) ; 3.4 在線訂購 在線訂購是在在線訂購頁面中的可編輯區(qū)域輸入相關(guān)信息，點擊確定后。Javascript 語句對輸入的內(nèi)容進行類型驗證，更新后顯示在后臺訂單管理頁面。如圖 3-5所示： 信息工程學(xué)院畢業(yè)設(shè)計說明書 14 圖 3-5 在線訂購 界面 在 Access 數(shù)據(jù)庫中對此功能建立了一張 online 表，其中有 onid、 lxr、 sex、cz、 g、 email、 szdq、 hylb、 dh、 sj、 qymc、 lxdz、 gswz、 xmjs、 cpsm、 qd 和 date十七個字段。如表 3-6所示： 表 3-6 online 表 字段名 數(shù)據(jù)類型 備注 onid 自動編號 lxr 備注 聯(lián)系人 sex 備注 稱呼 cz 備注 傳真 g 備注 交易類別 信息工程學(xué)院畢業(yè)設(shè)計說明書 15 email 備注 E-mail szdq 備注 所在地區(qū) hylb 備注 行業(yè)類別 dh 數(shù)字 電話 sj 數(shù)字 手機 qymc 備注 企業(yè)名稱 lxdz 備注 聯(lián)系地址 gswz 備注 公司網(wǎng)站 xmjs 備注 項目介紹 cpsm 備注 產(chǎn)品說明 qd 備注 得知本公司渠道 date 日期 /時間 訂單時間 在線訂購處理過程代碼如下 : 信息工程學(xué)院畢業(yè)設(shè)計說明書 18 第四章 設(shè)計總結(jié)評價 通 過 Adobe Dreamweaver CS4 軟件制作了班級網(wǎng)站的前臺頁面，利用 Adobe Flash CS4 Professional 軟件制作了 FLASH 動畫和網(wǎng)站的導(dǎo)航條，利用 Adobe Photoshop CS4 軟件對圖片進行了處理和美化。 編寫的 Javascript、 ASP 腳本語言腳本對文章發(fā)布和在線訂購功能進行了實現(xiàn)。 1. 數(shù)據(jù)庫的設(shè)計與連接 前期數(shù)據(jù)庫設(shè)計很重要的，如果設(shè)計不好，在開發(fā)過程中更改的話，以前做過的頁面的程序也得重寫，很費時間；萬一有時再忘掉一些頁面的 SQL的修改，測試也比較費時間。 所以最好剛開始能把數(shù)據(jù)庫設(shè)計好，各項功能最好都能想到。 2. 頁面間 /內(nèi)傳值 作網(wǎng)頁用的最多的是傳值，包括同一頁面和頁面間傳值兩種。 頁面內(nèi)傳值一般用地址欄傳值法，如 index.ASP?id=4 ,接受的時候用Request.QueryString(id)來接受。 頁面間傳值可以用地址欄傳，如上面的方法，只是鏈接到另一個頁面而已；還可以用表單傳值，有 get 和 post 兩種方法， get 方法是用地址欄來傳的，可以被看到，一般傳些長度不大、安全要求不高的值，接受頁面也是用Request.QueryString()方法來接受；而 post 方法在地址欄看不出來，安全系數(shù)比較高，可以傳值的長度比較大，如提交文章、文件等，用 post方法都能實現(xiàn)，接受頁面用 Request.Form()方法來接受。 還有下拉菜單的值的問題，一般等于選擇的那個 option 的 value 值。如果只有選項而沒有 value，值就應(yīng)該等于選項的值。 3. 數(shù)據(jù)庫操作； 一個網(wǎng)站如果沒有數(shù)據(jù)庫支持，即靜態(tài)頁面，更新會很麻煩的，一般動態(tài)動態(tài)網(wǎng)站有微軟的 ASP 和 ASP.net,Dhtml,jsp,php,還有比較老的 cgi(現(xiàn)在很少用了 ).說一個比較簡 單的問題：網(wǎng)頁中動態(tài)與靜態(tài)的區(qū)別，靜態(tài)一般用的是 html，即只有超文本標(biāo)記語言，一般沒有交互功能；動態(tài)則用服務(wù)器腳本語言，如前面提到的幾種，它們通過編程來實現(xiàn)，一般從數(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= 信息工程學(xué)院畢業(yè)設(shè)計說明書 19 &Request.QueryString(class_id)& order by class_id 這條語句是從三個表中查詢的， (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)閉，及時釋放寶貴的資源： rs.close set rs=nothing conn.close set conn=nothing (c) 刪除數(shù)據(jù)記錄（刪除行）； delete from TableName where id = id 中間沒有號的。我當(dāng)時就犯了這個錯誤，調(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語句別些錯了，比如表名，各列名 ，錯了有時候提示不合法的 SQL查詢。 4. 數(shù)據(jù)庫變量類型； Int,整形，如果取為 id的話，設(shè)置標(biāo)識，即 Access里的自動增加，加入記錄的時候不能手動添加 id號。 varchar，可變長字符類型，通常是添加的長度沒有定義的長度長的時候，不加空格。而 char 類型的自動補齊到定義的長度。一般 varchar比較常用。 text,存儲量比較大，一般用于存儲整篇文章 。 smalldatatime,短日期類型，最大到公元 2999年，足夠用了，比 datatime占用的空間小。 信息工程學(xué)院畢業(yè)設(shè)計說明書 20 制作過程中的常見錯誤 例： 1 sql=select * from biao1 rs.open sql,conn,1,3 if rs.eof then dim name name=rs(name) end if sql=select * from biao2 rs.open sql,conn,1,3 解決的辦法有兩個一個是： （ 1）在第二次 rs.open之前先關(guān)閉 rs.close 或； （ 2） set rs1=server.createobject rs1.open sql,conn,1,1 2用 SQL關(guān)鍵字做表名或字段 名； - sql=select * from user rs.open sql,conn,1,1 - user為 sql關(guān)鍵字 解決 :改為 sql=select * from user 3用鎖定方式去進行 update； - sql=select * from user rs.open sql,conn,1,1 rs.addnew 或 rs(userName)=aa rs.update - 當(dāng)前記錄集的打開方式為只讀 解決 : 信息工程學(xué)院畢業(yè)設(shè)計說明書 21 改為 rs.open sql,conn,1,3 4在查詢語句中采用的對比字段值與字段類型不符； - sql=select * from user where id= & myID & rs.open sql,conn,1,1 - 假設(shè)表中設(shè)計 ID為數(shù)字型，那么有時出錯； 解決 : sql=select * from user where id= & myID 5未檢查變量值而出錯； - sql=select * from user where id= & myID rs.open sql,conn,1,1 - 假設(shè) myID變量此時值為 null,那么 sql 將成為 sql=select * from user where id= 解決 : 在前面加上， if isnull(myID) then 出錯提示 6未檢查變量值類型而出錯； - sql=select * from user where id= & myID rs.open sql,conn,1,1 - 假設(shè) id 為數(shù)字型 ,myID 變量此時值不為 null,但為字符，比如 my