本章節(jié)內(nèi)容主要從建立asp運(yùn)行環(huán)境(安裝、配置iis)、建立站點(diǎn)、怎樣建立數(shù)據(jù)庫、dreamweaver與數(shù)據(jù)庫的連接(使用dsn連接數(shù)據(jù)庫)、顯示數(shù)據(jù)庫記錄、插入數(shù)據(jù)庫記錄、修改數(shù)據(jù)庫記錄和刪除數(shù)據(jù)庫記錄等等內(nèi)容,以實(shí)現(xiàn)asp動(dòng)態(tài)網(wǎng)站的全部設(shè)計(jì)過程,希望能給你對(duì)建立asp動(dòng)態(tài)網(wǎng)站有所幫助。
系統(tǒng)軟件要求
本教程將運(yùn)行在windows xp操作系統(tǒng)上,由iis web服務(wù)器和access 2003數(shù)據(jù)庫建立web站點(diǎn),通過dreamweaver mx 2004 asp技術(shù)開發(fā)動(dòng)態(tài)頁面的技術(shù)。
表 軟件環(huán)境列表軟 件應(yīng) 用windows xp操作系統(tǒng)iis 5.0web服務(wù)器access 2003數(shù)據(jù)庫dreamweaver mx 2004動(dòng)態(tài)頁面設(shè)計(jì)
windows xp的internet 信息服務(wù) (iis) 給 windows 帶來 web 計(jì)算的強(qiáng)大功能。 iis 是創(chuàng)建和開發(fā)動(dòng)態(tài)網(wǎng)站解決方案的安全平臺(tái)。
一、 建立asp運(yùn)行環(huán)境(安裝、配置iis)
(一)、安裝iis
在windows xp(專業(yè)版)上將windows xp安裝光盤放入光驅(qū),點(diǎn)擊開始—>設(shè)置—>控制面版—>添加或刪除程序—>添加或刪除windows組件—>在internet信息服務(wù)(iis)項(xiàng)前面打鉤,單擊下一步進(jìn)行安裝,直至完成internet信息服務(wù)(iis)的安裝。如圖所示:

(二)、配置iis
點(diǎn)擊開始—>設(shè)置—>控制面版—>治理工具—>internet信息服務(wù)(iis),在彈出的窗口單擊本地計(jì)算機(jī)、網(wǎng)站,在默認(rèn)網(wǎng)站單擊鼠標(biāo)右鍵,
在彈出的窗口選擇主目錄、在本地面路徑選擇瀏覽按鈕,選擇你建立的網(wǎng)站目錄(如:e:/我的網(wǎng)站),選擇文檔項(xiàng),按添加按鈕,添加index.asp文檔完成iis的配置。

二、建立站點(diǎn)
macromedia dreamweaver mx 是一個(gè)站點(diǎn)創(chuàng)建和治理工具,使用它不僅可以創(chuàng)建單獨(dú)的文檔,還可以創(chuàng)建完整的 web 站點(diǎn)。
站點(diǎn)的定義
開始使用dreamweaver mx 2004來創(chuàng)建數(shù)據(jù)庫網(wǎng)站的第一件事,就是定義網(wǎng)站,必須告訴dreamweaver mx 2004網(wǎng)站根目錄在哪里,以及服務(wù)器位置、類型等相關(guān)信息。
啟動(dòng)dreamweaver mx 2004后,從主菜單選擇站點(diǎn)/治理站點(diǎn)/新建…定義一個(gè)新站點(diǎn)。
在彈出菜單中的本地信息欄--站點(diǎn)名稱中輸入“我的網(wǎng)站”,本地根文件夾中選擇“e:/我的網(wǎng)站”,在http地址項(xiàng)填寫:“http://127.0.0.1/”其余各項(xiàng)保持不變。在“分類”處選擇“測(cè)試服務(wù)器”,在服務(wù)器模型處選擇“asp vbscript”,“訪問”處選擇“本地/網(wǎng)絡(luò)”,單擊確定完成站點(diǎn)的定義。
這時(shí)網(wǎng)站治理窗口中就可以看到網(wǎng)站根目錄的中文件了。

