中文(繁体)
中文(简体)
中文(繁体)
한국어
日本語
English
Português
Español
Русский
العربية
Indonesia
Deutsch
Français
ภาษาไทย
首頁
源碼下載
編程相關
建站資源
書籍教程
網頁設計教程
網絡編程教程
手遊
手機軟件
文章
首頁
>
網頁設計教程
>
Dreamweaver教程
Dreamweaver MX Ultradev探索(2)
作者:Eve Cole
更新時間:2009-05-31 21:07:46
Dreamweaver MX Ultradev探索(2)顯示資料庫中的記錄
上一講我們主要講了設定資料庫的連接,今天我們要開始真正的實作後台應用,從資料庫中取得數據,前面講的都是為今天工作做準備的。如今我們看到的網頁基本上都是動態的,所謂動態就是結合了資料庫,自動更新資訊。從資料庫中檢索資料是其中最基本的,也是我們最常使用的一種動態方式。下面我們就要透過查詢,在Northwind資料庫中的Product表中檢索產品資訊清單。
注意如果在設定網站時,Testing Server選項中的Access請設定成FTP或Local/Network,(如圖2-1),否則Bindings是不可用的。
圖2-1
選擇右邊的Application面板中的Bindings標籤。按下加號按鈕(如圖2-2)
圖2-2
在Recordset對話框中,進行詳細設置,如下:
Name:disProduct
Connection: northwind(就是我們在上一講中建立的那個連接,可以選擇的)
Table:Product(在這裡列出了資料庫中的所有表,我們選擇Product)
Columns:裡面是Product中的所有字段,如果選擇Select單選按鈕,那麼我們可以對字段進行篩選。 (如圖2-3)
圖2-3
設定完畢後,我們可以進行測試,按下右邊的Test按鈕,是不是很驚喜,我們需要的數據已經全部列出來了,工具的力量是偉大的吧! (如圖2-4)
圖2-4
點選OK回到Recordset對話框,再點選OK回到頁面,這時我們可以看到Binding標籤中出現的變化,我們建立的名為disProduct的查詢出現了。我想大家看到了這個就應該很容易的想到對象,很直觀吧,比在代碼中建立對象容易理解多了吧(如圖2-5)點擊旁邊的"+"號,展開,Product表中的所有字段都出現在你的眼前了。 (如圖2-6)
圖2-5
圖2-6
我們的目的是要在頁面上顯示產品列表,下面的工作你將發現,把資料庫中的東西顯示在頁面上是多麼的容易,你將再一次的感受到工具的偉大。
在頁面上建立一個兩行四列的表格,在第一行分別填上:產品名稱,單位數量,單價,庫存量(如圖2-7)這些都是我們要在頁面上顯示的欄位。下一部,我們將把字段的內容放進去。
圖2-7
選擇在Bindings中展開的字段,我們先選擇"產品名稱"字段,然後在表格的第二行第一列點擊滑鼠,使遊標在其中閃動,然後回到Bindings面板,點擊insert按鈕,(如圖2-8)
圖2-8
依序以同樣的方法把"單位數量,單價,庫存量"字段插入表格中,(如圖2-9),還有個更為簡單的方法,就是你可以拖動字段到要放置的地方,效果是一樣的,而且更簡單。好了,現在看看原程式碼,如果你是個Asp的初學者,告訴你一個經驗,就是多看看mx產生的原程式碼,對你學習Asp是有很大幫助的。因為你以後會發現,自己簡單的加入幾行程式碼就可以試兩個頁面合併到一起,像是登入頁面,那是後話,慢慢看下去你會知道的。
圖2-9
好了,現在儲存你的頁面,然後在瀏覽器裡看看你的勞動成果。千萬別告訴我你不知道怎麼調試Asp頁面!顯示的怎樣,只有一行結果,是不是很讓你失望。哈哈,記錄指標沒有移動,當然只顯示第一行了。接著看。
我們要開始講Server Behaviors了,利用她可以實現很多的功能,先不說了,慢慢看吧,我們現在要解決的問題是如何顯示所有記錄。選取表格第二行的所有儲存格(如圖2-10),
圖2-10
點選Server Behaviors標籤的"+"號按鈕,在下拉式選單中選擇Repeat Region,在Repeat Region對話框中選擇All單選按鈕,如果你不想全部顯示也可以選擇上面的單選按鈕,輸入希望顯示的數量(如圖2-11)
圖2-11
按OK按鈕返回。在Server Behaviors標籤中又多出現了一個行為(如圖2-12)。看原始碼,你發現他只是加入了一個循環語句。
圖2-12
儲存所做的改動,再次調試,怎麼樣,你在(圖2-11)中設定了多少就出來多少。今天到此位置,大家可以好好複習以下,主要是建立查詢,裡面還有很多訣竅了。
待續…
相關文章
Macromedia Dreamweaver 8.0.1 更新
2009-05-31
巧妙運用DW進行網頁製作技巧
2009-05-31
Dreamweaver MX 2004的一句話技巧
2009-05-31
在DreamWeaver中應用CSS樣式表技巧兩則
2009-05-31
Dreamweaver網頁設計製作技巧與提高
2009-05-31
Dreamweaver MX實例:圖片應用技巧
2009-05-31
Dreamweaver MX實例:建置Java插入模組
2009-05-31
ASP.NET與DreamweaverMx結合
2009-05-31
Dreamweaver:從網頁模版切圖到網頁產生全攻略
2009-05-31
Dreamweaver:圖片應用技巧
2009-05-31
Dreamweaver MX Ultradev探索(前言)
2009-05-31
Dreamweaver MX Ultradev探索(1)
2009-05-31