1 / 25

学习情境 5-3

学习情境 5-3. “蚂蚁商城”应用系统 商品促销信息发布. 教学目标: 掌握 DataAdapter 对象用法 掌握 DataSet 对象用法 掌握 GridView 、 DataList 和 Repeater 控件 用法 教学重点: 使用 DataAdapter 将获得的数据填充到 DataSet GridView 、 DataList 和 Repeater 控件用法 教学难点: 使用 DataSet 缓存 数据 使用 GridView 、 DataList 和 Repeater 控件显示数据 教学课时: 8 学时. 工作任务.

peyton
Download Presentation

学习情境 5-3

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. 学习情境5-3 “蚂蚁商城”应用系统 商品促销信息发布

  2. 教学目标: • 掌握DataAdapter对象用法 • 掌握DataSet对象用法 • 掌握GridView、DataList和Repeater控件用法 • 教学重点: • 使用DataAdapter将获得的数据填充到DataSet • GridView、DataList和Repeater控件用法 • 教学难点: • 使用DataSet缓存数据 • 使用GridView、DataList和Repeater控件显示数据 • 教学课时:8学时

  3. 工作任务 • 设计 “蚂蚁商城”应用系统商品促销信息发布页面,要求如下: • 分页显示最新的10条商品促销信息标题和发布时间; • 用户单击商品促销信息标题则跳转到相应的信息内容显示页面; • 用户可以单击“首页”、“上页”、“下页”、“末页”分页浏览信息; • 当信息显示第1页时“首页”及“上页”翻页按钮不可用,显示显示到最后一页时,“下页”及“末页”翻页按钮不可用。

  4. 处理在UserLogin.aspx.cs中的Page_Load()事件; • 添加Repeater控件进行数据绑定并分页显示; • 编写自定义BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息绑定到Repeater控件分页显示在页面中 • 编写首页、上页、下页和末页链接按钮的Click事件代码实现翻页

  5. 1.在系统解决方案的WebUI项目新建窗体NewsView.aspx,按照第1章中介绍的方法设计页面如图5-11所示。1.在系统解决方案的WebUI项目新建窗体NewsView.aspx,按照第1章中介绍的方法设计页面如图5-11所示。

  6. 2.在UserLogin.aspx页的HTML源视图中添加Repeater控件代码:2.在UserLogin.aspx页的HTML源视图中添加Repeater控件代码:

  7. 3.在UserLogin.aspx页设计视图中添加下列控件,并根据表5.10设置控件属性;3.在UserLogin.aspx页设计视图中添加下列控件,并根据表5.10设置控件属性;

  8. 5. 在UserLogin.aspx.cs中的Page_Load()事件中调用用户自定义的BindNewsInfo()方法对添加Repeater控件进行数据绑定并分页显示。 6.编写自定义无返回值BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息绑定到Repeater控件分页显示在页面中。 7.编写首页、上页、下页和末页链接按钮的Click事件代码实现翻页。

  9. 关键代码回顾 无返回值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();

  10. 关键代码回顾 //关闭数据连接后将查询的信息绑定到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();

  11. DataSet对象

  12. DataSet的主要属性

  13. DataTable的主要属性

  14. 用DataAdapter对象填充DataSet数据集 • 1. 使用DataAdapter对象填充DataSet数据集步骤 • (1)建立数据库的连接,并打开该连接; • (2)定义SQL命令语句; • (3)创建数据集DataSet对象; • (4)创建数据适配器DataAdapter对象; • (5)使用DataAdapter对象的Fill()方法填充数据集; • (6)关闭数据库连接。

  15. 例如:自定BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息通过DataAdapter对象填充DataSet数据集并最终绑定到Repeater控件分页显示到页面例如:自定BindNewsInfo()方法,将数据库中Table_NewsInfo表的信息通过DataAdapter对象填充DataSet数据集并最终绑定到Repeater控件分页显示到页面 (1)添加命名空间、获取Web.config中的数据库连接字符窜、创建并打开连接对象; (2)定义要执行的SQL语句,按照信息发布时间降序排列 (3)创建数据集DataSet对象:

  16. (4)创建数据适配器DataAdapter对象: (5)使用DataAdapter对象的Fill()方法填充数据集 (6)关闭数据库连接。

  17. Repeater控件

  18. Repeater控件

  19. GridView控件

  20. GridView控件

  21. GridView控件

  22. DataList控件

  23. DataList控件

  24. DataList控件

  25. 实践与练习 1.使用控件设计商品促销新闻管理模块,如图5-32所示。具体要求如下: • 当搜索栏空白时,按照发布事件分页显示所有促销信息的编号、标题和发布时间; • 用户单击添加“新闻按钮”跳转到新闻添加页面,实现新闻的录入功能,如图5-33所示 • 用户在文本框中任意输入新闻标题的关键字可以实现新闻模糊查询; • 用户单击“编辑”图片按钮跳转到新闻编辑页面,实现选中新闻的编辑功能,如图5-34所示 • 用户单击“删除”图片按钮弹出提示框,如图5-34所示,在用户确认后删除选中新闻。

More Related