用Dreamweaver做搜索表單_Dreamweaver教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
本例介紹了在Dreamweaver MX 2004中如何制作ASP搜索表單。
應用本教程前的預備工作:
①已經(jīng)成功建立ASP運行環(huán)境;
②已經(jīng)在Dreamweaver中建立動態(tài)站點并成功連接數(shù)據(jù)庫;
1、首先在要輸入搜索信息的頁面上(如:index.htm)建立一個搜索的表單,

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

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

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

切換到高級視圖,可以看到生成的SQL語句;

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

因為搜索過程中很有可能出現(xiàn)搜索的內(nèi)容不存在的情況,所以我們這里一定要添加一個“假如記錄集不為空則顯示”的服務器行為。選中動態(tài)數(shù)據(jù)所在的那一行(<tr>...</tr>),點擊“服務器行為”中的“顯示區(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、這個搜索表單基本上已經(jīng)完成了。但假如要想讓搜索出的結(jié)果以突出的方式顯示(比如用紅色、加粗的字體表示),則可以在html代碼的<html>標記之前加入以下代碼:
<%
function ShowBold(theField)
Set objRegExp= New RegExp
objRegExp.Pattern="(" & Request.Form("keyword") & ")" 其中的keyword要和index.htm中文本框的名字一致
應用本教程前的預備工作:
①已經(jīng)成功建立ASP運行環(huán)境;
②已經(jīng)在Dreamweaver中建立動態(tài)站點并成功連接數(shù)據(jù)庫;
1、首先在要輸入搜索信息的頁面上(如:index.htm)建立一個搜索的表單,

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

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

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

切換到高級視圖,可以看到生成的SQL語句;

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

因為搜索過程中很有可能出現(xiàn)搜索的內(nèi)容不存在的情況,所以我們這里一定要添加一個“假如記錄集不為空則顯示”的服務器行為。選中動態(tài)數(shù)據(jù)所在的那一行(<tr>...</tr>),點擊“服務器行為”中的“顯示區(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、這個搜索表單基本上已經(jīng)完成了。但假如要想讓搜索出的結(jié)果以突出的方式顯示(比如用紅色、加粗的字體表示),則可以在html代碼的<html>標記之前加入以下代碼:
<%
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建站如何設計CSS?
- Dreamweaver文字自動換行
- 探討Dreamweaver制作網(wǎng)頁時的空格
- 使用Dreamweaver制作網(wǎng)頁的20個技巧
- Dreamweaver MX 2004的PPT格式課件
- Dreamweaver技巧:運用代碼片斷工具提高css開發(fā)效率
- 在DreamWeaver中編寫CSS的一些技巧
- 使用Dreamweaver模板批量制作網(wǎng)頁
- 相關(guān)鏈接:
- 教程說明:
Dreamweaver教程-用Dreamweaver做搜索表單
。