Ｄｒｅａｍｗｅａｖｅｒ ８中數據庫的應用

摘要：本文結合實例介紹了在網站中如何應用數據庫制作動態網頁的過程，從環境的準備到數據庫的應用都給出了詳細的步驟，對網站設計愛好者有一定的參考價值和指導意義。

關鍵詞：Dreamweaver 8；數據庫；應用

中圖法分類號：TP391 文獻標識碼：A文章編號：1009-3044(2008)33-1289-03

UsingDatabaseinTheDreamweaver 8

ZHANG Chun-ling

(Langfang Radio and TV University， Langfang 065000， China)

Abstract: The paper introduces the process of making dynamic web site with examples， From setting up environment to using database， It describes the detailed steps， It has fairly reference and guide for the web site design enthusiasts.

Key words: Dreamweaver; database; use

1 引言

Dreamweaver 8是一款專業的網站制作軟件，可用于對站點、網頁和網站應用程序進行設計、編碼和開發，增加了對動態web頁的支持。它不需要掌握復雜的源代碼語言，在所見即所得的編輯界面，既能編寫靜態網頁，也能編寫基于ASP、JSP、CFML甚至PHP服務器技術的動態網站系統。具有數據庫支持的動態網頁是現代網站的必然趨勢，筆者因工作需要就制作了這樣的一個教師主頁，下面我就以此為例介紹一下有關數據庫應用的網頁制作過程。

2 工作環境的設置

在制作之前，首先要把電腦設置成服務器，以便測試動態網頁。使用微軟的ASP，就要安裝支持ASP的網站服務器IIS。IIS的安裝過程很簡單，在控制面板→添加/刪除程序→選擇添加/刪除Windows組件（A）→勾選Internet信息服務（IIS），單擊下一步→按提示插入系統安裝盤→完成。安裝成功后，打開瀏覽器，在地址欄中輸入http://localhost/localstart.asp回車，就會出現測試頁。

設置服務器完成后，電腦上c:\\Inetput\\wwwroot\\就是服務器的根目錄，在此目錄下創建站點，就可以瀏覽ASP網頁了。啟動Dreamweaver 8，新建一個站點zhandian和網頁index.asp，在頁面上設計好“公告欄”、“課程資源”、“考試信息”等欄目區域，保存。

3 準備數據庫

啟動Access，新建一個數據庫myku，保存在已創建的站點zhandian中。設計數據表如下表1：

表1 數據表（ziliao）

4 連接數據庫

數據庫建好之后，要連接到網頁中。連接的方法有數據源連接和自定義連接兩種，筆者采用的是數據源連接。

4.1 設置數據源

控制面板→管理工具→數據源→系統DSN→添加選擇驅動程序Microsoft Access Driver(*.mdb) →選擇已保存在站點zhandian下的數據庫→輸入數據源名稱“myku” →確定。

4.2 連接網頁

啟動Dreamweaver 8，打開index.asp網頁，選擇菜單“窗口”→“數據庫”，打開“應用程序”上的“數據庫”面板，單擊添加按鈕，選擇“數據源名稱（DSN）”打開對話框，此時已設置好數據源就出現在對話框中，輸入連接名稱“myku”，選擇“使用本地DSN”，單擊“測試”，出現成功提示，表示設置正確，然后確定。

如果使用自定義連接，只需在“數據庫”面板中選擇“自定義連接字符串”命令，然后在打開的對話框中輸入連接名稱“myku”和連接字符串“Driver={Microsft Access Driver(*.mdb)};DBQ=c:\\ Inetput\\wwwroot\\zhandian\\myku.mdb;”，選擇“使用此計算機上的驅動程序”，確定。

數據庫連接好以后，就可以使用了。

5 顯示數據庫記錄

5.1 顯示標題頁

1) 打開index.asp網頁，在“課程資源”區域插入2行1列表格，拆分第一行為兩列。

2) “應用程序”面板→“綁定”→添加“記錄集（查詢）”命令→在“記錄集”對話框中輸入信息。

名稱：rsfd

連接：myku

表格：ziliao