三、怎樣建立access數(shù)據(jù)庫
本系統(tǒng)使用的是access 2003創(chuàng)建了一個(gè)名為db1.mdb的數(shù)據(jù)庫。系統(tǒng)對(duì)數(shù)據(jù)的讀取,存儲(chǔ)都是對(duì)該數(shù)據(jù)庫進(jìn)行操作。|||
在access 2003數(shù)據(jù)庫中,所有的數(shù)據(jù)存儲(chǔ)都是圍繞表進(jìn)行的,數(shù)據(jù)不會(huì)存儲(chǔ)在數(shù)據(jù)庫的其他位置。雖然可以有許多方法訪問數(shù)據(jù),但是它們?nèi)縼碜员怼?梢哉f,表示一個(gè)數(shù)據(jù)庫的靈魂。
執(zhí)行開始->程序->mccrosoft office -> mccrosoft office access 2003(安裝mccrosoft office 2003時(shí),把office access 2003也打鉤進(jìn)行安裝) ,執(zhí)行文件->新建,在彈出窗口右邊選擇空數(shù)據(jù)庫,文件名保持默認(rèn),單擊按鈕,從彈出窗口選擇“使用設(shè)計(jì)器創(chuàng)建表”,填寫相應(yīng)的字段,具體如下表所示:
字段名稱數(shù)據(jù)類型字段大小id自動(dòng)編號(hào) 姓名文本20性別文本30年齡數(shù)字10錄入時(shí)間日期/時(shí)間 住址文本50
完成字段名稱等錄入后,選擇id為主鍵,數(shù)據(jù)表名稱保留默認(rèn)“表1”,將其保存在“e:/我的網(wǎng)站”目錄下完成數(shù)據(jù)庫的建立。如圖所示:

四、dreamweaver與數(shù)據(jù)庫的連接(使用dsn連接數(shù)據(jù)庫)
假如打算在網(wǎng)絡(luò)應(yīng)用程序中使用數(shù)據(jù)庫,就需要?jiǎng)?chuàng)建至少一個(gè)數(shù)據(jù)庫連接。沒有數(shù)據(jù)庫連接的話,應(yīng)用程序?qū)⒉恢涝谑裁吹胤秸业綌?shù)據(jù)庫或者如何與數(shù)據(jù)庫連接。在dreamweaver mx 2004中創(chuàng)建數(shù)據(jù)庫連接時(shí),為應(yīng)用程序提供了與數(shù)據(jù)庫建立聯(lián)系的信息或參數(shù)。
1 dsn定義
(1) 在控制面板中,雙擊治理工具,雙擊odbc數(shù)據(jù)庫源圖標(biāo),出現(xiàn)odbc數(shù)據(jù)源治理器窗口,選擇系統(tǒng)dsn標(biāo)記。
(2) 單擊“添加“,接著選擇數(shù)據(jù)庫驅(qū)動(dòng)程序,本系統(tǒng)使用access數(shù)據(jù)庫,所以microsoft access driver(*.mdb),單擊“完成“按鈕。
(3) 出現(xiàn)odbc microsoft access安裝窗口,在數(shù)據(jù)源名一欄給連接取個(gè)名字conn,說明一欄不是必填項(xiàng)。
(4) 單擊窗口中“選擇“按鈕,找到數(shù)據(jù)庫的所在路徑(“e:/我的網(wǎng)站”)并選中相應(yīng)數(shù)據(jù)庫文件,選中db1.mdb,此時(shí)odbc access安裝窗口中數(shù)據(jù)庫一欄就會(huì)出現(xiàn)剛才選定的數(shù)據(jù)庫文件,如圖所示。

2 dsn連接
建立了數(shù)據(jù)庫名(dsn)之后,就可以創(chuàng)建網(wǎng)絡(luò)應(yīng)用程序和數(shù)據(jù)庫之間的odbc連接,dsn被定義后,就能用它來調(diào)用各種參數(shù)了。
(1) 啟動(dòng)dreamweaver mx 2004,打開已經(jīng)定義好的站點(diǎn)“我的網(wǎng)站”,在站點(diǎn)-我的網(wǎng)站窗口中點(diǎn)擊鼠標(biāo)右鍵,點(diǎn)新?lián)艚ㄎ募?,文件名改為index.asp,雙擊文件index.asp使其處于編輯狀態(tài)。
(2) 單擊“窗口”中的“數(shù)據(jù)庫”,從“數(shù)據(jù)庫”菜單中。在窗口中點(diǎn)擊“ ”,選擇數(shù)據(jù)源名稱,從彈出窗口“連接名稱”一欄鍵入連接的名字conn;在數(shù)據(jù)源名稱(dsn)一欄從下拉菜單中挑選數(shù)據(jù)庫源名conn;dreamweaver連接一欄選擇使用本地dsn即可。如下圖:

五、制作顯示數(shù)據(jù)庫記錄頁
(1)、雙擊index.asp文件,使其處于編輯狀態(tài),選擇應(yīng)用程序的“綁定”,點(diǎn)擊“ ”,à記錄集(查詢);在彈出的記錄集窗口“名稱”填寫rs,連接選擇conn,表格選擇“表1”,“列”選擇全部,單擊確定完成記錄集的綁定。如下圖;

