DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁製作工具 >> Dreamweaver教程 >> Dreamweaver相關 >> 用Dreamweaver MX建立一個簡單的圖書查詢系統(1)
用Dreamweaver MX建立一個簡單的圖書查詢系統(1)
編輯:Dreamweaver相關     

  最近公司為了充分利用圖書資源,方便員工查詢,決定在公司內部網上建立一個圖書查詢系統。考慮到公司圖書不多,只有1千多冊,且專業書居多的特點,我決定做兩個查詢條件:一個是根據圖書類別來查詢, 用戶只要選擇相應的類別就可以顯示出該類別的所有圖書,這主要是面對對公司圖書不熟悉的人;第二個是根據圖書名稱來查詢,用戶只要輸入圖書名,就可以快速的搜索到符合條件的所有圖書。 
  方案已定,接下來就是用什麼軟件做及如何做的問題了。在這裡,我選用了網頁的形式,這樣同事們只要打開浏覽器,輸入相應的地址就可以查詢了。因此,我使用網頁制作利器 dreamweaver 軟件(下面簡稱dw),數據庫用acess,環境為win98,pws(編者注:關於PWS的使用教程可以查閱《深入了解微軟個人服務器PWS之一》《深入了解微軟個人服務器PWS之二》《深入了解微軟個人服務器PWS之三》《深入了解微軟個人服務器PWS之四》)。下面就正式開工鑼。

  首先,建立數據庫:

  一、在我的文檔下面新建一個文件夾,起名為“研究所”。當然你也可以在其他地方新建,起其他名字。
  二、打開acess,新建一數據庫db1,建立兩張表 leibie 和 tushu ,表與表之間的聯系字段為“類別名稱”。
  表leibie結構為兩個字段:
  (1)類別號,文本類型,字段長度為6位,必填字段,不允許輸入空白字符串;
  (2)類別名稱,文本類型,字段長度為20位,必填字段,不允許輸入空白字符串。
  表tushu結構為九個字段:
  (1)編號,文本類型,字段長度為6位;
  (2)書名,文本類型,字段長度為60位,必填字段,不允許輸入空白字符串。
  (3)作者,文本類型,字段長度為50位;
  (4)出版者,文本類型,字段長度為60位;
  (5)版次,文本類型,字段長度為15位;
  (6)單價,貨幣類型,允許小數位數2位,默認值為0元;
  (7)類別名稱,文本類型,字段長度為20位,必填字段,不允許輸入空白字符串。
  (8)是否借出,文本類型,字段長度為4位,必填字段,不允許輸入空白字符串,默認值為 No 。
  (9)備注,備注類型。
  三、根據表結構輸入各項數據。
  其次,設置站點及連接數據庫:
  (1)設置站點。打開dw ,選擇 site 菜單下的 new site ,彈出設置站點面板,站點名輸入研究所,目錄就是我們剛才建立的目錄,如圖1,Testing Server選項中的Server Model選擇Asp VBScript,Access選擇Local/Network。

圖1

  (2)新建一網頁,因為查詢是動態頁面,因此在彈出的面板中選擇Dynamic page和Asp VBScript,如圖2。按create按鈕回到頁面。


圖2

  (3)連接數據庫。展開右邊的Application 面板,選擇Databases標簽,按"+"按鈕,選擇Data Source Name (DSN),如圖3。


圖3

  (4)在彈出的Data Source Name (DSN)面板上(如圖4)選擇define...按鈕進入ODBC數據源管理器,選擇系統DSN標簽,點擊添加按鈕,選擇"Driver do Microsoft Access(*.mdb)"數據驅動程序,點擊完成按鈕。


圖4

  (5)在隨後的面板上選擇數據庫路徑(就是我們剛才建立的目錄),選中db1,數據源名輸入db1,如圖5。


圖5
  (6)單擊確定按鈕,返回ODBC數據源管理器面板。再單擊確定按鈕,返回Data Source Name (DSN)面板。點擊test按鈕,如果彈出如圖6的成功面板,就表明一切ok,數據庫已經連接好了,右邊Application面板的Databases標簽就會相應的出現我們新建的數據源db1。

圖6

  現在准備工作一切就緒,可以建立動態查詢網頁了。
  一、建立主頁。主頁很簡單,就是建立兩個查詢鏈接,“按圖書類別查詢”鏈接到chaxun.asp,“按圖書名稱查詢”鏈接到chaxun1.asp,這兩個網頁就是我們下面要建立的查詢網頁。主頁因不需要動態編程,可存為htm格式,文件保存到研究所目錄下,取名為index,具體如圖7。

圖7

  二、建立按圖書類別查詢網頁。
  1、新建一動態網頁,取名chaxun.asp。
  2、建立記錄集。選擇右邊的Application面板中的Bindings標簽,按加號按鈕,選擇Recordset(Query),如圖8,彈出Recordset對話框,裡面的設置如圖9,Name就取默

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