周2-改善用户体验 提高可维护性.ppt

Copyright@2006 College of ITSoft (HZIEE) * Version No: 1.0 Copyright@2006 College of ITSoft (HZIEE) Version No: 1.0 第15周之2电子商务网站的制作之11--改善用户体验、提高可维护性 * 1.注册时异步检测会员名是否可用 2.实现修改购物车数量时的异步刷新 3. web service的创建和调用 4.互联网上的web service的调用 内容 * 一、注册时异步检测会员名是否可用 1. 会员注册页面添加一个label控件以输出提示信息： 2. 给txtUname文本框添加autopostback=true属性，在设计界面双击文本框，后台生成txtUname_TextChanged 函数。 * 3. 后台添加以下函数以检测会员名是否存在。 protected bool isUnameExisted(string uname) { string cnnstr = ConfigurationManager.ConnectionStrings[ConnectionString].ConnectionString; SqlConnection connection = new SqlConnection(cnnstr); string queryString = select top 1 * from users_tab where uname=@uname; SqlDataAdapter adapter = new SqlDataAdapter(queryString, connection); adapter.SelectCommand.Parameters.AddWithValue(@uname, uname); DataSet ds = new DataSet(); adapter.Fill(ds);//填充数据集 if (ds.Tables[0].Rows.Count 0)//数据集第一张表中有数据吗？ {//有，用户名已存在返回true return true; } else { return false; } } * protected void txtUname_TextChanged(object sender, EventArgs e) { if (isUnameExisted(txtUname.Text.Trim())) { Label1.Text = 该会员名已存在，请换一个。; } else { Label1.Text = 恭喜，该会员名可用。; } } 4. 修改txtUname_TextChanged函数。然后运行页面输入注册会员名后鼠标在文本框外点击会发现可以检测会员名了，但整个页面会刷新。 * 5. 在注册页面的form id=“form1” runat=“server”之后声明一个ScriptManager。可以从工具箱拖放ScriptManager控件，也可以直接写以下代码： asp:ScriptManager ID=ScriptManager1 runat=server/asp:ScriptManager 6. 在设计界面，txtUname控件的上方添加一个UpdatePanel控件。然后将文本框及label1控件等需要局部刷新的控件移到UpdatePanel控件内。也可以直接写代码。 * 7. 相关代码如下（注意红色部分）。运行页面输入注册会员名后鼠标在文本框外点击会发现可以检测会员名，且不是整个页面刷新。 trtd width=100px会员名：/tdtd asp:UpdatePanel ID=UpdatePanel1 runat=server ContentTemplate asp:TextBox ID=txtUname runat=server AutoPostBack=true ontextchanged=txtUname_TextChanged/asp:TextBox asp:RequiredFieldValidator ID=Requir