用Dreamweaver做搜索表單-Dreamweaver教程

2024-09-12 12:30:23

字體：大中小

供稿：網(wǎng)友

本例介紹了在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中文本框的名字一致|||
objregexp.ignorecase=true
objregexp.global=true
showbold=objregexp.replace(thefield,"<font color=red><b>$1</b></font>")
end function
%>

圖中橙色背景的部分即是頁(yè)面中要突出顯示的效果。

5、然后在要突出顯示的地方修改以下代碼：
如將原來(lái)的<%=(search.fields.item("n_contents").value)%>修改為：
<%=showbold(search.fields.item("n_contents").value)%>