用Dreamweaver做搜索表單_Dreamweaver教程
教程Tag：暫無Tag,歡迎添加,賺取U幣!
本例介紹了在Dreamweaver MX 2004中如何制作ASP搜索表單。
應(yīng)用本教程前的預(yù)備工作：
①已經(jīng)成功建立ASP運(yùn)行環(huán)境；
②已經(jīng)在Dreamweaver中建立動(dòng)態(tài)站點(diǎn)并成功連接數(shù)據(jù)庫；
1、首先在要輸入搜索信息的頁面上(如:index.htm)建立一個(gè)搜索的表單，
表單中包含一個(gè)文本域(input text)，名稱(name)為"keyword"，
表單(form)的名稱(name)為"form1"，動(dòng)作(Action)填入"search.asp"；
2、制作處理搜索結(jié)果頁search.asp，你可以先設(shè)計(jì)好頁面的界面。設(shè)計(jì)好之后，開始建立記錄集。在“應(yīng)用程序”面板上點(diǎn)擊“綁定”>“記錄集(查詢)”。輸入名稱，選擇相應(yīng)的連接和數(shù)據(jù)表，在“篩選”中，選擇一個(gè)字段“包含”“表單變量”："keyword"(和你在index.htm中定義的文本框的名稱一致)，
切換到高級視圖，可以看到生成的SQL語句；
3、在頁面中將記錄一一綁定，圖中的{Form.keyword}，實(shí)際上是<%= Request.Form("keyword") %>以獲取搜索的內(nèi)容。接下來就可以對已經(jīng)綁定的動(dòng)態(tài)數(shù)據(jù)添加服務(wù)器行為，如“重復(fù)區(qū)域”、“分頁”等等，
因?yàn)樗阉鬟^程中很有可能出現(xiàn)搜索的內(nèi)容不存在的情況，所以我們這里一定要添加一個(gè)“假如記錄集不為空則顯示”的服務(wù)器行為。選中動(dòng)態(tài)數(shù)據(jù)所在的那一行(<tr>...</tr>)，點(diǎn)擊“服務(wù)器行為”中的“顯示區(qū)域”>“假如記錄集不為空則顯示”。再找到
<% End If end Not search.EOF Or NOT search.BOF %>
所在的地方，在前面添加幾行代碼，成為如下：
<% Else %>
<tr><td>你所查詢的內(nèi)容不存在，請更改要害詞后再查詢！</td></tr>
<% End If end Not search.EOF Or NOT search.BOF %>
4、這個(gè)搜索表單基本上已經(jīng)完成了。但假如要想讓搜索出的結(jié)果以突出的方式顯示（比如用紅色、加粗的字體表示），則可以在html代碼的<html>標(biāo)記之前加入以下代碼：
<%
function ShowBold(theField)
Set objRegExp= New RegExp
objRegExp.Pattern="(" & Request.Form("keyword") & ")" 其中的keyword要和index.htm中文本框的名字一致
應(yīng)用本教程前的預(yù)備工作：
①已經(jīng)成功建立ASP運(yùn)行環(huán)境；
②已經(jīng)在Dreamweaver中建立動(dòng)態(tài)站點(diǎn)并成功連接數(shù)據(jù)庫；
1、首先在要輸入搜索信息的頁面上(如:index.htm)建立一個(gè)搜索的表單，
表單中包含一個(gè)文本域(input text)，名稱(name)為"keyword"，
表單(form)的名稱(name)為"form1"，動(dòng)作(Action)填入"search.asp"；
2、制作處理搜索結(jié)果頁search.asp，你可以先設(shè)計(jì)好頁面的界面。設(shè)計(jì)好之后，開始建立記錄集。在“應(yīng)用程序”面板上點(diǎn)擊“綁定”>“記錄集(查詢)”。輸入名稱，選擇相應(yīng)的連接和數(shù)據(jù)表，在“篩選”中，選擇一個(gè)字段“包含”“表單變量”："keyword"(和你在index.htm中定義的文本框的名稱一致)，
切換到高級視圖，可以看到生成的SQL語句；
3、在頁面中將記錄一一綁定，圖中的{Form.keyword}，實(shí)際上是<%= Request.Form("keyword") %>以獲取搜索的內(nèi)容。接下來就可以對已經(jīng)綁定的動(dòng)態(tài)數(shù)據(jù)添加服務(wù)器行為，如“重復(fù)區(qū)域”、“分頁”等等，
因?yàn)樗阉鬟^程中很有可能出現(xiàn)搜索的內(nèi)容不存在的情況，所以我們這里一定要添加一個(gè)“假如記錄集不為空則顯示”的服務(wù)器行為。選中動(dòng)態(tài)數(shù)據(jù)所在的那一行(<tr>...</tr>)，點(diǎn)擊“服務(wù)器行為”中的“顯示區(qū)域”>“假如記錄集不為空則顯示”。再找到
<% End If end Not search.EOF Or NOT search.BOF %>
所在的地方，在前面添加幾行代碼，成為如下：
<% Else %>
<tr><td>你所查詢的內(nèi)容不存在，請更改要害詞后再查詢！</td></tr>
<% End If end Not search.EOF Or NOT search.BOF %>
4、這個(gè)搜索表單基本上已經(jīng)完成了。但假如要想讓搜索出的結(jié)果以突出的方式顯示（比如用紅色、加粗的字體表示），則可以在html代碼的<html>標(biāo)記之前加入以下代碼：
<%
function ShowBold(theField)
Set objRegExp= New RegExp
objRegExp.Pattern="(" & Request.Form("keyword") & ")" 其中的keyword要和index.htm中文本框的名字一致
相關(guān)Dreamweaver教程：
- 用Dreamweaver在網(wǎng)頁中插入Flash按鈕
- 在Dreamweaver中編寫CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧：運(yùn)用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver制作網(wǎng)頁的20個(gè)技巧
- DW MX實(shí)例：個(gè)性化 IE 滾動(dòng)條
- 在網(wǎng)頁調(diào)用 WINDOWS 控件兩例
- DreamweaverCS3中的CSS布局規(guī)則
- Dreamweaver開發(fā)ASP實(shí)例視頻教程建立注冊頁面
- 使用Dreamweaver插件個(gè)性化IE滾動(dòng)條
- 如何控制網(wǎng)頁框架頁內(nèi)中鏈接的目標(biāo)
- 在Dreamweaver中靈活使用網(wǎng)頁表格
- 網(wǎng)頁制作技巧：Dreamweaver快速圖片鏈接批處理
- Dreamweaver制作網(wǎng)頁的圖片應(yīng)用技巧
- 相關(guān)鏈接：
- 教程說明：
Dreamweaver教程-用Dreamweaver做搜索表單
。