用Dreamweaver MX建立一個簡單的圖書查詢系統(tǒng)

一瓢若水 2012-03-12

展開全文

用Dreamweaver MX建立一個簡單的圖書查詢系統(tǒng)

http://www. 資料教程 2004-10-5 23:35:13

首先，建立數(shù)據(jù)庫：
　　一、在我的文檔下面新建一個文件夾，起名為“研究所”。當(dāng)然你也可以在其他地方新建，起其他名字。

　　二、打開acess，新建一數(shù)據(jù)庫db1，建立兩張表 leibie 和 tushu ，表與表之間的聯(lián)系字段為“類別名稱”。

　　表leibie結(jié)構(gòu)為兩個字段：
　　（1）類別號，文本類型，字段長度為6位，必填字段，不允許輸入空白字符串；
　?。?）類別名稱，文本類型，字段長度為20位，必填字段，不允許輸入空白字符串。

　　表tushu結(jié)構(gòu)為九個字段：
　?。?）編號，文本類型，字段長度為6位；
　?。?）書名，文本類型，字段長度為60位，必填字段，不允許輸入空白字符串。
　?。?）作者，文本類型，字段長度為50位；
　　（4）出版者，文本類型，字段長度為60位；
　?。?）版次，文本類型，字段長度為15位；
　?。?）單價，貨幣類型，允許小數(shù)位數(shù)2位，默認(rèn)值為0元；
　　（7）類別名稱，文本類型，字段長度為20位，必填字段，不允許輸入空白字符串。
　?。?）是否借出，文本類型，字段長度為4位，必填字段，不允許輸入空白字符串，默認(rèn)值為 No 。
　?。?）備注，備注類型。

　　三、根據(jù)表結(jié)構(gòu)輸入各項數(shù)據(jù)。

　　其次，設(shè)置站點及連接數(shù)據(jù)庫：

　?。?）設(shè)置站點。打開dw ，選擇 site 菜單下的 new site ，彈出設(shè)置站點面板，站點名輸入研究所，目錄就是我們剛才建立的目錄，如圖1，Testing Server選項中的Server Model選擇Asp VBScript，Access選擇Local/Network。

圖1

　?。?）新建一網(wǎng)頁，因為查詢是動態(tài)頁面，因此在彈出的面板中選擇Dynamic page和Asp VBScript，如圖2。按create按鈕回到頁面。

圖2

　?。?）連接數(shù)據(jù)庫。展開右邊的Application 面板，選擇Databases標(biāo)簽，按"+"按鈕，選擇Data Source Name (DSN)，如圖3。

圖3

　?。?）在彈出的Data Source Name (DSN)面板上（如圖4）選擇define...按鈕進入ODBC數(shù)據(jù)源管理器，選擇系統(tǒng)DSN標(biāo)簽，點擊添加按鈕，選擇"Driver do Microsoft Access(*.mdb)"數(shù)據(jù)驅(qū)動程序，點擊完成按鈕。

圖4

　?。?）在隨后的面板上選擇數(shù)據(jù)庫路徑（就是我們剛才建立的目錄），選中db1，數(shù)據(jù)源名輸入db1，如圖5。

圖5

　?。?）單擊確定按鈕，返回ODBC數(shù)據(jù)源管理器面板。再單擊確定按鈕，返回Data Source Name (DSN)面板。點擊test按鈕，如果彈出如圖6的成功面板，就表明一切ok，數(shù)據(jù)庫已經(jīng)連接好了，右邊Application面板的Databases標(biāo)簽就會相應(yīng)的出現(xiàn)我們新建的數(shù)據(jù)源db1。

圖6

　　現(xiàn)在準(zhǔn)備工作一切就緒，可以建立動態(tài)查詢網(wǎng)頁了。

　　一、建立主頁。主頁很簡單，就是建立兩個查詢鏈接，“按圖書類別查詢”鏈接到chaxun.asp，“按圖書名稱查詢”鏈接到chaxun1.asp，這兩個網(wǎng)頁就是我們下面要建立的查詢網(wǎng)頁。主頁因不需要動態(tài)編程，可存為htm格式，文件保存到研究所目錄下，取名為index，具體如圖7。

圖7

　　二、建立按圖書類別查詢網(wǎng)頁。

　　1、新建一動態(tài)網(wǎng)頁，取名chaxun.asp。

　　2、建立記錄集。選擇右邊的Application面板中的Bindings標(biāo)簽,按加號按鈕，選擇Recordset(Query)，如圖8，彈出Recordset對話框，里面的設(shè)置如圖9，Name就取默認(rèn)值 Recordset1，Connection選擇我們剛剛建立的連接db1，因為顯示的是圖書類別，因此Table選擇表leibie。

