基于ASP與Dreamweaver數據庫網站的開發(fā)

王 娟

（河北外國語職業(yè)學院，秦皇島 066311）

0 引言

隨著Internet的普及，互聯網逐漸成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們政治、經濟、生活等各個方面發(fā)揮著重要的作用。Internet上發(fā)布信息主要是通過網站來實現的，獲取信息也是要在Internet"海洋"中按照一定的檢索方式將所需要的信息從網站上下載下來。因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位信息化建設中的重要組成部分，從而倍受人們的重視。Web應用程序得到了很大的發(fā)展，企業(yè)網站逐漸成為企業(yè)信息交流必不可少的策略之一。本文以為公司設計一個企業(yè)網站為例，主要以ASP技術為主，從基本的網頁結構設計開始，通過Dreamweaver可視化設計功能的輔助，建立一個企業(yè)信息交流的平臺。

研究的基本內容，擬定目標網站要解決的問題：第一，如何通過網站來宣傳公司及其產品；第二，如何用ASP和Dreamweaver來實現網站的動態(tài)效果；第三，如何使網站更佳新穎。進行了系統的可行性分析，主要從技術可行性和操作可行性對目標系統進行了分析，得到了目標網站在技術方面和操作方面都是可行的結論。用Access進行了數據庫的設計：數據庫名稱dl。并在該數據庫下建立產品展示（tp ）、公司信息（gsxx）、聯系方式（Lxfs）、招聘信息（zpjj）、登陸信息（lognxx）5個表。

1 緒論

1.1 Active Server Pages概況

隨著網絡技術的迅猛發(fā)展和Internet的日益普及，人們對Web站點建設技術的渴求與日俱增。目前，Microsoft公司推出的ASP廣泛流行于業(yè)界，利用ASP，可以方便、快捷地創(chuàng)建出動態(tài)、交互的Web服務器端應用程序。

Active Server Pages實際上是將標準的HTML文件拓展了一些附加特征，Active Server Pages象標準的HTML文件一樣包含HTML對象并且在一個瀏覽器上解釋并顯示。任何你可以放在HTML中的東西--Java applets,閃爍字符串，客戶端腳本，客戶端ActiveX控件等等你都可以放在Active Server Page中。因此，一個Active Server Page具備很強的通用性。

1.2 Dreamweaver概況

Dreamweaver 是一套功能相當強大的網頁編輯軟件，由Macromedia 公司開發(fā)，提供各種可視化的網頁編輯功能，從單一的HTML 靜態(tài)網頁，到復雜的ASP動態(tài)網頁的數據庫系統設計，均能夠以鼠標拖拽的方式迅速完成網頁設計工作。

Dreamweaver 最出色的地方，在于其具備動態(tài)服務器網頁的可視化設置功能，同時對各類平臺與服務器語言提供足夠的支持，無論是PHP、JSP、ASP，還是ASP.NET，程序設計人員均能夠通過設置，利用Dreamweaver的單一接口，設計不同類型的動態(tài)服務器網頁。

1.3 Dreamweaver 和ASP

在安裝設計完IIS后，不需任何工具，直接使用最簡單的文字編輯器，如Windows 自帶的“記事本”，就可以設計ASP 網頁；事實上無論HTML還是ASP網頁，基本上都只是以擴展名命名的純文本文件。如果是只包含HTML或JavaScript等動態(tài)語言的網頁，則其擴展名為.html或.htm；但如果是ASP 網頁，則其擴展名為.asp。

盡管不需要任何特殊的編輯器就可以ASP 網頁的編輯，然而開發(fā)用于實際用途的網頁時，會包含復雜的程序代碼，此時使用一套合適的開發(fā)工具可以大幅度地提高編寫和管理程序代碼的效率。

ASP 網頁本身是由傳統的HTML網頁衍生而來的，其程序代碼與HTML標簽相互并存，早期的Dreamweaver 只提供編輯HTML 標簽的能力，在Dreamweaver MX 2004中，除了維持原先強大的靜態(tài)網頁編輯功能外，還加入了ASP 程序代碼的編輯功能，成了一個全功能的網頁編輯器。Dreamweaver 除了支持程序代碼的編輯之外，對于各種ASP網頁應用功能的開發(fā)，也提供了可視化的操作模式，用戶只需以鼠標拖動并進行設置，即可自動完成程序代碼的編寫，即使如數據庫般應用復雜的操作也能夠輕松完成。

2 網站總體分析與設計

對網站進行系統分析，首先對網站進行需求分析，然后對網站進行模塊分析，根據公司網站的需求分析，將整個網站分若干個個功能模塊。

對系統進行功能模塊設計，將整個網站劃分為若干個模塊后，需要對每個模塊的功能進行詳細設計。根據模塊的功能需求設計模塊使用何種方式顯示該功能，以及應該包含相應的頁面與操作步驟。

對網頁進行設計，首先是網頁布局，然后是網頁的配色。還要記得對網頁的數據庫進行設計。

3 網站的具體實現

3.1 定義一個網站

定義一個網站，是制作ASP網頁之前，首先必須完成的操作。一旦完成網站的定義，Dreamweaver 將可以讓程序開發(fā)人員直接利用其編輯窗口，以該網站為基礎，進行ASP 網頁的創(chuàng)建、編輯與測試。

3.2 網站頁面的實現

3.2.1 主頁的實現

