下载首页 | 资讯中心 | 下载分类 | 最近更新 | 排 行 榜 | 国产软件 | 国外软件 | 汉化补丁 |
文章搜索: 分类 关键字 收藏本站设为首页
您的位置:首页网页制作网页制作 → 用Dreamweaver实现简单的网页搜索功能__教程
用Dreamweaver实现简单的网页搜索功能__教程
日期:2007-1-6 11:09:53 人气:98     [ ]
上一页 [1] [2] 下一页
 

  客户在浏览公司网站时,常常会对一些产品进行较为简单的查询搜索,本实例将讲解其实现过程。

  效果说明

  客户可以在如图 86-1 所示的页面中选择特别查询字段,输入查询数据,对产品进行模糊查询,结果如图 86-2 所示。

点击放大图片

  创作构思

  在“ index.aspx ”页面中添加下拉列表、文本框及按钮,完成产品搜索页面的设置,制作出跟实例 85 中树形目录索引显示页面相同的页面作为产品搜索页面,然后设置程序以实现产品搜索。

  操作步骤

  步骤一 产品搜索页面的设置

  ( 1 )在“ LeftTb ”表格中添加 4 行并设置样式。打开“ index.aspx ”,在设计视图里的“ LeftTb ”表格中添加 4 行并设置样式,如图 86-3 中圆角方框所示。

点击放大图片

  ( 2 )添加控件。单击 ASP.NET 快捷菜单栏上的【 asp :下拉列表】按钮,为新添加的第 2 行添加下拉列表控件,如图 86-4 所示。

  ( 3 )添加列表标签及相应的值。在新添加的下拉列表“ FieldList ”属性窗口中单击【列表项】按钮,在弹出的【列表项】对话框中添加 3 个标签,一个标签为“产品编号”,其值为“ CPID ”;一个标签为“产品名”,其值为“ CPNAME ”;一个标签为“产品分类”,其值为“ CPFL ”,结果如图 86-5 所示。

点击放大图片

  ( 4 )继续在新添加的行中添加文本框,设 ID 为“ SearchTxt ”,并添加两个按钮,一个按钮为“搜索”, ID 为“ GoBt ”;另一个按钮为“高级搜索”, ID 为“ TopgoBt ”,结果如图 86-6 所示。

[page_break] 

  步骤二 实现产品搜索

  ( 1 )切换到代码视图,在“ <script Runat="Server"> ”中添加“ GoBt_click ”过程,其代码如下所述。

Sub GoBt_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Response.Redirect("CpSearch.aspx?keyfield="+SearchTxt.Text+"&keyindex="+ FieldList.SelectedValue)
End Sub

  (读者可打开【光盘】|【源文件】|【实例 86 】|【 86.1.txt 】文件,直接复制)

  程序说明:

  单击【搜索】按钮,则执行该过程。该过程主要是将页面指向“ CpSearch.aspx ”,并传递“ keyfield ”、“ keyindex ”两个参数。“ keyfield ”参数用于存储客户搜索时在【 FieldList 】下拉列表中选择的关键字段,“ keyindex ”参数用于存储客户搜索时在【 SearchTxt 】文本框中输入的数据。

  ( 2 )在“ <script Runat="Server"> ”中添加另一个过程“ TopgoBt_Click ”,其代码如下所述。

Sub TopgoBt_Click(ByVal sender As Object, ByVal e As System.EventArgs)
Response.Redirect("TopSearch.aspx")
End Sub

  (读者可打开【光盘】|【源文件】|【实例 86 】|【 86.2.txt 】文件,直接复制)

  ( 3 )绑定“ GoBt_click ”过程到【搜索】按钮的“ OnClick ”响应事件,绑定“ TopgoBt_Click ”过程到【高级搜索】按钮的“ OnClick ”响应事件。

  ( 4 )打开“ TreeSearch.aspx ”,该页面是在实例 85 中建立的,用于显示单击树形目录节点进行搜索后的结果。由于产品搜索结果显示页面与树形目录搜索的结果显示页面设计相同,所以可以直接将其另存为“ CpSearch.aspx ”。

  ( 5 )修改数据集“ TrSearchData ”查询命令。虽然产品搜索结果显示页面与树形目录搜索结果显示页面设计相同,但是搜索的查询命令显然是不同的,所以要对页面中数据集“ TrSearchData ”有关查询命令进行修改。删除“ CpSearch.aspx ”页面中的“ Page_Load ”过程,重新添加如下所述的过程。

Sub Page_Load(ByVal Sender As Object, ByVal e As EventArgs)
TrSearchData.CommandText="SELECT * FROM DreamweaverCP WHERE " 
&Trim(Request.QueryString("keyindex"))& " LIKE '%" 
&Trim(Request.QueryString("keyfield"))&"%' ORDER BY CPID ASC"
TrSearchData.Debug=true
End Sub

  (读者可打开【光盘】|【源文件】|【实例 86 】|【 86.3.txt 】文件,直接复制)

  提示:查询命令采用了模式匹配运算符“ LIKE ”,并结合“ % ”进行模糊查询。例如 SELECT * FROM DreamweaverCP WHERE CPFL LIKE “% 日用 %” ,该查询是要查询“ DreamweaverCP ”表里“ CPFL ”(产品分类)字段中含有“日用”二字的所有产品。

出处:本站原创 作者:佚名
 阅读排行
01.精美qq空间横幅代码
02.最酷qq个性女生网名
03.最新又有免费QQ秀啦《..
04.巧用透明FlaSh扮靓你的..
05.花之神匠代码(最新代码..
06.最新QQ空间免费导航
07.最新免费个人形象设置..
08.最新qq空间flash代码m..
09.CSS技术结合图像实现动..
10.Photoshop光影魔术师:..
11.QQ音速种子狂刷
12.最新QQ空间透明代码
13.PS实例教程:教你制作结..
14.Photoshop光影魔术师:..
15.制作背景图__教程
16.用Photoshop制作漂亮的..
17.如何获得QQ音速种子
18.≤QQ空间代码≥在日志..
19.网页浮动广告的制作代..
20.用Photoshop制作大红灯..
21.常用CSS
22.Photoshop给靓丽美女打..
 推荐文章
·Photoshop 表现技法之..
·快速将你的相片矢量化..
·PHOTOSHOP制作炽热的太..
·用Photoshop制作美丽的..
·流行杀手的娃娃工厂__..
·打造8号台球__教程
·PHOTOSHOP制作待机MM图..
·用Photoshop帮MM做纹身..
·PHOTOSHOP美眉着色绝招..
·PHOTOSHOP花露的制作_..
·PHOTOSHOP渐变工具的巧..
·PHOTOSHOP手绘奥兰多-..
·高难度抠图两种方法__..
·Photoshop高尔夫球的制..
·Photoshop打造精美玉佩..
Eqxia_COM下载站 版权所有 Copyright© 2001-2005 Www.eqxia.COM, All Rights Reserved.