用Dreamweaver做搜索表單_Dreamweaver教程
教程Tag:暫無(wú)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ù)庫(kù);
1、首先在要輸入搜索信息的頁(yè)面上(如:index.htm)建立一個(gè)搜索的表單,

表單中包含一個(gè)文本域(input text),名稱(name)為"keyword",

表單(form)的名稱(name)為"form1",動(dòng)作(Action)填入"search.asp";

2、制作處理搜索結(jié)果頁(yè)search.asp,你可以先設(shè)計(jì)好頁(yè)面的界面。設(shè)計(jì)好之后,開(kāi)始建立記錄集。在“應(yīng)用程序”面板上點(diǎn)擊“綁定”>“記錄集(查詢)”。輸入名稱,選擇相應(yīng)的連接和數(shù)據(jù)表,在“篩選”中,選擇一個(gè)字段“包含”“表單變量”:"keyword"(和你在index.htm中定義的文本框的名稱一致),

切換到高級(jí)視圖,可以看到生成的SQL語(yǔ)句;

3、在頁(yè)面中將記錄一一綁定,圖中的{Form.keyword},實(shí)際上是<%= Request.Form("keyword") %>以獲取搜索的內(nèi)容。接下來(lái)就可以對(duì)已經(jīng)綁定的動(dòng)態(tài)數(shù)據(jù)添加服務(wù)器行為,如“重復(fù)區(qū)域”、“分頁(yè)”等等,

因?yàn)樗阉鬟^(guò)程中很有可能出現(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)容不存在,請(qǐng)更改要害詞后再查詢!</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ù)庫(kù);
1、首先在要輸入搜索信息的頁(yè)面上(如:index.htm)建立一個(gè)搜索的表單,

表單中包含一個(gè)文本域(input text),名稱(name)為"keyword",

表單(form)的名稱(name)為"form1",動(dòng)作(Action)填入"search.asp";

2、制作處理搜索結(jié)果頁(yè)search.asp,你可以先設(shè)計(jì)好頁(yè)面的界面。設(shè)計(jì)好之后,開(kāi)始建立記錄集。在“應(yīng)用程序”面板上點(diǎn)擊“綁定”>“記錄集(查詢)”。輸入名稱,選擇相應(yīng)的連接和數(shù)據(jù)表,在“篩選”中,選擇一個(gè)字段“包含”“表單變量”:"keyword"(和你在index.htm中定義的文本框的名稱一致),

切換到高級(jí)視圖,可以看到生成的SQL語(yǔ)句;

3、在頁(yè)面中將記錄一一綁定,圖中的{Form.keyword},實(shí)際上是<%= Request.Form("keyword") %>以獲取搜索的內(nèi)容。接下來(lái)就可以對(duì)已經(jīng)綁定的動(dòng)態(tài)數(shù)據(jù)添加服務(wù)器行為,如“重復(fù)區(qū)域”、“分頁(yè)”等等,

因?yàn)樗阉鬟^(guò)程中很有可能出現(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)容不存在,請(qǐng)更改要害詞后再查詢!</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)頁(yè)中插入Flash按鈕
- 在Dreamweaver中編寫(xiě)CSS需要掌握的技巧
- Dreamweaver CS3代碼片斷功能面板的利用
- Dreamweaver CS3 的最新功能
- 用Dreamweaver建站如何設(shè)計(jì)CSS?
- Dreamweaver文字自動(dòng)換行
- 探討Dreamweaver制作網(wǎng)頁(yè)時(shí)的空格
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運(yùn)用代碼片斷工具提高css開(kāi)發(fā)效率
- 在DreamWeaver中編寫(xiě)CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁(yè)
Dreamweaver教程Rss訂閱網(wǎng)站制作教程搜索
Dreamweaver教程推薦
- 使用Dreamweaver制作網(wǎng)頁(yè)的20個(gè)技巧
- DW MX實(shí)例:個(gè)性化 IE 滾動(dòng)條
- 在網(wǎng)頁(yè)調(diào)用 WINDOWS 控件兩例
- DreamweaverCS3中的CSS布局規(guī)則
- Dreamweaver開(kāi)發(fā)ASP實(shí)例視頻教程建立注冊(cè)頁(yè)面
- 使用Dreamweaver插件個(gè)性化IE滾動(dòng)條
- 如何控制網(wǎng)頁(yè)框架頁(yè)內(nèi)中鏈接的目標(biāo)
- 在Dreamweaver中靈活使用網(wǎng)頁(yè)表格
- 網(wǎng)頁(yè)制作技巧:Dreamweaver快速圖片鏈接批處理
- Dreamweaver制作網(wǎng)頁(yè)的圖片應(yīng)用技巧
猜你也喜歡看這些
- 相關(guān)鏈接:
- 教程說(shuō)明:
Dreamweaver教程-用Dreamweaver做搜索表單
。