第5章数据绑定与高级编码.ppt

《ASP.NET动态Web开发技术》第五章 数据绑定与高级编码 主讲教师 沈蕴梅 第5章 数据绑定与高级编码 本章要点： 录入数据方法与编码 查询数据方法与编码 删除数据方法与编码 修改数据方法与编码 技能目标： 会编码获取GridView单元格的数据 会编码实现GridView基于单元格的更新 会编码实现GridView中的数据删除 会编码处理GridView的常用事件 第5章 数据绑定与高级编码 5.1 项目导入 【项目场景】 太仓某公司要开发一个小型系统，能够实现该公司信息的增删改查功能，请你为该公司开发该系统，实现相应功能。 第5章 数据绑定与高级编码 【问题引导】 （1）如何添加数据？ （2）如何查询数据？ （3）如何删除数据？ （4）如何修改数据？ 第5章 数据绑定与高级编码 5.2技术与知识准备 5.2.1录入数据方法与编码 【示例5.1】新建一个学生管理系统，能够实现学生信息的添加功能。 第5章 数据绑定与高级编码 【步骤1】搭建系统框架，添加各层之间的依赖关系 【步骤2】创建数据库dbStu，添加数据表tbStuInfos，并配置Web.config 【步骤3】根据数据表，在实体层添加类tbStuInfo.cs 第5章 数据绑定与高级编码 【步骤4】添加数据访问类DBHelper.cs,并编写代码，见第三章内容。 【步骤5】数据访问层添加类tbStuInfoService.cs，编写代码 【步骤6】业务逻辑层编写代码 【步骤7】右击StuMWeb，添加页面Reg.aspx 【步骤8】表示层后台代码 第5章 数据绑定与高级编码 5.2.2查询数据方法与编码 ASP.NET中有以下两种数据绑定方式： 1．编码指定数据源 所谓的指定数据源的方式，就是编写代码在程序运行中动态绑定数据源，例如： GridView1.DataSource=new UserManager().GetUsers(); //业务逻辑层已编写方法GetUsers()，获取所有用户 GridView1.DataBind(); GridView1就是数据绑定控件GridView。 2．使用数据源控件 第5章 数据绑定与高级编码 第5章 数据绑定与高级编码 【示例5.2】用编码指定数据源方式实现姓名模糊查询功能 第5章 数据绑定与高级编码 【步骤1】数据访问层定义方法，实现数据查询功能 【步骤2】业务逻辑层编写代码 【步骤3】右击StuMWeb，添加StuCX.aspx页面，添加一个文本框（TextBox），一个按钮（Button），一个数据绑定控件（GridView） 【步骤4】选中GridView，点击右上角的方块 ，选中编辑列命令 【步骤5】添加BoundField字段，在DataField属性中设置显示的字段，HeaderText显示列标题 【步骤6】双击查询按钮，产生Click事件 第5章 数据绑定与高级编码 5.2.3删除数据方法与编码 我们通过点击GridView控件中的删除按钮，利用编码删除后台数据库中的相关数据。 【示例5.3】添加删除列，实现删除功能 第5章 数据绑定与高级编码 【步骤1】选中GridView，点击右上角的方块，在弹出的窗口中选中【编辑列…】命令，弹出【字段】对话框，添加TemplateField字段，并设置HeaderText属性为删除 【步骤2】再次选中GridView，点击右上角的方块，在弹出的窗口中选中【编辑模板】命令，在ItemTemplate中拖曳LinkButton控件，并设置CommandArgument属性为%#Eval(Sno) %，CommandName属性为Delete” 【步骤3】数据访问层定义方法，实现删除学生信息功能 【步骤4】业务逻辑层代码 【步骤5】表示层代码 第5章 数据绑定与高级编码 5.2.4修改数据方法与编码 GridView能够实现基于单元格的更新功能。基本思路：先使要更新的行处于编辑模式，然后在该行上直接修改。修改后，将数据更新到数据库，最后重新绑定GridView。【示例5.4】添加编辑列，实现修改功能 第5章 数据绑定与高级编码 【步骤1】数据访问层编写方法，根据学生学号实现修改功能 【步骤2】业务逻辑层编写方法，调用数据访问层方法 【步骤3】设置模板列。选中GridView，点击右上角的方块，在弹出的窗口中选中【编辑列…】命令，弹出【字段】对话框，选择学号列，ReadOnly属性设置为“True”（学号不可修改），依次选择姓名、性别、专业、籍贯，点击右下角“将此字段转换为TemplateField” 第5章 数据绑定与高级编码 【步骤4】添加命令按