圖8

圖9

　　3、設(shè)置完畢后，點擊test按鈕，大家可以看到leibie表的內(nèi)容全顯示出來了。點擊OK回到頁面，這時我們可以看到Binding標(biāo)簽下方顯示出我們剛剛建立的名為Recordset1的查詢。

　　4、輸入網(wǎng)頁上靜態(tài)顯示的內(nèi)容，如圖10，其中“返回”鏈接到主頁index.htm 。

圖10

　　5、點擊Binding標(biāo)簽下方Recordset1旁邊的"+"號，展開字段，用鼠標(biāo)按住“類別名稱”字段不放，直接拖到頁面上的單元格中，松開鼠標(biāo)，這樣單元格就包含了一個動態(tài)文本，頁面效果如圖11。

圖11

　　只是現(xiàn)在這個單元格還只能顯示一行（大家可以先在瀏覽器里看一看是不是這樣的顯示效果），那么如何才能將所有的字段內(nèi)容顯示出來呢？

　　6、選中表格，再選擇右邊的Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，選擇Repeat Region（循環(huán)區(qū)域），這樣就可以控制一頁顯示多少記錄了。在這里，因為圖書類別不多，因此在對話框中選擇All Records（顯示所有記錄），不分頁顯示了，具體如圖12。

圖12

　　7、運行pws，設(shè)置好路徑，用瀏覽器打開此網(wǎng)頁，看看屏幕上是不是將數(shù)據(jù)庫里的類別名稱都顯示出來了，只是現(xiàn)在還不能點擊進去。好，下面我們就來做相應(yīng)的顯示圖書的頁面。

　　三、制作按類別查詢顯示的頁面

　　1、新建一動態(tài)網(wǎng)頁，取名xianshi.asp。

　　2、建立記錄集。選擇Application面板中的Bindings標(biāo)簽,按加號按鈕，選擇Recordset(Query)，彈出Recordset對話框，里面的設(shè)置如圖13，名字為Recordset2，數(shù)據(jù)庫表選擇tushu，因為網(wǎng)頁顯示的圖書信息是根據(jù)前面查詢條件來顯示的，因此就需要設(shè)置一個限制條件來選擇符合條件的圖書，那么這個條件是通過什么來實現(xiàn)傳遞和接受的呢？這就需要用到URL Parameter（URL參數(shù)）了，利用這個參數(shù)可以從查詢網(wǎng)頁傳遞查詢條件，然后在顯示網(wǎng)頁中接受這個參數(shù)來顯示符合的記錄。具體使用方法如下：

圖13

　　（1）先讓我們回到查詢頁chaxun.asp。用鼠標(biāo)選中表格中的字段，再選擇Application面板上Server Behaviors標(biāo)簽，按加號按鈕，選擇Go To Detail Page（到細節(jié)頁），彈出Go To Detail Page對話框，具體設(shè)置如圖14。Detail Page就是我們的顯示網(wǎng)頁xianshi.asp，Pass URL Parameter文本框里輸入的就是要通過URL傳遞到細節(jié)頁中的參數(shù)名，為便于理解，我們輸入“類別名稱”，這個名字可要和后面顯示網(wǎng)頁里設(shè)置的參數(shù)名一樣。Recordset意為從哪個記錄集里傳遞出去的，我們選擇Recorset1，Column意思為URL參數(shù)值的來源，要與查詢網(wǎng)頁上的查詢條件一致，因此選擇“類別名稱”，Pass Existing Parameters這兩個選項于表單有關(guān)，而在這個查詢網(wǎng)頁上并沒有用到表單，因此可以不選。點擊ok按鈕，大家可以看到表格中的字段已變成一個包含動態(tài)內(nèi)容的超文本連接了。

圖14

　?。?）好，URL Parameter已設(shè)置，現(xiàn)在再回到顯示網(wǎng)頁xianshi.asp來接受這個參數(shù)。選擇Recordset(Query)，彈出Recordset對話框，在Filter中設(shè)置如上圖13，意思是：查詢條件為表tushu中的字段“類別名稱”要等于傳遞過來的URL Parameter參數(shù)“類別名稱”，這樣查詢網(wǎng)頁和顯示網(wǎng)頁就聯(lián)系起來了。

　?。?）點擊test按鈕來測試。大家可以輸入某一個類別名稱，dw 就會顯示出相應(yīng)的圖書記錄。

　?。?）點擊ok按鈕回到頁面，至此記錄集建立好了。

　　3、輸入網(wǎng)頁中的靜態(tài)內(nèi)容，如圖15，其中“返回”鏈接到查詢網(wǎng)頁chaxun.asp，因為有的類別圖書比較多，因此將顯示設(shè)為分頁顯示。

