下面給大家介紹一下用dreamweaver制作asp動(dòng)態(tài)網(wǎng)頁(yè)時(shí)如何向數(shù)據(jù)庫(kù)里邊添加記錄。前提是已經(jīng)搭建好asp的運(yùn)行環(huán)境IIS,并且用數(shù)據(jù)源連接了數(shù)據(jù)庫(kù),具體方法見(jiàn)我分享的前幾個(gè)百度經(jīng)驗(yàn)。我以創(chuàng)建一個(gè)個(gè)人信息登記頁(yè)面為例介紹。
1、打開(kāi)dreamweaver,點(diǎn)擊菜單欄的:文件-->新建。
2、在彈出的界面中選擇ASP VBScript,然后點(diǎn)擊“創(chuàng)建”按鈕。
3、按Ctrl+S保存剛剛新建的網(wǎng)頁(yè),保存在你創(chuàng)建的測(cè)試服務(wù)器(見(jiàn)我前幾個(gè)分享的百度經(jīng)驗(yàn))的文件夾里邊,并且后綴一定是asp。
4、把鼠標(biāo)指針?lè)旁陧?yè)面內(nèi),點(diǎn)擊菜單欄的:插入-->表單-->表單。
5、把鼠標(biāo)指針?lè)旁诒韱蝺?nèi),輸入“姓名:”,然后點(diǎn)擊菜單欄:插入-->表單-->文本域。操作如圖。
6、鼠標(biāo)點(diǎn)中剛剛添加的文本框,在下方重命名文本框的名字。操作如圖。
7、把鼠標(biāo)指針?lè)旁趧倓偺砑拥奈谋居騼?nèi),按回車(chē),輸入“性別:”,然后點(diǎn)擊菜單欄:插入-->表單-->單選按鈕,然后再單選按鈕后邊添加文字“男”。
8、按照上一步,添加一個(gè)單選按鈕,后邊添加文字為“女”。
9、鼠標(biāo)點(diǎn)擊選中剛剛添加的第一個(gè)單選按鈕,在下方屬性面板中命名為“xingbie”。同樣選中第二個(gè)單選按鈕,在下方屬性面板中也命名為“xingbie”。注意:兩個(gè)單選按鈕名字一定要一樣,否則就不是單選而是兩個(gè)都可以選了。
10、回車(chē):輸入文字“個(gè)人簡(jiǎn)介”,回車(chē),然后點(diǎn)擊菜單欄:插入-->表單-->文本區(qū)域。
11、點(diǎn)中添加的文本區(qū)域,然后再下方的屬性面板中可以改變它的長(zhǎng)和寬。
12、回車(chē),點(diǎn)擊菜單欄:插入-->表單-->按鈕。
13、鼠標(biāo)點(diǎn)中剛剛添加的按鈕,然后再下方的屬性面板中可以改變按鈕上所顯示的文字。如圖。
14、打開(kāi)測(cè)試服務(wù)器所在的文件夾里邊的數(shù)據(jù)庫(kù)(這里用的是access2010)。
15、點(diǎn)擊打開(kāi)的Access數(shù)據(jù)庫(kù)菜單欄的:創(chuàng)建-->表。按Ctrl+S,在彈出的界面輸入要保存的數(shù)據(jù)表的名字。如圖。
16、點(diǎn)擊菜單欄的:開(kāi)始-->視圖,切換到視圖模式。
17、在表里邊假如如圖所示幾個(gè)字段:xingming、xingbie、gerenjianjie。其中xingming和性別的數(shù)據(jù)類(lèi)型是文本,而gerenjianjie的數(shù)據(jù)類(lèi)型是備注(備注類(lèi)型沒(méi)有字?jǐn)?shù)限制而文本類(lèi)型最多只能輸入255個(gè)字節(jié))。保存,然后退出。
18、回到Dreamweaver,點(diǎn)擊菜單欄:窗口-->綁定,打開(kāi)綁定面板。
19、點(diǎn)擊菜單欄:窗口-->服務(wù)器行為,打開(kāi)服務(wù)器行為面板。
20、先連接數(shù)據(jù)庫(kù)(見(jiàn)筆者之前分享的百度經(jīng)驗(yàn))。如果數(shù)據(jù)庫(kù)已經(jīng)連接好了,那么在數(shù)據(jù)庫(kù)面板里邊右鍵單擊,選擇刷新。
21、選擇綁定面板,選怎文檔類(lèi)型為ASP VBSCript。
22、在綁定面板中,點(diǎn)擊“+”,選擇“記錄集(查詢(xún))。在彈出的界面中選擇我們剛剛在數(shù)據(jù)庫(kù)里邊創(chuàng)建的表。如圖。
23、鼠標(biāo)指針?lè)诺奖韱卫镞叄袚Q到服務(wù)器行為面板,點(diǎn)擊“+”,選擇“插入記錄”。
24、彈出如圖所示界面,按照如圖所示界面,進(jìn)行設(shè)置(面板上的文字大家應(yīng)該一看就懂,所以不做過(guò)多說(shuō)明),然后點(diǎn)擊確定。
25、這時(shí),增加記錄的功能就做好了。按F12在瀏覽器中輸入以下數(shù)據(jù),然后點(diǎn)擊添加按鈕。
26、然后回到dreamweaver的數(shù)據(jù)庫(kù)面板查看一下數(shù)據(jù)。大功告成。
新聞熱點(diǎn)
疑難解答
圖片精選