y2-net2使用技术开发网上书店

图书详细数据的更新第八章回顾和作业点评在中，数据绑定有哪两种方法？如何将GridView控件绑定到数据数据源？预习检查常用的富文本控件有哪些？实现图片上传功能需要哪种控件？Server对象常见的方法有哪些？本章任务构建管理端图书详细信息页面实现管理端图书详细信息的更新功能实现管理端图书添加功能添加按钮本章目标掌握第三方控件FCKeditor、JS版日历的使用掌握控件FileUpload的使用能编码实现详细信息页面的更新、插入操作掌握Server对象的常用方法详细信息页面应用

显示图书的详细信息图书列表页图书详细信息页图书详细页面的搭建2-1功能需求：处理章节标题的缩进、换行等书籍图片需要更新，实现上传功能出版日期需要提供日期选择以及格式验证

如何实现上面的功能？图书详细页面的搭建2-2控件的使用富文本控件日期输入控件图片上传控件富文本控件

常用富文本控件常用控件说明RichTextBox最早的富文本控件，富文本控件因它而得名

FCKeditor国外一个开源项目，已经命名为CKedtorCuteEditor功能最为完善，但它自身也是相当庞大eWebEditor国产软件，有中国特色FreeTextBox简单方便，在国内使用相当普遍FCKeditor3-1下载FCKeditorFCKeditor2.6.6从官网“”下载配置FCKeditor将控件dll文件添加到VisualStudio工具箱将FCKeditor_2.6.6.zip解压到网站根目录下修改web.config文件<appSettings><addkey="FCKEditor:BasePath"value="~/fckeditor/"/><addkey="FCKEditor:UserFilesPath"value="~/userfiles/"/></appSettings>FCKeditor文件的路径

用户上传文件的存储路径，目录要有写权限

FCKeditor3-2使用FCKeditor控件<%@RegisterAssembly="FredCK.FCKeditorV2"Namespace="FredCK.FCKeditorV2"TagPrefix="FCKeditorV2"%><FCKeditorV2:FCKeditorID="FCKeditor1"runat="server"></FCKeditorV2:FCKeditor>

使用的程序集标签前缀FCKeditor3-3由安全机制引起的常见错误修改错误的方法在Page指令上添加：ValidateRequest="false"演示示例：富文本框控件日期输入控件2-1Calendar控件

属性说明SelectedDate设置或获取选择的日期VisibleDate当前可见的日期（默认显示的月份）TitleFormat标题格式（“某月”或“某年某月”）事件说明SelectionChanged

选择某日期后的事件日期输入控件2-2JS版日历使用方法<asp:TextBoxID="txtDate"runat="server"CssClass="Wdate"onFocus="WdatePicker()"></asp:TextBox><scriptlanguage="javascript"type="text/javascript"src="../My97DatePicker/WdatePicker.js"></script>

添加在页面<title></title>标签中

onFocus事件中添加WdatePicker()方法封面图片的上传2-1FileUpload类的常用属性和方法属性说明FileName上传文件的文件名HasFile是否存在上传文件。如果是返回true；否则返回false方法说明SaveAs()将上传文件的内容保存到Web服务器上的指定路径封面图片的上传2-2实现图片上传.aspx文件实现代码.cs文件实现代码<%--省略其他HTML代码--%>functionCheckImg(FileUpload){varmime=FileUpload.value;mime=mime.toLowerCase().substr(mime.lastIndexOf("."));if(mime!=".jpg"){FileUpload.value="";alert("仅支持JPG格式");}}<%--省略其他HTML代码--%><asp:FileUploadID="fuImage"onchange="CheckImg(this)"runat="server"/><br/><%--添加了一个“提交”按钮--%><asp:ButtonID="btnSubmit"runat="server"Text="提交"onclick="btnSubmit_Click"/>protectedvoidbtnSubmit_Click(objectsender,EventArgse){if(this.fuImage.HasFile){stringfileName=this.fuImage.FileName;stringstrPath=Server.MapPath("res"+"/"+fileName);fuImage.SaveAs(strPath);}}图片保存到服务器上strPath指定的路径下上传之前检查文件是否存在演示示例：封面图片的上传