圖15

　4、用上面介紹的方法，將記錄集的字段分別拖到頁面上相應(yīng)的位置中，如圖16。

圖16

　　5、選中表格中的第二行，點擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，選擇Repeat Region，彈出Repeat Region對話框，因為要分頁顯示，所以選擇每次顯示幾條，在這里我輸入的是10，意思為每頁顯示10條記錄，大家可以根據(jù)情況自由輸入，如圖17。點擊ok鍵回到頁面。

圖17

　　6、因為是分頁顯示，需要翻頁，那么在dw里如何實現(xiàn)呢？很簡單，大家先選中“首頁”，然后點擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，可以看到有一個Recordset Paging選項，將鼠標(biāo)滑到這選項，顯示出下拉菜單，這些菜單的含義我想大家應(yīng)該明白了吧，如圖18。選擇第一條“Move To First Record”，彈出對話框，如圖19，點擊ok按鈕回到頁面，這樣“首頁”的動態(tài)鏈接就做好了，其他的“上一頁”、“下一頁”、“末頁”依次類推，做好與其相對應(yīng)的動態(tài)鏈接。

圖18

圖19

　　7、那么用戶如何知道記錄已經(jīng)到最后一條，而不應(yīng)再往下翻了呢？在這里，我是這樣解決的，如果記錄已到最后一條，則“下一頁”、“末頁”在頁面上自動隱藏，同理，記錄已到第一條，則“首頁”、“上一頁”自動隱藏。下面是具體實現(xiàn)方法：
　?。?）大家先選中“首頁”，然后點擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，將鼠標(biāo)滑到Show Region選項，顯示出下拉菜單，如圖20。

圖20

　?。?）選擇“Show Region If Not First Record”，意思為如果不是第一條記錄則顯示，反過來就是如果是第一條記錄則不顯示，隱藏起來。

　?。?）在彈出的對話框上直接點擊ok按鈕回到頁面，這樣“首頁”的自動隱藏功能就做好了。

　　（4）同理，做好其他幾個的自動隱藏功能?！吧弦豁摗迸c“首頁”一樣，選擇“Show Region If Not First Record”；“下一頁”與“末頁”一樣，選擇“Show Region If Not Last Record”。
　　至此，按類別查詢顯示的頁面終于制作完成了，我們來看看具體效果。運行pws，用IE打開chaxun.asp，點擊某一個類別名稱，如“新藥藥品”，IE就會自動顯示出該類別的圖書，點擊“下一頁”，“上一頁”等等鏈接，看看IE會不會自動翻頁，具體效果如圖21、22。

圖21

圖22

　　四、制作根據(jù)圖書名稱來查詢的網(wǎng)頁

　　1、新建一動態(tài)網(wǎng)頁，取名chaxun1.asp。

　　2、輸入網(wǎng)頁上靜態(tài)顯示的內(nèi)容，如圖23，其中“返回”鏈接到主頁index.htm ，紅色虛線表明這是個表單，表單的屬性設(shè)置如圖24，意思為post（傳遞）一個表單變量名到xianshi1.asp網(wǎng)頁，并執(zhí)行這個網(wǎng)頁，這樣查詢網(wǎng)頁和顯示網(wǎng)頁就通過變量名聯(lián)系起來了；文本框取名ts，這個名字請記住，因為這就是要通過表單傳遞的變量名，后面的顯示網(wǎng)頁還要用到。

圖23

圖24

　　五、制作按圖書名稱顯示的網(wǎng)頁

　　1、新建一動態(tài)網(wǎng)頁，取名xianshi1.asp。

　　2、輸入網(wǎng)頁上靜態(tài)顯示的內(nèi)容，如圖25，其中“返回”鏈接到查詢頁chaxun1.htm ，紅色虛線同樣表明這是個表單。

圖25

　　3、建立記錄集。選擇Application面板中的Bindings標(biāo)簽,按加號按鈕，選擇Recordset(Query)，彈出Recordset對話框，里面的設(shè)置如圖26，名字為Recordset1，數(shù)據(jù)庫表選擇tushu，F(xiàn)ilter過濾條件設(shè)置為表tushu中的字段“書名”要contains（包含）傳遞過來的Form Variable（表單變量）ts，這個ts變量就是查詢網(wǎng)頁chaxun1.asp里文本框的名字。點擊ok按鈕回到頁面。

圖26

　　4、將記錄集的字段分別拖到頁面上相應(yīng)的位置中。

　　5、選中表格的第二行，點擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，選擇Repeat Region，彈出Repeat Region對話框，設(shè)置為全部顯示。

　　最終頁面效果如圖27。