asp圖書查詢系統(tǒng)制作方法.doc

用Dreamweaver MX建立一個簡單的圖書查詢系統(tǒng)（1)最近公司為了充分利用圖書資源，方便員工查詢，決定在公司內(nèi)部網(wǎng)上建立一個圖書查詢系統(tǒng)。考慮到公司圖書不多，只有1千多冊，且專業(yè)書居多的特點(diǎn)，我決定做兩個查詢條件：一個是根據(jù)圖書類別來查詢， 用戶只要選擇相應(yīng)的類別就可以顯示出該類別的所有圖書，這主要是面對對公司圖書不熟悉的人；第二個是根據(jù)圖書名稱來查詢，用戶只要輸入圖書名，就可以快速的搜索到符合條件的所有圖書。方案已定，接下來就是用什么軟件做及如何做的問題了。在這里，我選用了網(wǎng)頁的形式，這樣同事們只要打開瀏覽器，輸入相應(yīng)的地址就可以查詢了。因此，我使用網(wǎng)頁制作利器 dreamweaver 軟件（下面簡稱dw），數(shù)據(jù)庫用acess，環(huán)境為win98，pws下面就正式開工鑼。點(diǎn)擊這里下載本教程的源代碼首先，建立數(shù)據(jù)庫：一、在我的文檔下面新建一個文件夾，起名為“研究所”。當(dāng)然你也可以在其他地方新建，起其他名字。二、打開acess，新建一數(shù)據(jù)庫db1，建立兩張表 leibie 和 tushu ，表與表之間的聯(lián)系字段為“類別名稱”。表leibie結(jié)構(gòu)為兩個字段：（1）類別號，文本類型，字段長度為6位，必填字段，不允許輸入空白字符串；（2）類別名稱，文本類型，字段長度為20位，必填字段，不允許輸入空白字符串。表tushu結(jié)構(gòu)為九個字段：（1）編號，文本類型，字段長度為6位；（2）書名，文本類型，字段長度為60位，必填字段，不允許輸入空白字符串。（3）作者，文本類型，字段長度為50位；（4）出版者，文本類型，字段長度為60位；（5）版次，文本類型，字段長度為15位；（6）單價，貨幣類型，允許小數(shù)位數(shù)2位，默認(rèn)值為0元；（7）類別名稱，文本類型，字段長度為20位，必填字段，不允許輸入空白字符串。（8）是否借出，文本類型，字段長度為4位，必填字段，不允許輸入空白字符串，默認(rèn)值為 No 。（9）備注，備注類型。三、根據(jù)表結(jié)構(gòu)輸入各項數(shù)據(jù)。其次，設(shè)置站點(diǎn)及連接數(shù)據(jù)庫：（1）設(shè)置站點(diǎn)。打開dw ，選擇 site 菜單下的 new site ，彈出設(shè)置站點(diǎn)面板，站點(diǎn)名輸入研究所，目錄就是我們剛才建立的目錄，如圖1，Testing Server選項中的Server Model選擇Asp VBScript，Access選擇Local/Network。（2）新建一網(wǎng)頁，因為查詢是動態(tài)頁面，因此在彈出的面板中選擇Dynamic page和Asp VBScript，如圖2。按create按鈕回到頁面。圖2（3）連接數(shù)據(jù)庫。展開右邊的Application 面板，選擇Databases標(biāo)簽，按+按鈕，選擇Data Source Name (DSN)，如圖3。圖3（4）在彈出的Data Source Name (DSN)面板上（如圖4）選擇define.按鈕進(jìn)入ODBC數(shù)據(jù)源管理器，選擇系統(tǒng)DSN標(biāo)簽，點(diǎn)擊添加按鈕，選擇Driver do Microsoft Access(*.mdb)數(shù)據(jù)驅(qū)動程序，點(diǎn)擊完成按鈕。圖4（5）在隨后的面板上選擇數(shù)據(jù)庫路徑（就是我們剛才建立的目錄），選中db1，數(shù)據(jù)源名輸入db1，如圖5。（6）單擊確定按鈕，返回ODBC數(shù)據(jù)源管理器面板。再單擊確定按鈕，返回Data Source Name (DSN)面板。點(diǎn)擊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用Dreamweaver MX建立一個簡單的圖書查詢系統(tǒng)（2)3、設(shè)置完畢后，點(diǎn)擊test按鈕，大家可以看到leibie表的內(nèi)容全顯示出來了。點(diǎn)擊OK回到頁面，這時我們可以看到Binding標(biāo)簽下方顯示出我們剛剛建立的名為Recordset1的查詢。4、輸入網(wǎng)頁上靜態(tài)顯示的內(nèi)容，如圖10，其中“返回”鏈接到主頁index.htm 。圖105、點(diǎn)擊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。圖127、運(yùn)行pws，設(shè)置好路徑，用瀏覽器打開此網(wǎng)頁，看看屏幕上是不是將數(shù)據(jù)庫里的類別名稱都顯示出來了，只是現(xiàn)在還不能點(diǎn)擊進(jìn)去。好，下面我們就來做相應(yīng)的顯示圖書的頁面。三、制作按類別查詢顯示的頁面1、新建一動態(tài)網(wǎng)頁，取名xianshi.asp。2、建立記錄集。選擇Application面板中的Bindings標(biāo)簽,按加號按鈕，選擇Recordset(Query)，彈出Recordset對話框，里面的設(shè)置如圖1 3，名字為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（到細(xì)節(jié)頁），彈出Go To Detail Page對話框，具體設(shè)置如圖14。Detail Page就是我們的顯示網(wǎng)頁xianshi.asp，Pass URL Parameter文本框里輸入的就是要通過URL傳遞到細(xì)節(jié)頁中的參數(shù)名，為便于理解，我們輸入“類別名稱”，這個名字可要和后面顯示網(wǎng)頁里設(shè)置的參數(shù)名一樣。Recordset意為從哪個記錄集里傳遞出去的，我們選擇Recorset1，Column意思為URL參數(shù)值的來源，要與查詢網(wǎng)頁上的查詢條件一致，因此選擇“類別名稱”，Pass Existing Parameters這兩個選項于表單有關(guān)，而在這個查詢網(wǎng)頁上并沒有用到表單，因此可以不選。點(diǎn)擊ok按鈕，大家可以看到表格中的字段已變成一個包含動態(tài)內(nèi)容的超文本連接了。圖14（2）好，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)系起來了。（3）點(diǎn)擊test按鈕來測試。大家可以輸入某一個類別名稱，dw 就會顯示出相應(yīng)的圖書記錄。（4）點(diǎn)擊ok按鈕回到頁面，至此記錄集建立好了。3、輸入網(wǎng)頁中的靜態(tài)內(nèi)容，如圖15，其中“返回”鏈接到查詢網(wǎng)頁chaxun.asp，因為有的類別圖書比較多，因此將顯示設(shè)為分頁顯示。圖154、用上面介紹的方法，將記錄集的字段分別拖到頁面上相應(yīng)的位置中，如圖16。圖165、選中表格中的第二行，點(diǎn)擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，選擇Repeat Region，彈出Repeat Region對話框，因為要分頁顯示，所以選擇每次顯示幾條，在這里我輸入的是10，意思為每頁顯示10條記錄，大家可以根據(jù)情況自由輸入，如圖17。點(diǎn)擊ok鍵回到頁面。用Dreamweaver MX建立一個簡單的圖書查詢系統(tǒng)（3)圖176、因為是分頁顯示，需要翻頁，那么在dw里如何實現(xiàn)呢？很簡單，大家先選中“首頁”，然后點(diǎn)擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，可以看到有一個Recordset Paging選項，將鼠標(biāo)滑到這選項，顯示出下拉菜單，這些菜單的含義我想大家應(yīng)該明白了吧，如圖18。選擇第一條“Move To First Record”，彈出對話框，如圖19，點(diǎn)擊ok按鈕回到頁面，這樣“首頁”的動態(tài)鏈接就做好了，其他的“上一頁”、“下一頁”、“末頁”依次類推，做好與其相對應(yīng)的動態(tài)鏈接。圖18圖197、那么用戶如何知道記錄已經(jīng)到最后一條，而不應(yīng)再往下翻了呢？在這里，我是這樣解決的，如果記錄已到最后一條，則“下一頁”、“末頁”在頁面上自動隱藏，同理，記錄已到第一條，則“首頁”、“上一頁”自動隱藏。下面是具體實現(xiàn)方法：（1）大家先選中“首頁”，然后點(diǎn)擊Application面板中的Server Behaviors標(biāo)簽,按加號按鈕，將鼠標(biāo)滑到Show Region選項，顯示出下拉菜單，如圖20。圖20（2）選擇“Show Region If Not First Record”，意思為如果不是第一條記錄則顯示，反過來就是如果是第一條記錄則不顯示，隱藏起來。（3）在彈出的對話框上直接點(diǎn)擊ok按鈕回到頁面，這樣“首頁”的自動隱藏功能就做好了。（4）同理，做好其他幾個的自動隱藏功能?！吧弦豁摗迸c“首頁”一樣，選擇“Show Region If Not First Record”；“下一頁”與“末頁”一樣，選擇“Show Region If Not Last Record”。至此，按類別查詢顯示的頁面終于制作完成了，我們來看看具體效果。運(yùn)行pws，用IE打開chaxun.asp，點(diǎn)擊某一個類別名稱，如“新藥 藥品”，IE就會自動顯示出該類別的圖書，點(diǎn)擊“下一頁”，“上一頁”等等鏈接，看看IE會不會自動翻頁，具體效果如圖21、22。圖21四、制作根據(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用Dreamweaver MX建立一個簡單的圖書查詢系統(tǒng)（4)五、制作按圖書名稱顯示的網(wǎng)頁1、新建一動態(tài)網(wǎng)頁，取名xianshi1.asp。2、輸入網(wǎng)頁上靜態(tài)顯示的內(nèi)容，如圖25，其中“返回”鏈接到查詢頁chaxun1.htm ，紅色虛線同樣表明這是個表單。圖253、建立記錄集。選擇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里文本框的名字。點(diǎn)擊ok按鈕回到頁面。圖264、將記錄集的字段分別拖到頁面上相應(yīng)的位置中。5、選中表格的第二行，點(diǎn)擊Applicat