250 likes | 433 Views
学习情境 5-3. “蚂蚁商城”应用系统 商品促销信息发布. 教学目标: 掌握 DataAdapter 对象用法 掌握 DataSet 对象用法 掌握 GridView 、 DataList 和 Repeater 控件 用法 教学重点: 使用 DataAdapter 将获得的数据填充到 DataSet GridView 、 DataList 和 Repeater 控件用法 教学难点: 使用 DataSet 缓存 数据 使用 GridView 、 DataList 和 Repeater 控件显示数据 教学课时: 8 学时. 工作任务.
E N D
学习情境5-3 “蚂蚁商城”应用系统 商品促销信息发布
教学目标: • 掌握DataAdapter对象用法 • 掌握DataSet对象用法 • 掌握GridView、DataList和Repeater控件用法 • 教学重点: • 使用DataAdapter将获得的数据填充到DataSet • GridView、DataList和Repeater控件用法 • 教学难点: • 使用DataSet缓存数据 • 使用GridView、DataList和Repeater控件显示数据 • 教学课时:8学时
工作任务 • 设计 “蚂蚁商城”应用系统商品促销信息发布页面,要求如下: • 分页显示最新的10条商品促销信息标题和发布时间; • 用户单击商品促销信息标题则跳转到相应的信息内容显示页面; • 用户可以单击“首页”、“上页”、“下页”、“末页”分页浏览信息; • 当信息显示第1页时“首页”及“上页”翻页按钮不可用,显示显示到最后一页时,“下页”及“末页”翻页按钮不可用。
处理在UserLogin.aspx.cs中的Page_Load()事件; • 添加Repeater控件进行数据绑定并分页显示; • 编写自定义BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息绑定到Repeater控件分页显示在页面中 • 编写首页、上页、下页和末页链接按钮的Click事件代码实现翻页
1.在系统解决方案的WebUI项目新建窗体NewsView.aspx,按照第1章中介绍的方法设计页面如图5-11所示。1.在系统解决方案的WebUI项目新建窗体NewsView.aspx,按照第1章中介绍的方法设计页面如图5-11所示。
2.在UserLogin.aspx页的HTML源视图中添加Repeater控件代码:2.在UserLogin.aspx页的HTML源视图中添加Repeater控件代码:
3.在UserLogin.aspx页设计视图中添加下列控件,并根据表5.10设置控件属性;3.在UserLogin.aspx页设计视图中添加下列控件,并根据表5.10设置控件属性;
5. 在UserLogin.aspx.cs中的Page_Load()事件中调用用户自定义的BindNewsInfo()方法对添加Repeater控件进行数据绑定并分页显示。 6.编写自定义无返回值BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息绑定到Repeater控件分页显示在页面中。 7.编写首页、上页、下页和末页链接按钮的Click事件代码实现翻页。
关键代码回顾 无返回值BindNewsInfo()方法 //定义当前页 int currentPage=Convert.ToInt32(this.LblCurrentPage.Text); //用PagedDataSource实现分页 PagedDataSource Pgds = new PagedDataSource(); SqlConnection connection = new SqlConnection(connectionString); string sqlQuery = "select * FROM Table_NewsInfo order by NewsAddedTime desc"; SqlCommand myCmd = new SqlCommand(sqlQuery, connection); // 创建Command命令 DataSet ds = new DataSet();//定义数据集 connection.Open(); //创建数据适配器SqlDataAdapter对象 SqlDataAdapter da = new SqlDataAdapter(myCmd); da.Fill(ds, "news");//填充数据集 connection.Close();
关键代码回顾 //关闭数据连接后将查询的信息绑定到DataSource Pgds.DataSource = ds.Tables[0].DefaultView; //设置允许分页 Pgds.AllowPaging = true; //分页显示10条数据 Pgds.PageSize = 10; //当前页索引为页码-1 Pgds.CurrentPageIndex = currentPage - 1; ………………………………………… this.LblTotalPage.Text = Convert.ToString(Pgds.PageCount); this.RepNewsInfo.DataSource = Pgds; this.RepNewsInfo.DataBind();
用DataAdapter对象填充DataSet数据集 • 1. 使用DataAdapter对象填充DataSet数据集步骤 • (1)建立数据库的连接,并打开该连接; • (2)定义SQL命令语句; • (3)创建数据集DataSet对象; • (4)创建数据适配器DataAdapter对象; • (5)使用DataAdapter对象的Fill()方法填充数据集; • (6)关闭数据库连接。
例如:自定BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息通过DataAdapter对象填充DataSet数据集并最终绑定到Repeater控件分页显示到页面例如:自定BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息通过DataAdapter对象填充DataSet数据集并最终绑定到Repeater控件分页显示到页面 (1)添加命名空间、获取Web.config中的数据库连接字符窜、创建并打开连接对象; (2)定义要执行的SQL语句,按照信息发布时间降序排列 (3)创建数据集DataSet对象:
(4)创建数据适配器DataAdapter对象: (5)使用DataAdapter对象的Fill()方法填充数据集 (6)关闭数据库连接。
实践与练习 1.使用控件设计商品促销新闻管理模块,如图5-32所示。具体要求如下: • 当搜索栏空白时,按照发布事件分页显示所有促销信息的编号、标题和发布时间; • 用户单击添加“新闻按钮”跳转到新闻添加页面,实现新闻的录入功能,如图5-33所示 • 用户在文本框中任意输入新闻标题的关键字可以实现新闻模糊查询; • 用户单击“编辑”图片按钮跳转到新闻编辑页面,实现选中新闻的编辑功能,如图5-34所示 • 用户单击“删除”图片按钮弹出提示框,如图5-34所示,在用户确认后删除选中新闻。