实现自动完成功能

 

1. 在.net中利用ajax的AutoComplete实现类似google搜索建议的效果
3. 1.AutoCompleteExtender属性
4. TargetControlID:要实现自动完成功能的控件ID
5. ServicePath:    Web Service的路径
6. MinimumPrefixLength:用户输入多少个字母才出现提示
7. EnableCaching:是否启用缓存
8. CompletionSetCount:显示数据的行数
10. 2.简单数据库设计
11. 表名:SearchKeywords
12. 字段      类型  说明
13. Id      int 主键,自增
14. Keyword     varchar 搜索的关键字
15. SearchCount int 关键字搜索的次数
16. 随便填些数据
18. 3.SearchKeywords表实体类SearchKeywords.cs
19. using System;
20. namespace Ajax.Model
21. {
22.     /// <summary>
23.     /// 实体类SearchKeywords 。(属性说明自动提取数据库字段的描述信息)
24.     /// </summary>
25.     public class SearchKeywords
26.     {
27.         public SearchKeywords()
28.         { }
29.         #region Model
30.         private int _id;
31.         private string _keyword;
32.         private int _searchcount;
33.         /// <summary>
34.         /// 
35.         /// </summary>
36.         public int id
37.         {
38.             set { _id = value; }
39.             get { return _id; }
40.         }
41.         /// <summary>
42.         /// 
43.         /// </summary>
44.         public string Keyword
45.         {
46.             set { _keyword = value; }
47.             get { return _keyword; }
48.         }
49.         /// <summary>
50.         /// 
51.         /// </summary>
52.         public int SearchCount
53.         {
54.             set { _searchcount = value; }
55.             get { return _searchcount; }
56.         }
57.         #endregion Model
59.     }
60. }
62. 4.数据层SearchKeywordService.cs,DBHelper类在其他的文章中
64. using System;
65. using System.Collections.Generic;
66. using System.Text;
67. using System.Collections;
68. using System.Data;
69. using Ajax.Model;
71. namespace Ajax.DAL
72. {
73.     public static partial class SearchKeywordService
74.     {
75.         public static string[] GetHotSearchKeywords(string keyword, int displaycount)
76.         {
77.             IList<SearchKeywords> keywords = new List<SearchKeywords>();
78.             List<string> result = new List<string>(displaycount);
80.             string sqlHot = "select top "+displaycount+" * from SearchKeywords where keyword like '"+keyword+"%' order by SearchCount desc";
81.             keywords = GetSearchKeywordBySql(sqlHot);
83.             foreach (SearchKeywords item in keywords)
84.             {
85.                 result.Add(item.Keyword);
87.             }
88.             return result.ToArray();
89.         }
90.         public static IList<SearchKeywords> GetSearchKeywordBySql(string sqlHot)
91.         {
92.             List<SearchKeywords> list = new List<SearchKeywords>();
93.             try
94.             {
95.                 DataTable table = DBHelper.GetDataSet(sqlHot);
96.                 foreach (DataRow row in table.Rows)
97.                 {
98.                     SearchKeywords skeyword = new SearchKeywords();
99.                     skeyword.id = (int)row["id"];
100.                     skeyword.Keyword = (string)row["Keyword"];
101.                     skeyword.SearchCount = (int)row["SearchCount"];
102.                     list.Add(skeyword);
103.                 }
104.                 return list;
105.             }
106.             catch (Exception e)
107.             {
108.                 Console.WriteLine(e.Message);
109.                 throw e;
110.             }
111.         }
112.     }
113. }
115. 5.业务层SearchKeywordManager.cs
116. using System;
117. using System.Collections.Generic;
118. using System.Text;
119. using Ajax.DAL;
121. namespace Ajax.BLL
122. {
123.     public class SearchKeywordManager
124.     {
125.         public static string[] GetHotSearchKeywords(string keyword, int count)
126.         {
127.             return SearchKeywordService.GetHotSearchKeywords(keyword,count);
128.         }
129.     }
130. }
132. 6.在页面根目录添加文件夹System,在System中添加Web服务页面MyWebService.asmx
133. MyWebService.asmx后台代码MyWebService.cs
134. using System;
135. using System.Web;
136. using System.Collections;
137. using System.Web.Services;
138. using System.Web.Services.Protocols;
139. using Ajax.BLL;
142. /// <summary>
143. /// MyWebService 的摘要说明
144. /// </summary>
145. [WebService(Namespace = "http://tempuri.org/")]
146. [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
147. [System.Web.Script.Services.ScriptService()]
148. public class MyWebService : System.Web.Services.WebService {
150.     public MyWebService () {
152.         //如果使用设计的组件，请取消注释以下行 
153.         //InitializeComponent(); 
154.     }
156.     [WebMethod]//Web方法
157.     public string[] GetHotSearchByKeywords(string prefixText,int count) {
158.         return SearchKeywordManager.GetHotSearchKeywords(prefixText,count);
159.     }
160.     
161. }
163. 7.新建显示页面AutoComplete.aspx
164. 在页面中拖入AJAX Extensions里的ScriptManager控件
165. 添加TextBox控件,修改ID为txtSearch
166. 拖入AutoCompleteExtender控件,并修改AutoCompleteExtender控件源码为
167. <cc1:AutoCompleteExtender
168.             TargetControlID="txtSearch"
169.             ServicePath="System/MyWebService.asmx"
170.             ServiceMethod="GetHotSearchByKeywords"
171.             MinimumPrefixLength="1" 
172.             EnableCaching="true"
173.             CompletionSetCount="10"
174.             ID="AutoCompleteExtender1" runat="server">
175.         </cc1:AutoCompleteExtender>
177. OK,完美运行
179. 数据层文件:DBhelper.cs,SearchKeywordService.cs
180. 模型层文件:SearchKeywords.cs
181. 业务层文件:SearchKeywordManager.cs
182. 表示层页面:AutoComplete.aspx,MyWebService.asmx
183. 注意添加引用