7.2.2 论坛搜索功能的实现

作者: 施伟伟张蓓出处:人民邮电出版社　2008-05-07 22:14　砖好评论条　进入论坛

阅读提示：《征服Ajax——Web 2.0 快速入门与项目实践（.net）》的案例经过编者的精心设计，尽可能减少与Ajax无关的内容，让读者以最快的速度掌握Ajax开发技术。本文介绍了论坛搜索功能的实现。

7.2.2 论坛搜索功能的实现

为了便于录入文章，首先编写一个发表文章的页面PostArticle.aspx，其界面如图7-2所示。PostArticle.aspx的实现比较简单，详细内容请参见随书光盘。

图7-2 发表文章页面

论坛主题搜索页面的运行效果如图7-3所示。在用户输入检索词的同时，下方的结果会实时地改变，不再需要单击“搜索”按钮，检索结果的更新是自动完成的。

论坛主题搜索功能的实现过程如下。

首先在页面中增加一个AjaxPanel控件，然后向其中添加用于检索词输入的文本框控件tbSearchword、查看结果的LinkButton控件lbShowResult以及用于显示搜索结果的DataGrid控件dgResult。在VS.NET的网页设计界面中双击lbShowResult控件，VS.NET会自动增加该LinkButton控件的响应函数lbShowResult_Click。在lbShowResult_Click函数中编写有关查询数据库以及与DataGrid控件进行数据绑定的代码，从而实现查询结果的显示。相关的代码如下：

图7-3 论坛主题搜索页面

private void lbShowResult_Click(object sender, System.EventArgs e)
{
// 绑定DataGrid,显示数据
BindGrid();        
}

/// <summary>
/// 绑定DataGrid,显示数据
/// </summary>
private void BindGrid()
{
// sql语句,查找title字段中含有关键词的记录
sqlSelectCommand1.CommandText = string.Format(
"SELECT * FROM Article WHERE title LIKE '%{0}%'",
tbSearchword.Text
);

    // 将查询返回的数据存入DataSet中
sqlDataAdapter1.SelectCommand = sqlSelectCommand1;
DataSet ds = new DataSet();
try
{
sqlDataAdapter1.Fill(ds);
dgResult.DataSource = ds.Tables[0].DefaultView;
dgResult.DataBind();
}
catch (SqlException ex)
{
// 输出异常信息
Response.Write(ex.Message);
}
finally
{
sqlConnection1.Close();
}
}

接下来，要页面能实时地显示搜索的结果，需要增加检索词输入文本框时的响应函数onkeyup，代码如下：

private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
string strScript = Page.GetPostBackClientEvent(lbShowResult, "");
tbSearchword.Attributes.Add("onkeyup", strScript);
}

上面这两行代码的作用相当于每次释放键盘的同时，单击了一次lbShowResult按钮，这样就可以实现显示结果的实时更新。因为文本框、按钮和DataGrid控件都在AjaxPanel控件内部，因此在执行搜索的时候页面是不刷新的。

论坛搜索页面及其后台代码如例7-4和例7-5所示。

【例7-4】Search.aspx

