DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 用Dreamweaver MX建立一個簡單的圖書查詢系統(2)
用Dreamweaver MX建立一個簡單的圖書查詢系統(2)
編輯:Dreamweaver相關     
  三、制作按類別查詢顯示的頁面
  1、新建一動態網頁,取名xianshi.asp。
  2、建立記錄集。選擇Application面板中的Bindings標簽,按加號按鈕,選擇Recordset(Query),彈出Recordset對話框,裡面的設置如圖13,名字為Recordset2,數據庫表選擇tushu,因為網頁顯示的圖書信息是根據前面查詢條件來顯示的,因此就需要設置一個限制條件來選擇符合條件的圖書,那麼這個條件是通過什麼來實現傳遞和接受的呢?這就需要用到URL Parameter(URL參數)了,利用這個參數可以從查詢網頁傳遞查詢條件,然後在顯示網頁中接受這個參數來顯示符合的記錄。具體使用方法如下:

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

圖14

  (2)好,URL Parameter已設置,現在再回到顯示網頁xianshi.asp來接受這個參數。選擇Recordset(Query),彈出Recordset對話框,在Filter中設置如上圖13,意思是:查詢條件為表tushu中的字段“類別名稱”要等於傳遞過來的URL Parameter參數“類別名稱”,這樣查詢網頁和顯示網頁就聯系起來了。
  (3)點擊test按鈕來測試。大家可以輸入某一個類別名稱,dw 就會顯示出相應的圖書記錄。
  (4)點擊ok按鈕回到頁面,至此記錄集建立好了。
  3、輸入網頁中的靜態內容,如圖15,其中“返回”鏈接到查詢網頁chaxun.asp,因為有的類別圖書比較多,因此將顯示設為分頁顯示。

圖15

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

圖16

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

圖17

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

圖18


圖19

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

圖20

  (2)選擇“Show Region If Not First Record”,意思為如果不是第一條記錄則顯示,反過來就是如果是第一條記錄則不顯示,隱藏起來。
  (3)在彈出的對話框上直接點

12下一頁
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved