第六章 后商品显示.pptVIP

学习情境6 后台商品显示 廖黎莉 任务描述 熟练使用gridview控件进行数据的查询与展示 熟练使用objectdatasource控件帮顶业务逻辑层返回的对象 熟练使用gridview控件的摸板列进行数据显示 6.1商品分页显示 熟练使用objectdatasource控件绑定业务逻辑层返回的对象。 熟练使用gridview控件的模板列和绑定列显示商品信息。 正确使用数据绑定的不同方法。 1.数据源和数据绑定控件(1) 数据源控件： Sqldatasource:允许访问支持ADO.NET数据提供程序的所有数据源，可以访问ODBC、SQLServer等。 Accessdatasource:继承自Sqldatasource，专门用于访问Access数据库。 Objectdatasource:表示具有数据检索和更新功能的业务层对象 。 Xmldatasource:可以对XML文档执行特定访问，包括物理访问和内存访问。 Sitemapdatasource:专门处理类似站点地图的XML数据，默认数据源是.sitemap。 大多数 ASP.NET 数据源控件，如 SqlDataSource，都在两层应用程序层次结构中使用。在该层次结构中，表示层（ASP.NET 网页）可以与数据层（数据库和 XML 文件等）直接进行通信。但是，常用的应用程序设计原则是，将表示层与业务逻辑相分离，而将业务逻辑封装在业务对象中。这些业务对象在表示层和数据层之间形成一层，从而生成一种三层应用程序结构。ObjectDataSource 控件通过提供一种将相关页上的数据控件绑定到中间层业务对象的方法，为三层结构提供支持。在不使用扩展代码的情况下，ObjectDataSource 使用中间层业务对象以声明方式对数据执行选择、插入、更新、删除、分页、排序、缓存和筛选操作。 1.数据源和数据源绑定控件(2) 数据绑定控件： Gridview:以表格形式实现数据的展示 Detailsview:显示单条记录 Dropdownlist:下拉列表控件，显示单列属性值 数据源绑定方式 通过编写代码指定数据源 使用数据源控件指定数据源 2.Gridview控件 Gridview控件：可实现以表格的方式实现数据的展示，并集编辑、分页和排序功能。 Boundfield:用于显示普通文本（DataField），dataformatstring属性 {0:c}：设置显示的内容是货币类型 {0:d}：设置显示的内容是数字 {0:yy-mm-dd}：设置显示的是日期格式 Templatefield:允许以模板的形式自定义数据绑定列的内容。 标头（headertemplate） 脚注（headertemplate） 普通项（itemtemplate） 交替项（alternatingtemplate） 编辑模式（edittemplate） GridView控件的数据绑定方式 除了前两种方式外，还有5种方式： CheckBoxField HyperLinkField:118页图6-16 ImageField ButtonField CommandField 绑定字段的方法 Bind方法：可读写方法 Eval方法：只读方法 注意：如果绑定的是一个对象，可以绑定在该对象的显示属性上，例： %#Eval(“Category.Name”)% 3.商品分页显示的实现 用后台模板新建页面 实现商品页显示的操作过程 选择新数据源，使用objectdatasource “选择业务对象”-选择productmanager类 “定义数据方法”-getallproducts方法 设置需要显示的列 编辑gridview的“全选”模板 进入“商品类别”列编辑模板 进入“id”列编辑模板 在GridView中，分页通过AllowPaging属性设为“真” 6.2多选和光棒效果 光棒效果：当鼠标停留在gridview某一数据行时，该数据行高亮显示。 多选效果：当选中标题上的“全选”时，所有的复选框选中。 1.光棒效果的实现思路 高亮显示即改变某行的背景色，可通过this.style.backgroundcolor来获取或设置某对象的背景色 对数据行添加两个事件onmouseover和onmouseout。 Onmouseover为高亮颜色， onmouseout为变色之前颜色。 Gridview，onrowdatabound行绑定事件，在绑定行的时候，设置当前行的鼠标移动光棒效果。 2.多选效果的实现思路 采用客户端脚本实现，head模板上的“全选”的checkbox应为html服务器控件。 多选的checkbox控件在浏览器中显示时，最终生成checkbox。可采用遍历所有的input标签，对比其type属性不是chec