打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
用Dreamweaver做搜索表单

用Dreamweaver做搜索表单

2008-04-29 14:22:58 来源:新云 【 评论:1 我要投稿 收藏本文 分享至微博

站长交易(http://jy.chinaz.com)帮站长赚钱 虚拟主机评测+IDC导航=IDC123.COM

本例介绍了在Dreamweaver MX 2004中如何制作ASP搜索表单。

 应用本教程前的准备工作:
 ①已经成功建立ASP运行环境;
 ②已经在Dreamweaver中建立动态站点并成功连接数据库;

1、首先在要输入搜索信息的页面上(如:index.htm)建立一个搜索的表单,

 

表单中包含一个文本域(input text),名称(name)为"keyword",

 

表单(form)的名称(name)为"form1",动作(Action)填入"search.asp";

 

2、制作处理搜索结果页search.asp,你可以先设计好页面的界面。设计好之后,开始建立记录集。在“应用程序”面板上点击“绑定”>“记录集(查询)”。输入名称,选择相应的连接和数据表,在“筛选”中,选择一个字段“包含”“表单变量”:"keyword"(和你在index.htm中定义的文本框的名称一致),

 

切换到高级视图,可以看到生成的SQL语句

 

3、在页面中将记录一一绑定,图中的{Form.keyword},实际上是<%= Request.Form("keyword") %>以获取搜索的内容。接下来就可以对已经绑定的动态数据添加服务器行为,如“重复区域”、“分页”等等,

 

因为搜索过程中很有可能出现搜索的内容不存在的情况,所以我们这里一定要添加一个“如果记录集不为空则显示”的服务器行为。选中动态数据所在的那一行(<tr>...</tr>),点击“服务器行为”中的“显示区域”>“如果记录集不为空则显示”。再找到
 <% End If   end Not search.EOF Or NOT search.BOF %>
 所在的地方,在前面添加几行代码,成为如下:
 <% Else %>
 <tr><td>你所查询的内容不存在,请更改关键词后再查询!</td></tr>
 <% End If   end Not search.EOF Or NOT search.BOF %>

 4、这个搜索表单基本上已经完成了。但如果要想让搜索出的结果以突出的方式显示(比如用红色、加粗的字体表示),则可以在html代码的<html>标记之前加入以下代码:

 

图中橙色背景的部分即是页面中要突出显示的效果。

 5、然后在要突出显示的地方修改以下代码:
 如将原来的<%=(search.Fields.Item("n_contents").value)%>修改为:
 <%=ShowBold(search.Fields.Item("n_contents").value)%>

以下为引用的内容:
<%
 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
 %>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
用Dreamweaver进行网页优化
Dreamweaver MX 2004网站短消息系统开发教程
用Dreamweaver MX ACCESS制作企业新闻系统
200个网页制作常见问题及解答(一)
怎么才能更好的用Dreamweaver优化网页
dreamweaver8表单
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服