<%@ Page language="c#" Codebehind="Search.aspx.cs" AutoEventWireup="false"
Inherits="ch71.Search" %>
<%@ Register TagPrefix="ajax" Namespace="MagicAjax.UI.Controls" Assembly="MagicAjax" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Search</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" 
name= "vs_targetSchema">
<LINK media="screen" href="global.css" type="text/css" rel="stylesheet">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<ajax:AjaxPanel id="AjaxPanel1" runat="server" 
AjaxCallConnection= "Asynchronous">
<asp:Label id="lblWord" runat="server">请输入您要检索的关键词:</asp: Label>
<asp:TextBox id="tbSearchword" runat="server"
Font-Size="X-Small"></asp:TextBox>
<asp:LinkButton id="lbShowResult" runat="server">查看结果</asp:LinkButton>
<asp:DataGrid id="dgResult" runat="server" Width="100%"
BorderColor="#DEDFDE" BorderStyle="None" BorderWidth="1px"
BackColor="White" CellPadding="4"
GridLines="Vertical" ForeColor="Black"    AutoGenerateColumns= "False">
<SelectedItemStyle Font-Bold="True" ForeColor="White"
BackColor="#CE5D5A"></SelectedItemStyle>
<AlternatingItemStyle BackColor="White"></AlternatingItemStyle>
<ItemStyle BackColor="#F7F7DE"></ItemStyle>
<HeaderStyle Font-Bold="True" ForeColor="White"
BackColor="#6B696B"></HeaderStyle>
<FooterStyle BackColor="#CCCC99"></FooterStyle>
<Columns>
<asp:BoundColumn DataField="id" HeaderText="文章编号">
<HeaderStyle Width="10%"></HeaderStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="title" HeaderText="标题">
<HeaderStyle Width="70%"></HeaderStyle>
</asp:BoundColumn>
<asp:BoundColumn DataField="author" HeaderText="作者">
<HeaderStyle Width="20%"></HeaderStyle>
</asp:BoundColumn>
</Columns>
<PagerStyle HorizontalAlign="Right" ForeColor="Black"
BackColor="#F7F7DE" Mode="NumericPages"></PagerStyle>
</asp:DataGrid>
</ajax:AjaxPanel></form>
</body>
</HTML>

【例7-5】Search.aspx.cs

using System;
using System.Collections;
using System.ComponentModel;
using System.Configuration;
using System.Data;
using System.Data.SqlClient;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;