训练要点：第三方控件FCKeditor、JS版日历控件的使用ASP.NET控件FileUpload控件的使用需求说明：除出版社、分类、内容摘要外进行非空验证只允许上传jpg格式的图片指导——构建图书详细信息页面2-1讲解需求说明指导——构建图书详细信息页面2-2实现思路：图书封面使用FileUpload控件实现更新功能只允许上传jpg格式的图片出版日期使用JS版日历控件目录使用FCKeditor第三方控件除出版社、分类、内容摘要外进行非空验证完成时间：25分钟Server对象4-1实现图片上传protectedvoidbtnSubmit_Click(objectsender,EventArgse){if(this.fuImage.HasFile){stringfileName=this.fuImage.FileName;stringstrPath=Server.MapPath("res"+"/"+fileName);fuImage.SaveAs(strPath);}}获取上传文件的完整物理路径

Server对象4-2Server对象的常用方法方法说明HtmlEncode()将一个字符串进行编码，使其在浏览器中正确显示HtmlDecode()此方法对已编码内容解码MapPath()此方法带有一个虚拟路径，可返回该路径在物理磁盘中的准确位置UrlEncode()对URL地址进行编码UrlDecode()对URL地址进行解码Execute()在当前页面执行参数指定的页面，执行完成后继续执行本页面Transfer()参数指定的页面处理完成后，页面执行就结束Server对象4-3Server.MapPath("~/default.aspx");返回default.aspx的物理路径

Server.Transfer（"default.aspx"）Server.Execute

（"default.aspx"）Server.Redirect（"default.aspx"）都实现了同一个页面跳转

Server.Transfer()、Server.Execute()、Response.Redirect()有什么不同？Server对象4-4Server.UrlEncode（"~/B.aspx?id=123&&key=4&5"

）stringpara=Server.UrlEncode("4&5");Response.Redirect("~/B.aspx?id=123&&key="+para);下面代码中key的值是什么?确保能够传输url中的中文字符及特殊字符，例如“&

”

4&5

员工详细信息更新数据更新2-1点击进入详细页面数据更新2-2GridView数据绑定完成显示功能添加GridView事件SelectedIndexChangingprotectedvoidgvHR_SelectedIndexChanging(objectsender,GridViewSelectEventArgse){intindex=e.NewSelectedIndex;//获取新选择的行

stringkey=this.gvHR.Rows[index].Cells[0].Text;Response.Redirect("modify.aspx?id="+key);}跳转到修改页面设置数据源中字段的名称

设置页面跳转路径

演示示例：员工详细页面的更新

也可以通过设置HyperLinkField字段实现参数传递获取并显示员工详细信息获取并绑定用户信息工作岗位绑定到DropDownList根据员工编号查询员工信息并实现绑定protectedvoidPage_Load(objectsender,EventArgse){if(!Page.IsPostBack){this.BindDDL();//自定义方法，实现dropDownList的数据绑定

stringkey=Request["id"].ToString();GetInfoById(key);//自定义方法，根据Id取得用户信息

}}privatevoidGetInfoById(stringkey){stringsql="select*fromusersa,postbwherea.postid=b.postid"+"anda.userid="+key;SqlDataReaderdr=SqlHelper.ExecuteReader(SqlHelper.ConnectionString,CommandType.Text,sql,null);if(dr.Read()){…//绑定到页面控件

}dr.Close();}获取员工信息

不要忘记关闭DataReader保存用户信息关键代码SqlParameter[]para=newSqlParameter[]{newSqlParameter("@userId",Request["id"].ToString()),newSqlParameter("@username",txtName.Text.Trim()),newSqlParameter("@gender",rbtnMale.Checked?"True":"False"),newSqlParameter("@postID",ddlpost.SelectedValue.ToString()),newSqlParameter("@telePhone",txtPhone.Text.Trim()),newSqlParameter("@txtAddress",txtAddress.Text.Trim())};stringstrSql="update[users]set[username]=@username,"+"[gender]=@gender,[postID]=@po