窗体与数据显示控件.ppt

第6章窗体与数据显示控件 ASP NET的Web窗体提供了大量的数据显示处理控件 其中最重要的有3种 即GridView控件 DataList控件和Repeater控件 Web窗体是ASP NET的重要组成部分 是ASP NET开发的核心 特点 为客户端引入了HTML编程的新模式为服务器端引入了控件事件处理的模式整个编程环境提供了类似窗体编程的处理模式 Web窗体包含传统网页设计的所有处理方式 同时提供了不同于传统意义上的网页设计的方式 引入了用户控件和服务器控件等传统窗体处理模式 6 1Web窗体 Web窗体加入了新的指令和新的可重用选项 以及新的服务器端数据绑定语法等 一 Web窗体文件构成 aspx的文本文件 包含所有HTML的标记符号和相关指令代码等 该文件必须存在 在集成编辑环境中表现为文本视图 源 和可视化试图 设计 aspx cs的程序代码 包含页面类的所有申明和事件处理代码 该文件内容可以内嵌在aspx文件中 6 1 1页面组成及元素 Default aspx文件代码中出现了ASP NET页面中很多的元素 包括 服务器端注释指令静态HTML代码服务器控件自定义服务器控件用户控件 2 页面元素 2页面元素 ASP NET的窗体模型提供了用户与服务器端交互的模式 用户可以通过控件与服务器端的交互完成程序的执行 这些程序的执行依靠Web应用程序的回发特性完成 第一次执行ASP NET的页面时 页面内的代码会被编译成从Page基类继承来的类 编译完成之后 类将被执行 生成可识别的HTML标志流回传客户端 HTML标记的效果将显示在浏览器上 然后类将被从内存中删除 每个ASP NET的Web窗体都包含一个标记 当用户提交一个窗体后 该标记将指示页面回发给自己 为了在页面请求之间维持状态 ASP NET运行库也为隐藏窗体字段提供了相应的功能 6 1 2页面生存周期 当页面被处理完成并且输出到浏览器后 页面以及其控件立即被卸载 这个过程如下 1 用户通过浏览器请求页面 http 2 加载并初始化页面和控件 3 如果请求的页面是回发的结果 控件状态从视图状态加载 并应用用户提交的任何改变 4 页面事件处理程序和用于用户操作触发事件的事件处理程序被执行 5 将控件状态保存到视图状态中 6 将页面的HTML输出到浏览器中 7 卸载页面和控件 6 1 2页面生存周期 在ASP中使用了少量的指令 这些指令在ASP NET中不但被保留 而且增加了很多属性 除此之外 ASP NET还增加了新的指令 这些指令包括控制页面行为和配置到缓存输出等 例如 6 1 3 Page指令 页面专有属性 1 Page指令的属性 1 Page指令的属性 页面跟踪启用之后 将调试语句直接写入页的输出中 并且有条件地运行调试代码 可以按照如下语法设置启用页面跟踪 也可以使用Page指令的TraceMode属性 对跟踪语句按照类别的组织 2 Page指令的跟踪属性 例 protectedvoidButton1 Click objectsender EventArgse inti 10 j k 声明3个整数变量 为整数j赋值j Int32 Parse tbComputer Text 为整数k赋值k i j Response Write k 输出整数k的值 在默认情况下 该属性默认为SortByTime 如下 页声明Trace属性用于将语句输出调试到页输出 在启用了跟踪语句后 可以使用Trace Write和Trace Warn方法写到调试语句 但是两种方法都采用消息字符串或者类别和消息字符串 其中Trace Warm是以红色的字符串输出 Import指令用于向页面导入 NET框架命名的命名空间或者自定义空间 导入命名空间之后 在代码中就不再显式地使用命名空间的全名了 Import指令只有Namespace一个属性 这个属性指定要导入的命名空间 Import指令的语法如下 6 1 4 Import指令 导入指令 Assembly指令用于在编译时将程序集链接到页面中 这使得开发人员可以使用程序集公开的所有类和方法等 在链接应用程序bin子目录时不需要使用 Assembly指令 这些程序集会根据Machine config配置文件中的自动链接 6 1 5 Assembly指令 程序集链接 6 2DataBind技术 绑定属性绑定到集合绑定表达式或者函数 数据绑定 DataBind是一种全新的技术 通过它可以将程序中的执行数据与页中的属性 集合 表达式以及函数结果 绑定 binding 在一起 换句话说 只要程序中相应的数据发生变化 那么这些与数据 绑定 在一起的属性 集合 表达式以及函数结果的值就会随之改变 数据绑定 数据绑定几乎可以把任何类型的数据绑定到ASP NET页面中的任何控件或其属性中 可以完全控制数据库和页面之间的移动 可以把数据显示给用户 设置控件上的样式属性 或让用户直接修改数据库 简单绑定 使用数据表达式复杂绑定 使用控件的DataSource绑定数据库内容 数据绑定 数据绑定 从上面的例子可以看出 绑定的数据包含在 标签之内 这与标签有些相似 千万不要以为它们的 样子 差不多就认为它们的功能也是一样的 与之间的差别非常大 之间的代码将会被直接执行之间包含的代码 仅仅在DataBind 方法调用后 才会被执行 Page以及所有Server控件都拥有DataBind万法 1绑定属性 ASP NET数据绑定语法支持绑定到共有变量 页面上定义的属性对象以及页面上其他控件的属性 绑定到属性的语法是 绑定属性 绑定数据到属性publicstringname 刘涛 publicintage 25 voidPage Load objectsender System EventArgse Page DataBind 绑定属性 绑定数据到属性示例姓名 年龄 城市 runat server 请输入城市 2绑定表达式或者函数 在很多情况下 需要在数据绑定到控件之前对数据本身进行一些处理 此时程序可以将数据交给事先定义的函数处理 然后再返回 绑定到表达式的语法是 3绑定到集合 列表类的服务器控件 如数据列表控件 下拉列表框控件等可以使用一个集合作为数据源 绑定的集合有 ArrayList 数组 HashTable 哈希表 DataView 数据视图 DataReader 数据访问器 绑定表达式或者函数 ArrayListarray newArrayList voidPage Load objectsender System EventArgse array Add 中国 array Add 韩国 array Add 英国 array Add 法国 myDataList DataSource array myDataList DataBind stringShow stringstrCountry if strCountry 中国 strCountry 韩国 return 亚洲 elsereturn 欧洲 绑定表达式或者函数 数据绑定到函数或表达式示例国家 属于 在ASP NET1 1中 微软为 NET开发人员提供了一种新的服务器控件 即DataGrid控件 该控件能够独立地显示数据源中的数据 并且能进行在线编辑 数据排序和分页等工作 经过长期的实践和设计后 微软在ASP NET2 0中正式推出了GridView控件 6 3GridView控件 GridView控件以表格形式布局显示数据 在默认情况下 GridView以只读模式显示数据 也能够在运行时自动在可编辑控件中显示数据 还可通过 属性生成器 对话框创建 选择 编辑 更新 和 取消 按钮及编程结构 GridView支持分页和排序功能 可使用控件的自定义导航功能通过控制发送到客户端浏览器的数据量来提高性能 6 3 1GridView控件概述 6 3 1GridView控件概述 GridView有个重要的属性 DataSource属性 最简单地讲 就是一组相同特征的对象或者一个相同对象的集合Items集合 每一个列表绑定控件都有一个Items集合 集合中的每一个Item是DataSource所指定的一个对象数据绑定列表绑定控件基于ASP NET框架 需要你明确地进行数据绑定 这就意味着 只有当DataBind方法被调用时 才真正需要提取其DataSource所代表的数据 当DataBind方法被调用时 列表绑定控件将提取DataSource 创建Items集合 并从DataSource取回数据 以初始化Items集合 6 3 1GridView控件概述 GridView控件可用于创建各种样式的表格 它还支持对项目的选择和操作 是最复杂 功能最强大的控件GridView的AutoGenerateColumns属性缺省是True 当AutoGenerateColumns为True时 GridView将检查其数据源和其对象映射 并为每一个共有属性或者字段创建一个列 每一个自动产生的列称为一个BoundColumn 绑定列 绑定列根据其数据表对应列的数据类型 自动将其转化为一个字符串 显示在表格的一个单元中 数据绑定方法 DataBinder Eval Eval Bind1 Eval方法是静态 只读 方法 该方法采用数据字段的值作为参数并将其作为字符串返回 DataBinder Eval Container DataItem IntegerValue 0 c 2 Bind方法支持读 写功能 可以检索数据绑定控件的值并将任何更改提交回数据库 6 3 1GridView控件概述 6 3 2GridView控件使用 1 GridView控件的基本使用 显示数据 2 GridView控件的属性设定3 GridView控件的分页和排序 实例分析已知学生档案信息表 通过绑定方式显示学生的信息 操作 1 学生档案表建立 2 建立查询网页 3 配置数据源 DataSource 4 设置绑定效果 1GridView控件的基本使用 显示数据 1 自动套用格式 2 列 字段 的设置字段属性的设置 标题 宽度 字体 颜色 字号 特殊类型字段添加模版字段的设置 3 事件处理特定事件处理自定义事件处理 2GridView控件的属性设定 1 分页在ASP NET2 0中 使用SqlDataSource控件进行分页是十分容易的事情 SqlDataSource数据源控件是用来与数据为打交道的 可以读取数据库中的数据 并可以和GridView等控件进行绑定 如果要对分页时每页显示多少条数据进行显示 则只需要设置GridView的PageSize属性即可 设置 AllowPaging True PageSize 3 3GridView控件的分页和排序 有时需要立即返回首页或者前进到最后一页 为此GridView控件提供了PagerStyle和PagerSettings属性 PagerStyle属性对显示页数的属性进行设置 PagerSettins属性则是设置往返页面链接的一些属性 如链接的文字和模式等 3GridView控件的分页和排序 2 排序设置 AllowSorting True SortExpression XM 3GridView控件的分页和排序 6 4Repeater控件 Repeater控件是一种比较实用的Web控件 它通过重复的列表来显示数据项 以一种重复清单的方式将数据一行行显示出来 它本身不提供内建的布局和风格 需要开发者自定义模板来实现它的布局和风格 除此之外 它也不具备数据编辑 排序 分页 选取的功能 Repeater控件 声明一个Repeater控件的语法形式如下templatecontent 模板是一种控件 它能够使用HTML标签 文本及其他控件来控制数据的显示 Repeater控件允许在Template中使用HTML片断的 Repeater控件 ItemTemplate Repeater控件必须使用该模板 它针对每一条记录显示在一行 也可以绑定到其它控件中 AlternatingItemTemplate 与ItemTemplate相同 可以设置隔行样式 HeaderTemplate和FooterTemplate 所有记录的前后显示HTML 典型的是和SeparatorTemplate 数据记录之间显示间隔符号 如 Repeater控件 Repeater控件案例分析 连接定义 region连接stringConnstr 连接串Connstr Provider SQLOLEDB DataSource ntserver0 UserId sa Password ConnectTimeout 30 InitialCatalog MyDb System Data OleDb OleDbConnectionconn conn newOleDbConnection Connstr conn Open 打开连接 endregion Repeater控件案例分析 连接定义 System Data OleDb OleDbCommandCm Cm newOleDbCommand Cm Connection conn Cm CommandType System Data CommandType Text Cm CommandText select fr