namespace ch71
{
/// <summary>
/// Search 的摘要说明
/// </summary>
public class Search : System.Web.UI.Page
{
protected System.Web.UI.WebControls.TextBox tbSearchword;
protected MagicAjax.UI.Controls.AjaxPanel AjaxPanel1;
protected System.Web.UI.WebControls.LinkButton lbShowResult;
protected System.Web.UI.WebControls.DataGrid dgResult;
protected System.Data.SqlClient.SqlCommand sqlSelectCommand1;
protected System.Data.SqlClient.SqlCommand sqlInsertCommand1;
protected System.Data.SqlClient.SqlCommand sqlUpdateCommand1;
protected System.Data.SqlClient.SqlCommand sqlDeleteCommand1;
protected System.Data.SqlClient.SqlConnection sqlConnection1;
protected System.Data.SqlClient.SqlDataAdapter sqlDataAdapter1;
protected System.Web.UI.WebControls.Label lblWord;
private void Page_Load(object sender, System.EventArgs e)
{
// 在此处放置用户代码以初始化页面
string strScript = Page.GetPostBackClientEvent(lbShowResult, "");
tbSearchword.Attributes.Add("onkeyup", strScript);

        #region Web 窗体设计器生成的代码
......
#endregion

        private void lbShowResult_Click(object sender, System.EventArgs e)
{
// 绑定DataGrid,显示数据
BindGrid();        
}

        /// <summary>
/// 绑定DataGrid,显示数据
/// </summary>
private void BindGrid()
{
// sql语句,查找title字段中含有关键词的记录
sqlSelectCommand1.CommandText = string.Format(
"SELECT * FROM Article WHERE title LIKE '%{0}%'",
tbSearchword.Text
);

            // 将查询返回的数据存入DataSet中
sqlDataAdapter1.SelectCommand = sqlSelectCommand1;
DataSet ds = new DataSet();
try
{
sqlDataAdapter1.Fill(ds);
dgResult.DataSource = ds.Tables[0].DefaultView;
dgResult.DataBind();
}
catch (SqlException ex)
{
// 输出异常信息
Response.Write(ex.Message);
}
finally
{
sqlConnection1.Close();
}
}

}
}

通过上面的讲解，读者可以看到使用Magicajax开发Ajax应用是非常方便的，特别是在现有的ASP.NET应用系统中，如果希望增加局部更新等功能，使用Magicajax是非常理想的选择。

Magicajax的实现机制是利用XMLHttpRequest对象，模拟ASP.NET的页面提交（PostBack），通常称这种方式为CallBack，而在服务器端则会区分CallBack和PostBack，进行不同的处理。实际上这种机制在第3章中已经介绍过（CallBackObject.js），而Magicajax做得更加完善，更易于使用。

回书目 上一节 下一节

关于 Ajax .net 的

文章

博文

帖子

· 11.6 总结(05/08)

· 11.5.2 QueryParser的“与”和“或”(05/08)

· 11.5.1 QueryParser的简单用法(05/08)

· 11.4.8 使用通配符搜索—WildcardQuery(05/08)

· 11.4.7 相近词语的搜索—FuzzyQuery(05/08)

· 天轰穿Visual Studio2005入门.Net2.0系列视频..

· Ajax

· IIS服务器不支持ASP.NET的原因及解决方法

· Django与Ajax教程（三）

· asp.net页面某些类型的文件不能下载

· 【第67期专家门诊】.NET3.5是如何帮助你进行We..

· Exchange产品开发和技术服务|技术文章|资源下..

· asp.net中如何对button编辑客户端事件

· 邮局-实时通讯-视频会议-办公自动化-信息门户-..

· aps.net怎样使用页面传值QueryString,做过的帮..

专题

我也说两句

叫好

拍砖

中国最大的网络技术网站 ·
技术成就梦想

·假期读书充电

· 系统分析师自测获奖名..
· Linux结课考试自测获奖..
· 上周Linux系统命令的使..
· 上周真题冲刺测试获奖..
· 全国计算机等考四级模..
· 08年3月各大网上书店及..

· 网络工程师模拟测试获..
· 全国计算机软考考试指..
· 3月24日WCF聊天活动积..
· 全国计算机等级考试四..
· 软件项目估计：第2版
· 系统分析师基础知识自..

排行榜

·假期读书充电 (查看6046次)
·1.2 网络定义 (查看1118次)
·《网管员必读—网络应用》自测.. (查看938次)
·历次技术自测获奖网友详细信息 (查看911次)
·SQL Server入门到精通技术自测.. (查看864次)

·超级网管员——网络应用技术自测试题答案 (5个砖)
·SQL Server入门到精通技术自测试题答案 (5个砖)
·网管员全真面试题自测获奖结果及答案解析 (4个砖)
·免费讲座：搜索引擎营销打造成功网站 (3个砖)
·历次技术自测获奖网友详细信息 (3个砖)

·假期读书充电 (13个好)
·1.2 网络定义 (3个好)
·Visual C++数字图像处理开发入门与编程实践 (3个好)
·《游戏开发核心技术-剧本与角色创造》阅读不枯燥 (3个好)
·SQL Server入门到精通技术自测试题答案 (3个好)

·征服Ajax——Web 2.0快速入门与项目实践（.net） (05月)
·征服Ajax+Lucene构建搜索引擎 (05月)
·征服Ajax——Web 2.0快速入门与项目实践（Java） (05月)
·Visual C++程序设计自学手册 (05月)
·MYSQL Cookbook第2版中文版 (05月)

·资深黑客详谈网页木马攻击原理与防..
·深度XP SP3免激活克隆V8.1版惊现

· 专家教你寻找好的IT培..
· 微软下周将发布4个安全..
· Mozilla误发含恶意软件..
· 路由器基础知识
· 微软解散雅虎董事会竞..
· 北电CEO：不会沦为二流..
· 求伯君称WPS将全面转型
· 揭秘：黑客如何对微软..

· SQL Server安全模型让..
· Vista、Unix和MacOS补..
· 华为证实出售50%-60%手..
· Java堆和栈与StringBui..
· IT人必备十大热门技能
· 高管跳槽不断谷歌回应..
· 下一代软件工程师去向..
· 独家：Oracle 11gR1中..

订阅技术快讯

电子杂志下载

名称：SQL Server数据库管理精品黄皮书
简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中

名称：2007路由技术大全
简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

专题

最多好

最多砖