第7章JavaWeb常用开发模式与案例-福建省大数据挖掘与应用技术.ppt

上机实习 1．在First.jsp中输入username和userpass，表单提交给Second.jsp，假设用户名和密码是“abc”和”123”，则转到Third.jsp,显示问候语“***，你好”，否则转回到First.jsp，原来用户输入的用户名要保留，并有提示信息：“用户名或密码错误，请重新输入”，使用本章的技术实现。 2．利用Ajax技术实现表单输入信息的验证。以用户注册页面示例，在注册页面中需要对用户名和两次输入的密码进行验证，其中用户名是唯一的，不能重复，而两次输入的密码必须相同，只用这样的输入才是有效地。并且要求，用户名的格式是：字母开头，后跟字母或数字，长度至少6位，密码由数字组成，长度在6到10位之间。 * * 5.多分支标签：c:choose c:choose用于多选择情况，不接受任何属性，与c:when、c:otherwise配合使用。 c:when有一个属性test，用于指明判定的条件。 格式： c:choose c:when test=condition1…/c:when …… c:othersize …… /c:otherwise /c:choose 【例8-7】设计页面if.jsp，根据依据当前时间，输出不同的问候语。分别采用单分支标签和多分支标签实现。 【实现】 《源代码》 【运行】 《程序执行》 6.循环标签：c:forEach 格式1： c:forEach [var=] [varStatus=] begin= end= [step=] 循环内容 /c:forEach 格式2： c:forEach [var=] items= [varStatus=] 循环内容 /c:forEach 其中： items属性：进行循环的醒目。 var属性：代表当前项目的变量名。 begin属性：开始条件。 end:属性：结束条件。 step属性：步长。 varStatus属性：显示循环变量的状态。 【例8-8】分析forEach.jsp中的代码，理解不同格式 的c:forEach使用。 【实现】 《源代码》 【运行】 《程序执行》 8.3 综合案例 ——使用EL和JSTL显示查询结果 El和JSTL经常结合使用取代代码实现在JSP页面中输出动态内 容，这里的动态内容通常是存在某个范围内的数据。 【例8-9】使用EL和JSTL，实现从Servlet中获取信息，然后再 显示页面显示结果。 【分析】Servlet形成数据，将数据存到请求范围内，然后转 发给show.jsp显示。show.jsp利用EL和JSTL方法取得数据并显 示结果。为了区别EL、JSTL与脚本代码在信息显示上的差异 ，在show.jsp中，采用两种方式实现显示。 【设计】该问题需要设计3个组件：描述学生信息的实体组 件Student.java；在Servlet（SetStudent.java）实现数据的创建 与保存；利用EL和JSTL显示信息。 【实现】 4个组件： （1）描述学生信息的实体组件Student.java； （2）Servlet（SetStudent.java）实现数据的创建 与保存； （3）Web.xml关于Servlet的配置信息 （4）利用EL和JSTL显示信息 【运行】 《程序执行》 :8080/ch08_9/query 8.4 Ajax技术 Ajax（Asynchronous JavaScript and XML）是运用JavaScript和可扩展语言（XML）实现浏览器与服务器通讯的一种技术。本节对Ajax处理客户请求的各个环节进行分析，并在具体的示例中展示Ajax的应用。 本节主要内容： 8.4.1 Ajax技术简介 8.4.2 XMLHttpRequest对象 8.4.1 Ajax技术简介 Ajax实现浏览器与服务器异步交互的技术，用户的请 求不需要重新刷新整个页面，只需要刷新局部页面即可。 Ajax技术是一系列技术的集合，主要涉及的技术有： 使用XHTML(HTML)和CSS构建标准化的展示层。 使用DOM进行动态显示和交互。 使用XML和XSLT进行数据交换和操纵。 使用XMLHttpRequest异步获取数据。 使用JavaScript将所有元素绑定在一起。 对于这些技术，大部分在前面章节中已介绍，下面主 要介绍XMLHttpRequest对象及其使用。 8.4.2 XMLHttpRequest对