列：選擇全部

篩選： lanmu、=、輸入的值、輔導。

排序：riqi、降序。

確定。此時綁定的記錄集rsfd出現在“綁定”面板中。

3) 展開記錄集rsfd，將biaoti字段插入到頁面的第一行第一列，riqi插入到第二列。這樣只能顯示一條記錄，要想顯示全部記錄，還要設置重復區域。

4) 選定此行，在“服務器行為”面板中→添加→選擇“重復區域”。

5) 在表格第二行的相應位置輸入“首頁”、“上頁”、“下頁”、“末頁”，選定“首頁”，在“服務器行為”面板→添加→選擇“移至第一條記錄”。

6) 依次選定“上頁”、“下頁”、“末頁”，分別在“服務器行為”面板中添加“移至上一條記錄”、“移至下一條記錄”、“移至最后一條記錄”。

7) 保存。

5.2 顯示詳細內容頁

1) 新建網頁xiangxi.asp，保存。

2) 在“綁定”面板中添加記錄集，在“記錄集”對話框中輸入信息。

名稱：rsfd1

連接：myku

表格：ziliao

列：選擇全部

篩選： biaoti、=、URL參數、biaoti。

排序：無。

確定。

3) 展開記錄集rsfd1，把neirong字段插入頁面。

4) 保存。

5.3 鏈接頁面

兩個頁面完成之后，再做一下動態鏈接。

1) 打開標題顯示index.asp，選定biaoti字段。在“服務器行為”面板→添加→“轉到詳細頁面”，打開對話框。

2) 在對話框中輸入下面信息：

詳細信息頁：xiangxi.asp

傳遞URL參數：biaoti

記錄集：rsfd

列：biaoti

傳遞現有參數：URL參數

確定。

同樣的方法，可以制作其它欄目的顯示內容。測試index.asp時，如果數據庫中有記錄，點擊標題，即可查看相應的詳細內容。

6 添加數據庫記錄

1) 新建網頁add.asp，保存。

2) 添加記錄集。在“記錄集”對話框中輸入下面信息：

名稱：addrs

連接：myku

表格：ziliao

列：選擇全部

篩選： 無

排序：riqi、降序

確定。

3) 將光標定位于插入表單的位置，然后“插入”→打開“應用程序”面板，單擊“插入記錄表單向導”按鈕，在“插入記錄表單”對話框中輸入下面信息：

連接：myku

插入到表格：ziliao

插入后，轉到：ok1.htm

表單字段：

選擇lanmu，標簽：“欄目：”；顯示為：文本字段；提交為：文本。

選擇biaoti，標簽：“標題：”；顯示為：文本字段；提交為：文本。

選擇zhuanye，標簽：“專業：”；顯示為：文本字段；提交為：文本。

選擇neirong，標簽：“內容：”；顯示為：文本字段；提交為：文本。

最后，確定。

此時，在頁面上插入一個完整的表單項目，而且連“插入記錄”的服務器行為都有了。但如果文本框的的長度和寬度需要調整，可選定該文本框，打開屬性面板進行設置。選定內容文本框，在“屬性”面板中選擇“多行”類型，字符寬度：100；行數：50。

4) 檢查表單?！按翱凇薄靶袨椤泵睿蜷_“行為”面板，添加“檢查表單”，在“檢查表單”對話框中，命名的欄位：選擇“lanmu”，勾選“值”為“必需的”；“可接受”選擇“任何東西”；依次設置其它字段。

5) 插入隱藏域?！安迦搿薄韱巍[藏域，在屬性面板上，“值”輸入“<%=now()%>”，在“服務器行為”面板中雙擊“插入記錄”，打開“插入記錄”對話框，在表單字段中選擇隱藏字段hiddenfield，提交為：日期。確定。

6) 保存。

添加表單頁完成以后，還要制作一個提交成功信息的頁面ok1.htm。新建網頁ok1.htm，在頁面上輸入文字“提交成功，返回。”，做好返回add.asp的鏈接即可。

測試時，如果添加的信息正確，便顯示提交成功，否則，提示出錯原因。

