您现在的位置: 济宁之窗 >> 网络学院 >> 网络应用 >> 网页制作 >> Dreamweaver >> 教程正文
DW MX实例:实现产品搜索

来源:eNet硅谷动力 点击: 更新:2006-11-17 11:04:03
Dreamweaver


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

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

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

  
Dreamweaver


  操作步骤

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

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

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

  
Dreamweaver


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

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

  
Dreamweaver

热门推荐控制电脑时间 定时关机我可以 SQL注入漏洞初级应用之Access篇 [1] [2] 页 下一页

发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
 
  • 上一条教程:
  •  
  • 下一条教程:

  •  焦点推荐
     [软件评测]“按键精灵” 轻松解放你的双手
     [软件评测]轻松享受音乐新生活——酷听在线
     [软件评测]在“群英会”里会群英(组图)
     [软件评测]让任务栏随叫随到,还原完美壁纸
     [软件评测]玩新奇 网页版QQ、MSN、POPO简评
     [软件评测]网址收藏随身带 一键收藏详细评测
     [软件评测]系统守护神—360安全卫士新版测试
     [软件评测]我用所以我喜欢 绝靓Vista侧边栏
     [软件评测]眉目传情,我用《魔术情书7.59》
     [软件评测]教你使用iSee打造我的图片王国
     [软件评测]WMP 11播放器汉化版入手使用手记
     [软件评测]轻轻松松写简历,助你马到成功!
     [软件评测]用PhotoMark给图片加上水印(图)
     [软件评测]青出于蓝胜于蓝 The World新版试
    最新热门评论
    热 门 话 题

    DW MX实例五:模板构建和更新网站
    招 商 信 息
    热 门 推 荐
  • 此栏目下没有推荐教程
  • 此栏目下没有热点推荐教程
  • 校 园 周 刊
    推荐教程 微软恶意软件清除工具
    推荐教程 电信和网通的桥梁:统
    推荐教程 统一网关-彻底解决电信
    推荐教程 微软工程师推荐的清理
    推荐教程 Ad-aware 6让你的电脑
    推荐教程 新浪UC 2005 III正式版
    推荐教程 用KC 短信免费发 电话
    推荐教程 腾讯TM打造清新简约的
    热 门 信 息
     济宁市市中区首届邻居
     全市商业贿赂典型案例…
     济宁市治理商业贿赂领…
     夏天来临前的20个防晒
     周总理珍藏彩色画册 有
     性感而随意的诱惑 流行
     泗水文化历史
     泗水乡情
     生活推荐广告位对外招
     中国古代思想家、教育
     情趣民间性爱文化 中日
     难得一见的照片 世界各

    本站部分内容由用户或网友提供 济宁之窗不承担由于内容的合法性所引起的一切争议和法律责任
    如果您认为侵犯了您的权益 请来电或来函告知 本站将立刻停止使用
    Copyright © 2002-2006 济宁之窗 All Rights Reserved.
    Tell:2283611 2283612 服务 web@jnzc.net
    经营许可证:鲁B2-20031025号