用Dreamweaver實現ASP動態網站建設

dreamweaver|動態|網站建設

　　Macromedia Dreamweaver MX 是一款專業的 HTML 編輯程式，用於對 Web 網站、Web 頁和 Web 應用程式進行設計、編碼和開發。無論您願意享受手工編寫 HTML 程式碼時的駕馭感還是偏愛在可視化編輯環境中工作，Dreamweaver 都會為您提供有用的工具，使您擁有更加完美的 Web 創作體驗。 Dreamweaver 使您可以使用伺服器技術(例如 CFML、ASP.NET、ASP、JSP 和 PHP)產生由動態資料庫支援的 Web 應用程式。

　　本章節內容主要從建立ASP運行環境(安裝、配置IIS)、建立網站、怎樣建立資料庫、Dreamweaver與資料庫的串連(使用DSN串連資料庫)、顯示資料庫記錄、插入資料庫記錄、修改資料庫記錄和刪除資料庫記錄等等內容，以實現ASP動態網站的全部設計過程，希望能給你對建立ASP動態網站有所協助。

　　系統軟體要求

　　本教程將運行在Windows XP作業系統上，由IIS Web伺服器和Access 2003資料庫建立Web網站，通過Dreamweaver MX 2004+ASP技術開發動態網頁面的技術。

表 軟體環境列表

軟 件	應 用
Windows XP	作業系統
IIS 5.0	Web伺服器
Access 2003	資料庫
Dreamweaver MX 2004	動態網頁面設計

　　Windows XP的Internet 資訊服務 (IIS) 給 Windows 帶來 Web 計算的強大功能。 IIS 是建立和開發動態網站解決方案的安全平台。

　　一、 建立ASP運行環境(安裝、配置IIS)

　　(一)、安裝IIS

　　在Windows XP(專業版)上將Windows XP安裝光碟片放入光碟機，點擊開始—>設定—>控制面版—>添加或刪除程式—>添加或刪除windows組件—>在internet資訊服務(IIS)項前面打鉤，單擊下一步進行安裝，直至完成internet資訊服務(IIS)的安裝。如圖所示：

　　

　　(二)、配置IIS

　　點擊開始—>設定—>控制面版—>管理工具—>internet資訊服務(IIS)，在彈出的視窗單擊本機電腦、網站，在預設網站單擊滑鼠右鍵，

　　在彈出的視窗選擇主目錄、在本地面直接選取瀏覽按鈕，選擇你建立的網站目錄(如：E：\我的網站)，選擇文檔項，按添加按鈕，添加index.asp文檔完成IIS的配置。

　　

　　二、建立網站

　　Macromedia Dreamweaver MX 是一個網站建立和管理工具，使用它不僅可以建立單獨的文檔，還可以建立完整的 Web 網站。

　　網站的定義

　　開始使用Dreamweaver MX 2004來建立資料庫網站的第一件事，就是定義網站，必須告訴Dreamweaver MX 2004網站根目錄在哪裡，以及伺服器位置、類型等相關資訊。

　　啟動Dreamweaver MX 2004後，從主菜單選擇網站/管理網站/建立…定義一個新網站。

　　在快顯功能表中的本地資訊列--網站名稱中輸入“我的網站”，本地根資料夾中選擇“E：\我的網站”，在HTTP地址項填寫：“HTTP：\\127.0.0.1\”其餘各項保持不變。在“分類”處選擇“測試伺服器”，在伺服器模型處選擇“ASP VBScript”,“訪問”處選擇“本地/網路”，單擊確定完成網站的定義。

　　這時網站管理視窗中就可以看到網站根目錄的中檔案了。

　　

　　三、怎樣建立Access資料庫

　　本系統使用的是Access 2003建立了一個名為db1.mdb的資料庫。系統對資料的讀取，儲存都是對該資料庫進行操作。

　　在Access 2003資料庫中，所有的資料存放區都是圍繞表進行的，資料不會儲存在資料庫的其他位置。雖然可以有許多方法訪問資料，但是它們全部來自表。可以說，表示一個資料庫的靈魂。

　　執行開始->程式->Mccrosoft Office -> Mccrosoft Office Access 2003(安裝Mccrosoft Office 2003時，把Office Access 2003也打鉤進行安裝) ，執行檔案->建立，在快顯視窗右邊選擇空資料庫，檔案名稱保持預設，單擊按鈕，從快顯視窗選擇“使用設計器建立表”，填寫相應的欄位，具體如下表所示：

欄位名稱	資料類型	欄位大小
ID	自動編號
姓名	文本	20
性別	文本	30
年齡	數字	10
錄入時間	日期/時間
住址	文本	50

　　完成欄位名稱等錄入後，選擇ID為主鍵，資料表名稱保留預設“表1”，將其儲存在“E：\我的網站”目錄下完成資料庫的建立。如圖所示：

　　

　　四、Dreamweaver與資料庫的串連(使用DSN串連資料庫)

　　如果打算在網路應用程式中使用資料庫，就需要建立至少一個資料庫連接。沒有資料庫連接的話，應用程式將不知道在什麼地方找到資料庫或者如何與資料庫連接。在Dreamweaver MX 2004中建立資料庫連接時，為應用程式提供了與資料庫建立聯絡的資訊或參數。

　　1 DSN定義