7 刪除數據庫記錄

7.1 制作管理頁

1) 新建管理頁guanli.asp，顯示所有記錄。在頁面上插入2行6列表格，在第一行的第一列輸入“欄目”，第二列到第四列依次輸入“標題”、“專業”、“日期”。

2) 復制記錄集。因為添加的記錄集與add.asp頁的相同，可以直接把add.asp頁的記錄集復制過來。

3) 在表格的第二行對應各列分別插入字段“lanmu”、“biaoti”、“zhuanye”、“riqi”，第五列輸入“刪除”。

4) 選擇第二行為“重復區域”。如果內容太多，也可以在表格中增加一行做分頁處理。

5) 保存。

7.2制作刪除頁

1) 新建網頁del.asp，因為刪除頁的表單與添加頁add.asp的表單相同，可以把添加表單復制過來，把“提交”改為“確定刪除”。

2) 添加記錄集。因為記錄集相同，可直接復制xiangxi.asp頁中的記錄集。

3) 分別選定頁面中的文本域，依次與記錄集中的字段綁定。

4) 切換到“服務器行為”面板，添加“刪除記錄”命令，打開對話框，輸入信息：

連接：myku

從表格中刪除：ziliao

選取記錄自：默認

唯一鍵列：biaoti

刪除后，轉到：ok2.htm

確定。

5) 保存網頁。

刪除成功頁ok2.htm的制作，只需復制ok1.htm，把輸入文字和返回鏈接修改一下即可。

7.3 鏈接網頁

1) 打開guanli.asp頁，選定“刪除”，在“服務器行為”面板中添加“轉到詳細頁面”命令，在對話框中輸入：

詳細信息頁：del.asp

傳遞URL參數：biaoti

記錄集：默認

列：biaoti

傳遞現有參數：URL參數

確定。

2) 保存。

至此，刪除記錄的網頁全部完成。測試時，在管理頁點擊標題后面的“刪除”，便轉到此標題下的詳細內容，單擊“確定刪除”后，即可刪除此記錄。

8 修改數據庫記錄

修改記錄與刪除記錄大體相同，只是在管理頁guanli.asp中“刪除”后面增加一個“修改”鏈接，而刪除頁del.asp中“確定刪除”改為“修改”，在“服務器行為”面板中添加“更新記錄”。測試時，在修改頁完成修改后點擊“修改”按鈕，提示修改成功。

9 說明

1) 添加、刪除、修改記錄部分屬后臺管理部分，為限制瀏覽者進入，必須在進入后臺頁時設置密碼。在數據庫中增加一個管理表，保存管理員的用戶名和密碼，在頁面上要求輸入這些信息，以限制對后臺的訪問。頁面上插入表單文本框、提交按鈕，在“服務器行為”面板中，選擇“用戶身份驗證”→“登錄用戶”命令，如果與管理表上信息一致就轉到后臺，否則，顯示出錯。

2) 添加記錄時，如果要求內容有一定的格式，首先在顯示詳細內容頁xiangxi.asp要應用CSS樣式表，如何定義和應用CSS不屬于本文的范圍，就不做介紹了；其次，在添加內容時，文本中應包含html格式代碼。如果不懂代碼也沒關系，可利用Dreamweaver 8自動生成代碼的功能實現。新建一個html網頁，把在word中編輯好的文檔復制過來，切換到代碼界面，便可得到含格式代碼的文本內容，只需拷貝到添加頁即可。

10 結束語

本文通過筆者的實例介紹了在Dreamweaver 8應用數據庫的一些操作，希望能對網頁制作愛好者們有所幫助，這是我最大的心愿，也是我寫此文的初衷和目的。

參考文獻：

[1] 鮑嘉，盧堅.《Dreamweaver 8全新網站大制作》.[M].北京.中國青年電子出版社.2006.

[2] 楊志姝，馮小飛.《ASP+SQL Server基礎練習+典型案例》.[M].北京.清華大學出版社.2006.

[3] 郭娜.《Dreamweaver CS3流行網站實例精講》.[M].北京.中國青年電子出版社.2007.