下面給大家介紹一下用dreamweaver制作asp動態(tài)網(wǎng)頁時如何向數(shù)據(jù)庫里邊添加記錄。前提是已經(jīng)搭建好asp的運行環(huán)境IIS，并且用數(shù)據(jù)源連接了數(shù)據(jù)庫，具體方法見我分享的前幾個百度經(jīng)驗。我以創(chuàng)建一個個人信息登記頁面為例介紹。

Adobe Dreamweaver CC 簡體中文正式版

• 類型：網(wǎng)頁設(shè)計
• 大小：332MB
• 語言：簡體中文
• 時間：2014-01-22

查看詳情

1、打開dreamweaver，點擊菜單欄的：文件-->新建。

2、在彈出的界面中選擇ASP VBScript，然后點擊“創(chuàng)建”按鈕。

3、按Ctrl+S保存剛剛新建的網(wǎng)頁，保存在你創(chuàng)建的測試服務(wù)器（見我前幾個分享的百度經(jīng)驗）的文件夾里邊，并且后綴一定是asp。

4、把鼠標(biāo)指針放在頁面內(nèi)，點擊菜單欄的：插入-->表單-->表單。

5、把鼠標(biāo)指針放在表單內(nèi)，輸入“姓名：”，然后點擊菜單欄：插入-->表單-->文本域。操作如圖。

6、鼠標(biāo)點中剛剛添加的文本框，在下方重命名文本框的名字。操作如圖。

7、把鼠標(biāo)指針放在剛剛添加的文本域內(nèi)，按回車，輸入“性別：”，然后點擊菜單欄：插入-->表單-->單選按鈕，然后再單選按鈕后邊添加文字“男”。

8、按照上一步，添加一個單選按鈕，后邊添加文字為“女”。

9、鼠標(biāo)點擊選中剛剛添加的第一個單選按鈕，在下方屬性面板中命名為“xingbie”。同樣選中第二個單選按鈕，在下方屬性面板中也命名為“xingbie”。注意：兩個單選按鈕名字一定要一樣，否則就不是單選而是兩個都可以選了。

10、回車：輸入文字“個人簡介”，回車，然后點擊菜單欄：插入-->表單-->文本區(qū)域。

11、點中添加的文本區(qū)域，然后再下方的屬性面板中可以改變它的長和寬。

12、回車，點擊菜單欄：插入-->表單-->按鈕。

13、鼠標(biāo)點中剛剛添加的按鈕，然后再下方的屬性面板中可以改變按鈕上所顯示的文字。如圖。

14、打開測試服務(wù)器所在的文件夾里邊的數(shù)據(jù)庫（這里用的是access2010）。

15、點擊打開的Access數(shù)據(jù)庫菜單欄的：創(chuàng)建-->表。按Ctrl+S，在彈出的界面輸入要保存的數(shù)據(jù)表的名字。如圖。

16、點擊菜單欄的：開始-->視圖，切換到視圖模式。

17、在表里邊假如如圖所示幾個字段：xingming、xingbie、gerenjianjie。其中xingming和性別的數(shù)據(jù)類型是文本，而gerenjianjie的數(shù)據(jù)類型是備注（備注類型沒有字數(shù)限制而文本類型最多只能輸入255個字節(jié)）。保存，然后退出。

18、回到Dreamweaver，點擊菜單欄：窗口-->綁定，打開綁定面板。

19、點擊菜單欄：窗口-->服務(wù)器行為，打開服務(wù)器行為面板。

20、先連接數(shù)據(jù)庫（見筆者之前分享的百度經(jīng)驗）。如果數(shù)據(jù)庫已經(jīng)連接好了，那么在數(shù)據(jù)庫面板里邊右鍵單擊，選擇刷新。

21、選擇綁定面板，選怎文檔類型為ASP VBSCript。

22、在綁定面板中，點擊“+”，選擇“記錄集（查詢）。在彈出的界面中選擇我們剛剛在數(shù)據(jù)庫里邊創(chuàng)建的表。如圖。

23、鼠標(biāo)指針放到表單里邊，切換到服務(wù)器行為面板，點擊“+”，選擇“插入記錄”。

24、彈出如圖所示界面，按照如圖所示界面，進行設(shè)置（面板上的文字大家應(yīng)該一看就懂，所以不做過多說明），然后點擊確定。

25、這時，增加記錄的功能就做好了。按F12在瀏覽器中輸入以下數(shù)據(jù)，然后點擊添加按鈕。

26、然后回到dreamweaver的數(shù)據(jù)庫面板查看一下數(shù)據(jù)。大功告成。

相關(guān)推薦：

dreamweaver怎么做一個簡單的網(wǎng)頁?

dreamweaver中怎么將文字放到圖片上?

最新評論