　　(1) 在控制台中，雙擊管理工具，雙擊ODBC資料庫源表徵圖，出現ODBC資料來源管理器視窗，選擇系統DSN標記。

　　(2) 單擊“添加“，接著選擇資料庫驅動程式，本系統使用Access資料庫，所以Microsoft Access Driver(*.mdb)，單擊“完成“按鈕。

　　(3) 出現ODBC Microsoft Access安裝視窗，在資料來源名一欄給串連取個名字conn，說明一欄不是必填項。

　　(4) 單擊視窗中“選擇“按鈕，找到資料庫的所在路徑(“E：\我的網站”)並選中相應資料庫檔案，選中db1.mdb，此時ODBC Access安裝視窗中資料庫一欄就會出現剛才選定的資料庫檔案，如圖所示。

　　

　　2 DSN串連

　　建立了資料庫名(DSN)之後，就可以建立網路應用程式和資料庫之間的ODBC串連，DSN被定義後，就能用它來調用各種參數了。

　　(1) 啟動Dreamweaver MX 2004，開啟已經定義好的網站“我的網站”，在網站-我的網站視窗中點擊滑鼠右鍵，點新擊建檔案，檔案名稱改為index.asp,雙擊檔案index.asp使其處於編輯狀態。

　　(2) 單擊“視窗”中的“資料庫”，從“資料庫”菜單中。在視窗中點擊“+”，選擇資料來源名稱，從快顯視窗“串連名稱”一欄鍵入串連的名字conn;在資料來源名稱(DSN)一欄從下拉式功能表中挑選資料庫源名conn;Dreamweaver串連一欄選擇使用本地DSN即可。如下圖：

　　

　　五、製作顯示資料庫記錄頁

　　(1)、雙擊index.asp檔案，使其處於編輯狀態，選擇應用程式的“綁定”，點擊“+”，à記錄集(查詢);在彈出的記錄集視窗“名稱”填寫Rs，串連選擇conn，表格選擇“表1”，“列”選擇全部，單擊確定完成記錄集的綁定。如下圖;

　　

　　(2)、在index.asp編輯狀態下，插入2行七列的表格，並使其置中，在上一行的七個空格中加入資料表中的內容標籤，然後將記錄集的各欄位拖入下一行對應的空格中，在表格上方輸入資料庫總記錄數X條、目前為第X條資料，並將記錄集中的總記錄數，第一條記錄拖入對應的字中，並使其置中。如下圖所示：

　　

　　(3)、選中第二行的全部表格，點擊伺服器行為，點擊“+”選擇重複地區，保持預設狀態，點擊確定完成重複顯示區的設計。

　　(4)、點擊菜單“插入”，選擇“應用程式物件”->記錄集分頁->記錄集導航條,在快顯視窗(保持預設值)點擊確定。如圖所示：

　　

　　六、製作添加資料記錄頁

　　建立一網頁，命名為add.asp，並使其處於編輯狀態，點擊菜單“插入”，選擇“應用程式物件”->插入記錄->插入記錄表單嚮導,在快顯視窗“串連”項選擇conn，“插入到表”選擇“表1”，“插入後轉到”填寫a.asp(提交成功顯示網頁，將在下一步建立),刪除不需要的欄位(ID),然後點擊確定按鈕完成頁面的製作。

　　

　　

　　建立新的一頁，儲存為a.asp，並在頁面上填寫“添加資料成功!”完成頁面設計。

　　七、製作修改資料記錄頁

　　開啟index.asp檔案，使其處於編輯狀態，把滑鼠定位在第一行，點擊拆分儲存格表徵圖，如下圖：

　　

　　

　　將列拆分為2列。第二行用同樣方式拆分為二列，在最後一列填寫“修改”字元，全選“修改”，使其被選定，選擇伺服器行為—>“+”，轉到詳細頁面，從快顯功能表中，詳細頁填寫edit.asp，其它保持不變完成版面設定。

　　

　　建立edit.asp新頁，用上述同樣的方法為其綁定一個名為Rs的記錄集(篩選項選擇ID，其它保持預設值)。點擊菜單“插入”，選擇“應用程式物件”->更新記錄->更新記錄表單嚮導,在快顯視窗“串連”項選擇conn，“要更新表格”選擇“表1”，“選取記錄是”處選擇Rs,唯一鍵列選擇ID，“更新後轉到”填寫index.asp (修改顯示網頁，將在下一步建立),刪除不需要的欄位(ID),然後點擊確定按鈕完成頁面的製作(其餘為預設值)。如下圖所示：

　　

　　

　　八、製作刪除資料記錄頁

　　用上述學過的方法在Index.asp上建立“刪除”串連。建立網頁命名為delete.asp，並開啟它，在其上建立一個七行二列的表格，並在左邊的表格上填寫相應的欄位名，然後給網頁綁定一個記錄集，並對其欄位拖到對應的右這表格中。建立一表單，並把上述所建的表格拖入表單內，同時為表單建立一個刪除確定按鈕，如下圖所示：

　　

　　點擊伺服器行為->記錄集分頁->移致特定記錄,按確定按鈕(保持預設值)。點擊伺服器行為->刪除記錄，在快顯功能表中填上相關內容。如圖所示：

　　

　　一個比較完整的ASP動態網站總算完成了。讀者依照本教程的指導，自己動手操作可以實現ASP+Access動態網站的組建。