網站主頁采用靜、動相結合的方式，即靜態(tài)的主畫面和動態(tài)的圖片相結合，體現公司的勃勃生氣。靜態(tài)主頁方式介紹公司的公司簡介、領導致辭、榮譽證書、產品展示、銷售業(yè)績、招聘英才、留言板、聯系我們8個功能模塊。就得利用ASP與數據庫結合的技術通過數據庫對網站進行動態(tài)管理，采用交互式的動態(tài)的web畫面來實現。

圖1 網站的主頁

主頁（index0000.asp）中有八個模塊的相關鏈接以及公司簡介、領導致辭、銷售業(yè)績等模塊內容的簡單介紹。網頁布局采用“國”字型，在最左側插入了一個Flash(cemian1.swf)，使網頁顯得很新穎，有動感，并且還在這個Flash中巧妙的插入了公司的聯系方式。在主頁中，綁定了四個記錄集，分別是Recordset1、RecZpjj、Recgsxx和Reclxfs。這四個記錄集分別與數據庫dl中的產品展示表tp、招聘信息表zpjj、公司信息表gsxx和聯系方式表Lxfs相連。這樣，把記錄集中的相關內容拖放到主頁中的相應位置就可以了，使網頁上的內容可以動態(tài)的進行修改。需要說明的是主頁中的圖片，也是通過數據庫進行插入的，使用和修改起來相當地方便。

利用Dreamweaver中“服務器行為”中的“重復區(qū)域”來實現招聘信息的多條顯示。先將頁面左下方招聘信息表格選種，再點擊“應用程序”中的“服務器行為”中的“重復區(qū)域”，會彈出一個 “重復區(qū)域”對話框。在這個對話框的“記錄集”中選擇記錄集RecZpjj，并在“顯示”中選擇2條記錄。在產品介紹中，也進行同樣的操作，只是選擇記錄集Recordset1，并在顯示中選擇4條記錄。

另外，產品簡介中的“其他”用Dreamweaver中“服務器行為”中的“轉到詳細信息頁”命令來鏈接到詳細頁面xxxx.asp中。在最下方的圖片IMAGES/DE1.gif的文字“版權所有秦皇島市電力機械有限公司”上，加一個長方形熱區(qū)Map4，并將其鏈接到主頁index0000.asp。在其他的頁面中，也加一個同樣的熱區(qū)。在下面的其他頁的實現中，就不一一的進行重復的介紹了。

產品介紹中的產品照片是通過點擊“插入”中的“常規(guī)”標簽中的“圖象”，在彈出的對話框“選擇圖象源”中的“從文件名稱選擇”選擇“數據源”單選按鈕，在“域”中，選擇記錄集Recordset1中的Tp，并將其屬性中的，寬設置為：100，高設置為：69。

在圖片images/google.gif中，加入文字“管理員登陸”，并將其鏈接到管理系統中的頁面Logon.asp上?？梢苑奖愕膹闹黜撨M入到管理頁面中。

3.2.2 其他頁的實現

根據對秦皇島電力機械有限公司網站的模塊的劃分，將整個網站分為：公司簡介、領導致辭、榮譽證書、產品展示、銷售業(yè)績、招聘英才、留言板、聯系我們和管理系統9個功能模塊，并將其具體實現。這里以公司簡介頁面（index-1.asp）為例。

公司簡介頁面（index-1.asp）主要是介紹公司的概況，插入了一個Flash(cemian1.swf)，綁定了三個記錄集分別是RecZpjj、Recgsxx、Reclxfs，讓招聘的簡單信息與數據庫中的表zpjj相連，其他兩個記錄集分別與數據庫dl中的公司信息表gsxx和聯系方式表Lxfs相連。然后將Recgsxx.gsxxjs、Recgsxx.gsjs、Recgsxx.xsyj、RecZpjj.Mc、RecZpjj.Rs、RecZpjj.Yq、Reclxfs.dh、Reclxfs.cz和Reclxfs.Email，從其相應的記錄集中拖到頁面index-1.asp的相應位置。使網頁上的內容可以動態(tài)的修改。同樣要用“應用程序”中的“服務器行為”中的“重復區(qū)域”，來實現招聘信息的多條顯示，操作步驟與主頁相同。

4 結論

隨著公司網站的設計完成，本網站中預期的主要功能也基本實現。本網站以Dreamweaver和ASP作為前臺開發(fā)工具，并以Microsoft Access作為后臺數據庫，這些都是開發(fā)網站的前沿工具成為開發(fā)本網站的首選工具。本文闡述了公司網站的分析與設計的全過程，并在論文中相應的位置插入了圖片，更加清晰的描述了該網站是如何實現的。

[1] 尚俊杰.網絡程序設計——ASP案例教程[M].清華大學出版社,2004.

[2] 魏洪斌,周鑫,劉志江.Dreamweaver MX網頁設計[M].清華大學出版社,2005.

[3] 榮欽科技.ASP+Dreamweaver MX 2004數據庫網站開發(fā)與實例[M].清華大學出版社,2004.

[4] 李嚴,于亞芳,王國輝.等.ASP數據庫開發(fā)實例解析[M].機械工業(yè)出版社.2004.

[5] 秦學禮.DreamweaverMX2004實用教程[M].清華大學出版社,2004.

[6] 陳建偉.ASP動態(tài)網站開發(fā)教程(第二版)[M].清華大學出版社,2005.