(2)、在index.asp編輯狀態(tài)下,插入2行七列的表格,并使其居中,在上一行的七個(gè)空格中加入數(shù)據(jù)表中的內(nèi)容標(biāo)簽,然后將記錄集的各字段拖入下一行對(duì)應(yīng)的空格中,在表格上方輸入數(shù)據(jù)庫總記錄數(shù)x條、目前為第x條數(shù)據(jù),并將記錄集中的總記錄數(shù),第一條記錄拖入對(duì)應(yīng)的字中,并使其居中。如下圖所示:|||
![]()
(3)、選中第二行的全部表格,點(diǎn)擊服務(wù)器行為,點(diǎn)擊“ ”選擇重復(fù)區(qū)域,保持默認(rèn)狀態(tài),點(diǎn)擊確定完成重復(fù)顯示區(qū)的設(shè)計(jì)。
(4)、點(diǎn)擊菜單“插入”,選擇“應(yīng)用程序?qū)ο蟆?>記錄集分頁->記錄集導(dǎo)航條,在彈出窗口(保持默認(rèn)值)點(diǎn)擊確定。如圖所示:

六、制作添加數(shù)據(jù)記錄頁
新建一網(wǎng)頁,命名為add.asp,并使其處于編輯狀態(tài),點(diǎn)擊菜單“插入”,選擇“應(yīng)用程序?qū)ο蟆?>插入記錄->插入記錄表單向?qū)?在彈出窗口“連接”項(xiàng)選擇conn,“插入到表”選擇“表1”,“插入后轉(zhuǎn)到”填寫a.asp(提交成功顯示網(wǎng)頁,將在下一步建立),刪除不需要的字段(id),然后點(diǎn)擊確定按鈕完成頁面的制作。


建立新的一頁,保存為a.asp,并在頁面上填寫“添加數(shù)據(jù)成功!”完成頁面設(shè)計(jì)。
七、制作修改數(shù)據(jù)記錄頁
打開index.asp文件,使其處于編輯狀態(tài),把鼠標(biāo)定位在第一行,點(diǎn)擊拆分單元格圖標(biāo),如下圖:


將列拆分為2列。第二行用同樣方式拆分為二列,在最后一列填寫“修改”字符,全選“修改”,使其被選定,選擇服務(wù)器行為—>“ ”,轉(zhuǎn)到具體頁面,從彈出菜單中,具體頁填寫edit.asp,其它保持不變完成頁面設(shè)置。

創(chuàng)建edit.asp新頁,用上述同樣的方法為其綁定一個(gè)名為rs的記錄集(篩選項(xiàng)選擇id,其它保持默認(rèn)值)。點(diǎn)擊菜單“插入”,選擇“應(yīng)用程序?qū)ο蟆?>更新記錄->更新記錄表單向?qū)?在彈出窗口“連接”項(xiàng)選擇conn,“要更新表格”選擇“表1”,“選取記錄是”處選擇rs,唯一鍵列選擇id,“更新后轉(zhuǎn)到”填寫index.asp (修改顯示網(wǎng)頁,將在下一步建立),刪除不需要的字段(id),然后點(diǎn)擊確定按鈕完成頁面的制作(其余為默認(rèn)值)。如下圖所示:


八、制作刪除數(shù)據(jù)記錄頁
用上述學(xué)過的方法在index.asp上創(chuàng)建“刪除”連接。新建網(wǎng)頁命名為delete.asp,并打開它,在其上創(chuàng)建一個(gè)七行二列的表格,并在左邊的表格上填寫相應(yīng)的字段名,然后給網(wǎng)頁綁定一個(gè)記錄集,并對(duì)其字段拖到對(duì)應(yīng)的右這表格中。創(chuàng)建一表單,并把上述所建的表格拖入表單內(nèi),同時(shí)為表單建立一個(gè)刪除確定按鈕,如下圖所示:

點(diǎn)擊服務(wù)器行為->記錄集分頁->移致特定記錄,按確定按鈕(保持默認(rèn)值)。點(diǎn)擊服務(wù)器行為->刪除記錄,在彈出菜單中填上相關(guān)內(nèi)容。如圖所示:

一個(gè)比較完整的asp動(dòng)態(tài)網(wǎng)站總算完成了。讀者依照本教程的指導(dǎo),自己動(dòng)手操作可以實(shí)現(xiàn)asp access動(dòng)態(tài)網(wǎng)站的組建|||
新聞熱點(diǎn)
疑難解答