Web技术应用项目化教程项目4任务4.3.pptVIP

《Web技术应用项目化教程》 第*页 项目四 ADO.NET组件和Web数据控件 理解与掌握SqlDataSource数据源控件、 Web数据控件及其使用方法。 项目四目标 任务4.3 使用Repeater显示学生成绩信息 【知识准备】 Repeater控件 Repeater控件是一个基本模板数据绑定列表控件。它与下一任务 的DataList控件相似，可用来显示被绑定数据项的一个循环序列， 都没有内置分页功能。两者也不同：DataList控件提供了布局功能， 会自动在数据项周围生成一个HTML表格，有内置的选择和编辑功能， 而Repeater控件则不然。Repeater控件比DataList控件功能简单， 它没有内置的HTML布局标记、格式设置及样式标记等。Repeater控 件没有内置的选择和编辑功能，它只能用于数据显示。Repeater控件 具有更好的灵活性和更高的效率。不过Repeater控件的所有代码 必须在Web页面的“源”视图中手工添加。 任务4.3 使用Repeater显示学生成绩信息 任务4.3 使用Repeater显示学生成绩信息 【知识准备】 Repeater控件 Repeater控件是一个基本模板数据绑定列表控件。它与下一任务 的DataList控件相似，可用来显示被绑定数据项的一个循环序列， 都没有内置分页功能。两者也不同：DataList控件提供了布局功能， 会自动在数据项周围生成一个HTML表格，有内置的选择和编辑功能， 而Repeater控件则不然。Repeater控件比DataList控件功能简单， 它没有内置的HTML布局标记、格式设置及样式标记等。Repeater控 件没有内置的选择和编辑功能，它只能用于数据显示。Repeater控件 具有更好的灵活性和更高的效率。不过Repeater控件的所有代码 必须在Web页面的“源”视图中手工添加。 任务4.3 使用Repeater显示学生成绩信息 【任务要求】 （1）使用Repeater控件显示学生成绩信息。 （2）使用Repeater控件实现学生成绩记录的交替与分隔显示。 【任务分析】 根据任务要求，需要一个SqlDataSource控件、一个Repeater控件， 其属性设置如表4.19所示。 任务4.3 使用Repeater显示学生成绩信息 【任务要求】 （1）使用Repeater控件显示学生成绩信息。 （2）使用Repeater控件实现学生成绩记录的交替与分隔显示。 【任务分析】 根据任务要求，需要一个SqlDataSource控件、一个Repeater控件， 其属性设置如表4.19所示。 任务4.3 使用Repeater显示学生成绩信息 图4.46 任务4.3运行的结果 任务4.3 使用Repeater显示学生成绩信息 【操作步骤】 （1）创建一个网站，名称为“4_3”。在Default.aspx页面上拖放一个 SqlDataSource和Repeater控件，并根据表4.19设置控件属性 （或同任务4.1.4一样配置SqlDataSource数据源），需要设置 Repeater的DataSourceID=“SqlDataSource”，这里就不再赘述。 设置Default.aspx的标题为“4_3.aspx”。 （2）在head/head中加入如下代码，设置表格table样式。 style type=text/css table{font-size:12px;cellspace:1px;cellpadding=5px;} /style （3）页眉模板的设计。其代码如下。 任务4.3 使用Repeater显示学生成绩信息 HeaderTemplate table border=0 cellpadding=5px cellspacing=1px“ style=background-color: Black; margin: 10px; thead tr style=background-color: #eff; th colspan=11 style=width: 500px 学生成绩信息/th /tr tr style=background-color: #eff; th style=width: 30px学号/th ……//略去类似代码 th style=width: 50px班级/th /tr /