Web应用程序设计案例教程第7章
合集下载
Web前端开发实例教程PPT课件(共13章)第7章 JavaScript编程基础
document.write(typeof 3*2 + "<br>");
/输出/NaN
document.write(typeof false + "<br>");
//输出boolean
document.write(typeof varX + "<br>");
//输出undefined
document.write(typeof [1,2,3] + "<br>");
7.4.3 运算符和表达式
4．布尔（逻辑）运算符和布尔表达式 布尔运算符有：&&（与）、||（或）、!（非、取反）、?:（ 条件）。 逻辑表达式是由逻辑运算符组成的表达式。逻辑表达式的结 果只能是布尔值，即true或false。 5．位运算符和位表达式 位运算符分为位逻辑运算符和位移动运算符。
7.4.3 运算符和表达式
7.1 JavaScript概述
7.1 JavaScript概述
JavaScript是一种脚本语言，是一种介于HTML与高级编程语言 （Java、VB和C++等）之间的特殊语言。客户端脚本常用来响应用 户动作、验证表单数据，以及显示各种自定义内容，如对话框、动 画等。
JavaScript是一种基于对象（Object）和事件驱动（Event Driven），并且具有安全性能的脚本语言。它可与HTML、CSS一起 实现在一个Web页面中链接多个对象，与Web客户交互的作用，从 而开发出客户端的应用程序。
<script type="text/javascript" src="路径/脚本文件名.js"></script>
Java-Web应用开发技术与案例教程课件第6-7章全文
注释配置格式示例：
@WebServlet(
displayName = "This is Login Action", //描述
name = "LoginAction",
//Servlet名称
urlPatterns = {
//请求url，可以配置多个，用逗号间隔
"/servlet/studentLoginAction",
javax.servlet.http.HttpServletRequest， javax.servlet.http.HttpServletResponse
javax.servlet.http.HttpSession， javax.servlet.http.HttpSessionBindingListener
第6章 Servlet技术
在Web应用程序开发中，一般由JSP技术、JavaBean技术和Servlet技术的 结合实现MVC开发模式。
在MVC开发模式中，将Web程序的组件分为3部分：视图、控制、业务， 分别由JSP、Servlet和JavaBean实现。
前几章已经介绍了JSP和JavaBean技术。
javax.servlet.http.HttpSessionBindingEvent
javax.servlet.ServletContext
javax.servlet.RequestDispatcher javax.servlet.http.Cookie，javax.servlet.http.HttpUtils
本章介绍Servlet技术，以及它与JSP、JavaBean技术的集成。 Servlet就是一种具有特殊要求的Java类，可以在web服务器直接运行。
《ASP NET程序设计案例教程》课件第7章
Application_UpdateRequestCache
Application_EndRequest
说明
在处理程序完成处理后，先激发这个事件
在应该存储请求状态时，调用这个事件，因为 Web 应用程序以此事件结束
这个事件发出信号表明代码处理已经完成，且文件 准备好被加入 缓存中
说明 无论何时收到一个新请求，该事件都被激发 该事件表明请求已准备好接受验证 该事件发出信号表明请求已准备好接受授权 输出缓存模块使用该事件来停止处理已被缓存请求 该事件发出信号表明应该获取每个请求的状态 该事件发出信号表明请求处理程序将要执行
表7-4 发送被请求的页时激发的事件
事件名称 Application_PostRequestHandlerExecute Application_ReleaseRequestState
<body> <form runat="server">
<H1><asp:Literal id="Headline" runat=server /></H1> </form> </body> 将代码添加到Page_Load事件中以在运行时设置控件的 Text属性。 private void Page_Load(object sender, System.EventArgs e) { Headline.Text = "New Web Site Announced"; }
第7章 模块6——站点计数
➢7.1 【任务14】站点计数器实现
【本章提要】
本章以校园在线超市系统中站点计数模块的实现为中心， 详细介绍Application对象及Global.asax文件在Web应用程序系 统中的作用，并介绍用户控件的应用方法。
Application_EndRequest
说明
在处理程序完成处理后，先激发这个事件
在应该存储请求状态时，调用这个事件，因为 Web 应用程序以此事件结束
这个事件发出信号表明代码处理已经完成，且文件 准备好被加入 缓存中
说明 无论何时收到一个新请求，该事件都被激发 该事件表明请求已准备好接受验证 该事件发出信号表明请求已准备好接受授权 输出缓存模块使用该事件来停止处理已被缓存请求 该事件发出信号表明应该获取每个请求的状态 该事件发出信号表明请求处理程序将要执行
表7-4 发送被请求的页时激发的事件
事件名称 Application_PostRequestHandlerExecute Application_ReleaseRequestState
<body> <form runat="server">
<H1><asp:Literal id="Headline" runat=server /></H1> </form> </body> 将代码添加到Page_Load事件中以在运行时设置控件的 Text属性。 private void Page_Load(object sender, System.EventArgs e) { Headline.Text = "New Web Site Announced"; }
第7章 模块6——站点计数
➢7.1 【任务14】站点计数器实现
【本章提要】
本章以校园在线超市系统中站点计数模块的实现为中心， 详细介绍Application对象及Global.asax文件在Web应用程序系 统中的作用，并介绍用户控件的应用方法。
网页设计与制作教程——Web前端开发(第6版)课件第7章 JavaScript语法基础7.9
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
祝贺你又学完了一节
7.9 正则表达式
2. 限定符
例如，定义一个“/[1-9]\d{5}/”正则，然后在字符串str中匹配结果。 var str="201411"; //定义一个字符串 var reg = /[1-9]\d{5}/; //中国大陆邮政编码，含有5个数字的正则 document.write(str.search(reg)); //若符合，则返回0；若不符合，则返回-1。显示0
7.9 正则表达式
7.9.3 正则表达式使用的方法 1. 字符串方法
例如，字符范围可以组合使用，以便设计更灵活的匹配模式。 var str = "abc2 ert4 abe3 abf1 abg7"; //字符串直接量 var reg = /ab[c-g][1-7]/g; //前两个字符为ab，第三个字符为从c到g，第四个字 符为1~7的任意数字 document.write(str.match(reg)); //返回数组["abc2","abe3","abf1","abg7"]
7.9 正则表达式
7.9.2 正则表达式的组成 1. 匹配符
7.9 正则表达式
例如，在“/[^0123456789]/g”正则表达式中，将会匹配除了数字以外任意的字 符。
var str = '012abc3de45fg6'; //定义一个字符串 var reg = /[^0123456789]/g; document.write(str.match(reg)); //将所有符合正则的字符放进一个数组。显示 a,b,c,d,e,f,g 例如，定义一个“/[^0-9]/”的正则，然后在字符串str中匹配结果。 var str="01r234567x89"; //定义一个字符串 var reg=/[^0-9]/; //检查字符串中是否含有数字以外的字符 document.write(str.search(reg)); //若有数字以外的字符，则返回找到的位置； 否则返回-1。显示例如，定义一个年-月-日的正则“/[\d]{4}-[\d]{1,2}(-[\d]{1,2})/”，然后在字符串 str中匹配结果。
网页设计与制作教程——Web前端开发(第6版)课件第7章 JavaScript语法基础7.4
7.4 标识符、变量、运算符和表达式
3．比较运算符和比较表达式 比较（关系）运算符首先对操作数进行比较，然后再返回一个true或false值。
4．布尔（逻辑）运算符和布尔表达式 布尔运算符有：&&（与）、||（或）、!（非、取反）。 逻辑表达式是由逻辑运算符组成的表达式。逻辑表达式的结果只能是布尔值，即true 或false。逻辑运算符通常和关系运算符配合使用，以实现判断语句。例如，2>3 && 2==3。 5．位运算符和位表达式
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
第7章 JavaScript语法基础
7.4 标识符、变量、运算符和表达式
目录
第7章 JavaScript程序设计基础
7.1 JavaScript概述 7.2 在HTML文档中使用JavaScript 7.3 数据类型 7.4 标识符、变量、运算符和表达式 7.5 流程控制语句 7.6 函数 7.7 对象 7.8 内置对象 7.9 正则表达式 7.10 使用开发者工具调试JavaScript程序 7.11 习题
7.4.3 变量 1．变量的声明 变量的声明和赋值语句var的语法为： var 变量名1, 变量名2 … ;
例如： var username="Bill", age=18, gender="male"; 声明也可横跨多行： var username="Bill", age=18, gender="male";
var x, y, z=1;
7.4 标识符、变量、运算符和表达式
2．赋值运算符 赋值运算符为“=”，也可以在声明变量时同时赋值。语法为： var 变量名1 = 初始值1, 变量名2 = 初始值2 … ; 变量名1 = 初始值1, 变量名2 = 初始值2 … ; 例如下面赋值语句： var username, age; username="Brendan Eich"; age=35; salary=39999;
Web应用程序设计教学大纲
《 Web应用程序设计》教学大纲一、课程定位1.课程名称：Web应用程序设计2.学时32 学分23.课程性质:素质拓展公共选修通识课4.先修课程:网站建设与网页制作、计算机网络原理、数据库原理与应用、Java程序设计后续课程：Java EE 高级编程5.参考教材张志锋《JSP程序设计技术教程（第2版）》清华大学出版社二、教学目标1.知识目标通过学习使学生掌握JSP技术的基础知识，以及网络程序设计的基本思想方法，会应用JSP进行基本的程序设计和网络编程，能够独立完成一个完整的web 系统项目。
本课程的教学任务包括介绍JSP运行环境的搭建，JSP的基本语法，JSP访问数据库的相关知识，JavaBean和Servlet，MVC的开发模式等内容。
2.能力目标使学生能够搭建JSP的运行环境；熟悉JSP的基本语法；掌握用JSP建立Web 服务的基本框架；熟练掌握使用JSP处理HTML表单；熟练掌握使用JSP访问数据库；掌握使用JavaBean扩展JSP功能；熟悉MVC的开发模式。
3.素养目标培养学生JSP实际开发能力，提高学生实践动手能力和编程能力。
提高学生团队协作能力、职业素养能力和自主创新能力。
三、教学内容及设计四、考核方式及评分1.考核性质：考查课。
2.学生课程成绩中平时占比：考勤 20%，平时作业20%，课堂表现 10%，期末提交任务 50%。
五、教学组织1.班级容量[x,y]2.主讲教师：六、参考教材1. 李兴华，王月清，Java Web开发实战经典，清华大学出版社, 2010年2. 宋智军，邱仲潘，JSP从入门到精通，电子工业出版社, 2012年3. 耿祥义, 张跃平，JSP实用教程，清华大学出版社, 2015年七、其他说明本课程主要使学生掌握JSP的相关知识及Java在WEB应用程序开发中的实际应用，通过具体案例使学生巩固数据库、网页制作等专业知识，更好地进行开发实践。
通过该课程的学习使学生掌握动态网页制作的基本操作技能并能熟练应用于中小型动态网站的建设中，在项目实践中提高学生的动手能力和创新能力。
《Web程序设计》课件
HTML链接
HTML链接用于在网页中创 建超链接，指向其他网页或
资源。
链接由`<a>`标签定义，通 过`href`属性指定链接的目
标地址。
链接可以是外部链接（指向 其他网站的地址），也可以 是内部链接（指向同一网站
内的页面）。
链接可以使用相对路径或绝 对路径来指定目标地址。
01
02
03
04
05
03
HTML表单
HTML表单用于收集用户输入的数据，如 文本框、单选框、复选框、下拉列表等 。
表单元素包括`<form>`标签、输入元素 （如`<input>`）、选择元素（如 `<select>`和`<option>`）等。
表单数据可以通过POST或GET方法发送 到服务器进行处理。
表单在Web应用程序中有着广泛的应用 ，如在线调查、在线注册等。
于Web开发。
02
它最初被设计用于给网页添 加交互性，但现在已经广泛 用于构建复杂的单页应用和
后端服务器端开发。
03
JavaScript是ECMAScript标 准的一门实现，最新的
ECMAScript标准是ES2023 。
JavaScript语法
01
JavaScript语法基于ECMAScript规范，由关键字、
04
属性选择器
属性选择器用于选择具有特定 属性或属性值的元素。例如， `[target="_blank"]`选择器将 选择所有具有“target”属性 且值为“_blank”的元素。
CSS样式属性
01
字体属性
02
字体属性用于设置文本的字体 、大小、粗细、行高等。例如 ，`font-family`用于设置字体， `font-size`用于设置字体大小， `font-weight`用于设置字体粗 细等。
phpweb应用开发案例教程熊小华
phpweb应用开发案例教程熊小华【实用版】目录1.PHP Web 应用开发案例教程概述2.PHP 1.2.4 版本概述3.PHP 开发环境的搭建4.案例教程的主要内容5.用户注册登录与发帖功能实现6.权限管理与功能限制7.JavaScript 在 PHP Web 开发中的应用8.总结正文PHP Web 应用开发案例教程是由熊小华编写的一本实用教程，旨在帮助开发者更好地理解和掌握 PHP Web 应用的开发技能。
本文将从以下几个方面对这本书进行详细的介绍。
首先，我们来了解 PHP 1.2.4 版本。
这个版本是 PHP 语言的一个里程碑，它为 Web 应用开发提供了许多实用的功能。
在这个版本中，PHP 支持更多的数据类型、函数和操作符，为开发者提供了更多的选择和灵活性。
在开始 PHP Web 应用的开发之前，我们需要搭建一个合适的开发环境。
这包括选择合适的开发工具、安装 PHP 和配置相关的设置。
在本书中，作者详细介绍了如何搭建一个高效的 PHP 开发环境，以帮助开发者更好地进行项目开发。
案例教程是本书的主要内容，它包括多个实用的案例，涵盖了 PHP Web 应用开发的方方面面。
这些案例不仅帮助读者理解 PHP 的基本语法和编程技巧，还展示了如何将这些技巧应用于实际项目的开发。
在 Web 应用中，用户注册登录和发帖功能是非常常见的功能。
本书详细介绍了如何使用 PHP 实现这些功能，以及如何对用户权限进行管理。
例如，只有管理员账户才有权限删除所有用户发的帖子，而普通用户只能删除或编辑自己的帖子。
在 PHP Web 开发中，JavaScript 也是一个非常重要的技术。
它能够帮助开发者实现更丰富的交互效果和更好的用户体验。
本书介绍了如何在PHP Web 应用中使用 JavaScript，以及如何将 JavaScript 与 PHP 相结合，以实现更复杂的功能。
总之，PHP Web 应用开发案例教程是一本非常实用的教程，它为开发者提供了许多宝贵的技巧和经验。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
blank在没有框架的新窗口中显示链接页_ parent在直接框架集父级中显示链接页_ self在具有焦点的框架中显示链接页_ top在没有框架的窗口中显示链接页
4
7.1.2 DataList控件
DataList控件是Web服务器控件中的一个基本容器控件，用来以自 定义格式显示Web页中任何数据源的数据。如果在定义模板时使 用了按钮等交互控件，则可以在显示数据的同时控制对数据源的 操作功能(如查询、修改、添加、删除)，这样构成了一个能够对数 据源进行交互操作的界面。 该控件没有预先定义好的固有显示外观和布局，只有可用于自定 义显示格式的可编辑模板。所以，使用该控件显示数据时，主要 的工作是设计和编辑模板，以便提供一个灵活有效的显示布局。 当要使用Repeater控件显示数据时，就要先创建定义控件内容布 局的模板，模板用有效的HTML文本和控件的任意组合来描述。 如果未定义模板或模板中无要显示的数据元素，则在页面运行时， 此控件不显示在页上。 与Repeater控件不同的是DataList控件提供了7种可编辑模板。 在7种模板中必不可少的是ItemTemplate模板，此模板用来显示数 据，也称为数据项模板，所以控制数据显示就是编辑此模板。
2
第7章 图书信息浏览模块设计
(1) 掌握数据显示控件DataList的应用 (2) 了解数据显示控件Repeater的应用 (1) 利用DataList控件实现一条记录分多行显示 (2) 利用Repeater控件实现一条记录分多行显示
教 学 导 航
章 章
(1) 培养学生的自主学习能力和知识应用能力 (2) 培养学生勤于思考、认真做事的良好作风 (3) 培养学生理论联系实际的工作作风 利用DataList控件和Repeater控件实现一条记录分多行显示 DataList控件和Repeater控件模板的定义 理论实践一体化，教、学、做合一 4课时(含课堂实践) 项目1：设计图书信息浏览模块 任务1：设计图书信息浏览页面 新建项目ch7→添加项目ch6中的现有文件datagridbookinfo.aspx→添加一个新的Web窗体datalistbookdetails.aspx→在Web窗体 datalistbookdetails.aspx中添加所需控件→设置控件属性→编写程序代码、实现功能 (1) Page对象、Request对象 (2) 的主要对象：SqlConnection、SqlCommand、SqlDataAdapter、DataSet等 Label控件、DataList控件、HyperLink控件和表格
8
7.2.3 在现有的项目中添加模块文件
将第4章所创建的模块文件Module1.vb添加到 本章所创建的项目ch7中。 ch7
9
7.2.4 在现有的项目中添加现有窗体
将第6章所创建的Web窗体datagridbookinfo.aspx添加到本章所创 建的项目ch7中。 打开Web窗体datagridbookinfo.aspx，在该窗体中添加超链接列， 操作过程如下。 ☺打开【DataGrid1属性】对话框，然后设置其超链接列。 ☺在【页眉文本】文本框中输入【详细信息】，这是列标题；在 【文本】文本框中输入【详细信息】，这是每一行超链接的文本； ☺在【URL字段】文本框中输入【图书编号】，这是一个数据集中 的字段名，单击某一条记录的超链接时就要将此记录的图书编号 传递到另一个页面，作为另一个页面查询的条件； ☺在【URL格式字符串】文本框中输入 datalistbookdetails.aspx?bookid={0}，即页面名后带参数。 ☺DataGrid1属性设置完成后，单击【确定】按钮。 ☺添加超链接列的图书信息查询页面 ☺鼠标停留在第二条记录上，看图片最下面的状态栏就会发现显示 最后的参数为bookid=10002，这个10002就是第二条记录的图书 编号。打开数据库查看，鼠标移动到其他记录上时，bookid的参 数值也将随之改变。
6
7.2 设计图书浏览模块
7.2.1 创建Web项目 ☺(1)在合适的位置创建文件夹ch7，且将该文件夹设置为Web
共享文件夹，即虚拟目录。 ☺(2)启动Visual 2003，在Visual 2003集成开发环境中，选择【文件】|【新建】|【项目】命 令，打开【新建项目】对话框。 ☺(3)在【新建项目】对话框的【项目类型】列表中选择 【Visual Basic项目】，在【模板】列表中选择【 Web应用程序】。 ☺(4)在【位置】文本框中输入http://localhost/ch7，单击【确 定】按钮，系统自动生成一个项目和多个相关文件，其中文 件WebForm1.aspx就是主页面文档。 ☺(5)在【解决方案资源管理器】中修改WebForm1.aspx文档 的名称为datalistbookdetails.aspx。 ☺至此，一个名为ch7的Web项目已建立完毕。
第7章 图书信息浏览模块设计
利用DataGrid控件显示数据固然方便，但是其 不足是只能以网格形式显示数据，不能灵活多 样地显示数据。 利用DataList控件和Repeater控件可以按照特 DataList 7.1 Repeater Web控件 定的需要显示数据，其灵活性大大提高。本章 通过图书信息的显示介绍DataList控件和 Repeater控件的使用。
10
7.2.5 设计图书信息浏览窗体
1. 设置HyperLink控件的属性 ☺Text 链接到前一页 ☺NavigateUrl datalistbookinfo.aspx 2. DataList控件的数据绑定 ☺DataList控件数据的绑定与DataGrid控件数据的绑
定不同，DataList控件绑定数据必须编辑其数据项 模板，编写模板时要打开HTML视图。
11
7.2.6 浏览图书信息
将Web页datagridbookinfo.aspx设置为起始页。 在datagridbookinfo.aspx页面中单击超链接 【详细信息】，打开图书详细资料浏览页面。
12
开项目ch7。 ☺(2)在图书信息浏览页面上插入一个3行1列的表格，
17
7
7.2.2 修改Web.config文件
为了方便修改数据库连接字符串，可以将数据 库连接字符串写入Web.config文件中。 在【解决方案资源管理器】中双击Web.config 文件，打开编辑窗口。 在Web.config文件的<configuration>与 </configuration>之间加入代码。
并设置内容水平居中，在表格的第1行拖入一个 Label控件，在第2行拖入一个DataList控件，在第 3行拖入一个HyperLink控件，仿照前面介绍的内容 设置各控件属性。 ☺(3)编写页面的Page_Load事件。 ☺(4)编辑DataList控件的数据项模板。
13
【疑难解析 疑难解析】 疑难解析
章
章
3
7.1 Web控件
7.1.1 HyperLink控件 ☺HyperLink控件用来在页上创建一个可以切换到其他页或位置的链 接。 ☺使用NavigateUrl属性指定要链接到的页或位置。 ☺链接既可显示为文本也可显示为图像。 ☺要显示文本，则设置Text属性或者是将文本放置在HyperLink控件 的开始和结束标记之间。 ☺要显示图像，则设置ImageUrl属性。 ☺如果同时设置了Text和ImageUrl属性，则ImageUrl属性优先。如 果图像不可用，则显示Text属性中的文本。 ☺在支持“工具提示”功能的浏览器上，将鼠标指针放在Hyperlink 控件上时将显示Text属性的值。 ☺通过设置Target属性可以指定用于显示链接页的框架或窗口。值 必须以a到z(不区分大小写)范围内的字母打头，以下特殊值除外。
问题1：利用Repeater控件显示数据与利用DataList 控件显示数据是否完全相同？ 答：从数据显示看完全相同，看不出是用哪一个控件 来显示数据，但是它们在页面设计时有区别， DataList控件可以随意拖动到页面的任何位置，而 Repeater控件一拖入后就停留在页面的左上角，不能 再拖动到其他位置，这样就显得没有DataList控件使 用方便，但也可以使用表格，将其插入到想要的位置。 问题2：使用DataList控件显示数据是否只能显示一列 数据？ 答：不是，我们可以通过设置其RepeatColumns属性 就可以控制其显示多列数据。
16
思考与习题
选择题 ☺ 1. 下面( )模板用来设置DataList控件的数据项显示格式。 A. HeaderTemplate B. ItemTemplate C. FooterTemplate D. EditItemTemplate ☺ 2. 在Request的属性中，( )可以获取HTTP中的查询字符变量值。 A. QueryString B. RawUrl C. RequestType D. ContentType ☺ 3. 下面的描述中正确的是( ) A. 用DataList控件不能以表格形式显示数据 B. 用Repeater控件不能以表格形式显示数据 C. DataList控件不能显示多列数据 D. 用DataList控件和Repeater控件显示数据比用DataGrid控件更灵活 ☺ 4. Repeater控件不能使用( )模板。 A. ItemTemplate B. HeaderTemplate C. SelectedItemTemplate D. AlternatingItemTemplate ☺ 5. DataList控件的( )属性控制显示的列数。 A. RepeatLayout B. RepeatDirection C. RepeatColumns D. DataSource ☺ 6. 将一个Button控件加入到DataList控件的模板中，其CommandName属性设置为buy，当它被单击时将引发 DataList控件的( )事件。 A. DeleteCommand B. ItemCommand C. CancelCommand D. EditCommand ☺ 7. PageDataSource类的( )属性用来设置或获取分页数据源每页的行数。 A. AllowPaging B. PageSize C. PageCount D. AlloewCustomPaging 判断题 ☺ 1. Repeater控件中的模板只能使用手工方式编辑，不能使用模板编辑器。 ☺ 2. DataList控件的项模板编辑器中既可以输入文本，也可以放入子控件。 ( ( ) )
4
7.1.2 DataList控件
DataList控件是Web服务器控件中的一个基本容器控件，用来以自 定义格式显示Web页中任何数据源的数据。如果在定义模板时使 用了按钮等交互控件，则可以在显示数据的同时控制对数据源的 操作功能(如查询、修改、添加、删除)，这样构成了一个能够对数 据源进行交互操作的界面。 该控件没有预先定义好的固有显示外观和布局，只有可用于自定 义显示格式的可编辑模板。所以，使用该控件显示数据时，主要 的工作是设计和编辑模板，以便提供一个灵活有效的显示布局。 当要使用Repeater控件显示数据时，就要先创建定义控件内容布 局的模板，模板用有效的HTML文本和控件的任意组合来描述。 如果未定义模板或模板中无要显示的数据元素，则在页面运行时， 此控件不显示在页上。 与Repeater控件不同的是DataList控件提供了7种可编辑模板。 在7种模板中必不可少的是ItemTemplate模板，此模板用来显示数 据，也称为数据项模板，所以控制数据显示就是编辑此模板。
2
第7章 图书信息浏览模块设计
(1) 掌握数据显示控件DataList的应用 (2) 了解数据显示控件Repeater的应用 (1) 利用DataList控件实现一条记录分多行显示 (2) 利用Repeater控件实现一条记录分多行显示
教 学 导 航
章 章
(1) 培养学生的自主学习能力和知识应用能力 (2) 培养学生勤于思考、认真做事的良好作风 (3) 培养学生理论联系实际的工作作风 利用DataList控件和Repeater控件实现一条记录分多行显示 DataList控件和Repeater控件模板的定义 理论实践一体化，教、学、做合一 4课时(含课堂实践) 项目1：设计图书信息浏览模块 任务1：设计图书信息浏览页面 新建项目ch7→添加项目ch6中的现有文件datagridbookinfo.aspx→添加一个新的Web窗体datalistbookdetails.aspx→在Web窗体 datalistbookdetails.aspx中添加所需控件→设置控件属性→编写程序代码、实现功能 (1) Page对象、Request对象 (2) 的主要对象：SqlConnection、SqlCommand、SqlDataAdapter、DataSet等 Label控件、DataList控件、HyperLink控件和表格
8
7.2.3 在现有的项目中添加模块文件
将第4章所创建的模块文件Module1.vb添加到 本章所创建的项目ch7中。 ch7
9
7.2.4 在现有的项目中添加现有窗体
将第6章所创建的Web窗体datagridbookinfo.aspx添加到本章所创 建的项目ch7中。 打开Web窗体datagridbookinfo.aspx，在该窗体中添加超链接列， 操作过程如下。 ☺打开【DataGrid1属性】对话框，然后设置其超链接列。 ☺在【页眉文本】文本框中输入【详细信息】，这是列标题；在 【文本】文本框中输入【详细信息】，这是每一行超链接的文本； ☺在【URL字段】文本框中输入【图书编号】，这是一个数据集中 的字段名，单击某一条记录的超链接时就要将此记录的图书编号 传递到另一个页面，作为另一个页面查询的条件； ☺在【URL格式字符串】文本框中输入 datalistbookdetails.aspx?bookid={0}，即页面名后带参数。 ☺DataGrid1属性设置完成后，单击【确定】按钮。 ☺添加超链接列的图书信息查询页面 ☺鼠标停留在第二条记录上，看图片最下面的状态栏就会发现显示 最后的参数为bookid=10002，这个10002就是第二条记录的图书 编号。打开数据库查看，鼠标移动到其他记录上时，bookid的参 数值也将随之改变。
6
7.2 设计图书浏览模块
7.2.1 创建Web项目 ☺(1)在合适的位置创建文件夹ch7，且将该文件夹设置为Web
共享文件夹，即虚拟目录。 ☺(2)启动Visual 2003，在Visual 2003集成开发环境中，选择【文件】|【新建】|【项目】命 令，打开【新建项目】对话框。 ☺(3)在【新建项目】对话框的【项目类型】列表中选择 【Visual Basic项目】，在【模板】列表中选择【 Web应用程序】。 ☺(4)在【位置】文本框中输入http://localhost/ch7，单击【确 定】按钮，系统自动生成一个项目和多个相关文件，其中文 件WebForm1.aspx就是主页面文档。 ☺(5)在【解决方案资源管理器】中修改WebForm1.aspx文档 的名称为datalistbookdetails.aspx。 ☺至此，一个名为ch7的Web项目已建立完毕。
第7章 图书信息浏览模块设计
利用DataGrid控件显示数据固然方便，但是其 不足是只能以网格形式显示数据，不能灵活多 样地显示数据。 利用DataList控件和Repeater控件可以按照特 DataList 7.1 Repeater Web控件 定的需要显示数据，其灵活性大大提高。本章 通过图书信息的显示介绍DataList控件和 Repeater控件的使用。
10
7.2.5 设计图书信息浏览窗体
1. 设置HyperLink控件的属性 ☺Text 链接到前一页 ☺NavigateUrl datalistbookinfo.aspx 2. DataList控件的数据绑定 ☺DataList控件数据的绑定与DataGrid控件数据的绑
定不同，DataList控件绑定数据必须编辑其数据项 模板，编写模板时要打开HTML视图。
11
7.2.6 浏览图书信息
将Web页datagridbookinfo.aspx设置为起始页。 在datagridbookinfo.aspx页面中单击超链接 【详细信息】，打开图书详细资料浏览页面。
12
开项目ch7。 ☺(2)在图书信息浏览页面上插入一个3行1列的表格，
17
7
7.2.2 修改Web.config文件
为了方便修改数据库连接字符串，可以将数据 库连接字符串写入Web.config文件中。 在【解决方案资源管理器】中双击Web.config 文件，打开编辑窗口。 在Web.config文件的<configuration>与 </configuration>之间加入代码。
并设置内容水平居中，在表格的第1行拖入一个 Label控件，在第2行拖入一个DataList控件，在第 3行拖入一个HyperLink控件，仿照前面介绍的内容 设置各控件属性。 ☺(3)编写页面的Page_Load事件。 ☺(4)编辑DataList控件的数据项模板。
13
【疑难解析 疑难解析】 疑难解析
章
章
3
7.1 Web控件
7.1.1 HyperLink控件 ☺HyperLink控件用来在页上创建一个可以切换到其他页或位置的链 接。 ☺使用NavigateUrl属性指定要链接到的页或位置。 ☺链接既可显示为文本也可显示为图像。 ☺要显示文本，则设置Text属性或者是将文本放置在HyperLink控件 的开始和结束标记之间。 ☺要显示图像，则设置ImageUrl属性。 ☺如果同时设置了Text和ImageUrl属性，则ImageUrl属性优先。如 果图像不可用，则显示Text属性中的文本。 ☺在支持“工具提示”功能的浏览器上，将鼠标指针放在Hyperlink 控件上时将显示Text属性的值。 ☺通过设置Target属性可以指定用于显示链接页的框架或窗口。值 必须以a到z(不区分大小写)范围内的字母打头，以下特殊值除外。
问题1：利用Repeater控件显示数据与利用DataList 控件显示数据是否完全相同？ 答：从数据显示看完全相同，看不出是用哪一个控件 来显示数据，但是它们在页面设计时有区别， DataList控件可以随意拖动到页面的任何位置，而 Repeater控件一拖入后就停留在页面的左上角，不能 再拖动到其他位置，这样就显得没有DataList控件使 用方便，但也可以使用表格，将其插入到想要的位置。 问题2：使用DataList控件显示数据是否只能显示一列 数据？ 答：不是，我们可以通过设置其RepeatColumns属性 就可以控制其显示多列数据。
16
思考与习题
选择题 ☺ 1. 下面( )模板用来设置DataList控件的数据项显示格式。 A. HeaderTemplate B. ItemTemplate C. FooterTemplate D. EditItemTemplate ☺ 2. 在Request的属性中，( )可以获取HTTP中的查询字符变量值。 A. QueryString B. RawUrl C. RequestType D. ContentType ☺ 3. 下面的描述中正确的是( ) A. 用DataList控件不能以表格形式显示数据 B. 用Repeater控件不能以表格形式显示数据 C. DataList控件不能显示多列数据 D. 用DataList控件和Repeater控件显示数据比用DataGrid控件更灵活 ☺ 4. Repeater控件不能使用( )模板。 A. ItemTemplate B. HeaderTemplate C. SelectedItemTemplate D. AlternatingItemTemplate ☺ 5. DataList控件的( )属性控制显示的列数。 A. RepeatLayout B. RepeatDirection C. RepeatColumns D. DataSource ☺ 6. 将一个Button控件加入到DataList控件的模板中，其CommandName属性设置为buy，当它被单击时将引发 DataList控件的( )事件。 A. DeleteCommand B. ItemCommand C. CancelCommand D. EditCommand ☺ 7. PageDataSource类的( )属性用来设置或获取分页数据源每页的行数。 A. AllowPaging B. PageSize C. PageCount D. AlloewCustomPaging 判断题 ☺ 1. Repeater控件中的模板只能使用手工方式编辑，不能使用模板编辑器。 ☺ 2. DataList控件的项模板编辑器中既可以输入文本，也可以放入子控件。 ( ( ) )