Java Web开发教程——入门与提高篇（输入和业务处理）ppt97.ppt

《Java Web开发教程——入门与提高篇（输入和业务处理）ppt97.ppt》由会员分享，可在线阅读，更多相关《Java Web开发教程——入门与提高篇（输入和业务处理）ppt97.ppt（97页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第3章 输入第4章 业务处理Java Web开发教程入门与提高篇（JSP+Servlet）第3章 输入Java Web开发教程：入门与提高篇（JSP+Servlet）http:/ Web应用的输入方式；v掌握常用的表单元素的用法；v掌握使用JavaScript进行常见的客户端验证。Java Web开发教程：入门与提高篇（JSP+Servlet）http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.1 输入方式v通过浏览器的地址栏v通过超链接或者按钮v通过表单提交http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2 常用表单元素v3.2.1 单行文本框v3

2、.2.2 密码框v3.2.3 单选按钮v3.2.4 复选框v3.2.5 下拉框v3.2.6 文本域v3.2.7 重置按钮v3.2.8 提交按钮http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.1 单行文本框v基本语法格式如下：v例：注册功能中输入用户名的文本框http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.2 密码框v基本格式如下：v注意：只要是设置密码就应该让用户输入两遍密码http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.3 单选按钮v基本格式如下：显示的信息v注意两点：一组单选按钮的名字必须相同，但是值不同。

3、单选按钮的值与用户看到的在界面上显示的信息没有关系。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.4 复选框v相同点：成组出现。同一组复选框或者单选按钮的名字相同。必须指定值。选择哪一个选项，得到的是这个选项对应的值。每个选项的值和显示给用户看的信息是独立的。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.4 复选框v不相同的地方：单选按钮对应的type属性的值是“radio”，而复选框对应的type属性的值是“checkbox”。复选框能选择多个。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.5 下拉框下

4、拉框v下拉框的基本格式：值1 值2.值nhttp:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.6 文本域v基本格式：默认值v注意：文本域不是通过value属性赋值，而是把值写在开始标志和结束标志之间。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.7 重置按钮v基本格式v注意：重置按钮并不是清空所有的信息，而是把所有的元素恢复到默认值。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.8 提交按钮v提交按钮的基本格式如下：http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.2.9 实例v参考书中实例

5、。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.3 使用form元素v3.3.1 使用form元素封装要提交的信息v3.3.2 同一个页面中的多个formv3.3.3 实例http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.3.1 使用form元素封装要提交的信息v基本格式：各种表单元素vaction指出提交给哪个文件进行处理，如果action为空，则提交给当前文件进行处理vmethod属性指定表单提交的方式，有两种可选的方式post和get，通常采用post方式。v所有要输入的信息都位于form元素内部http:/ Web开发教程：入门与提高篇（

6、JSP+Servlet）3.3.2 同一个页面中的多个formv同一个页面中可以有多个form，相互独立v注意：多个form元素之间不能嵌套。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.3.3 实例http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4 对输入信息进行验证v3.4.1 JavaScript语言v3.4.2 使用表单数据v3.4.3 调用验证方法v3.4.4 提示用户信息v3.4.5 常用的方法v3.4.6 正则表达式v3.4.7 实例http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.1 JavaScrip

7、t语言v在Web应用中需要在客户端执行的功能可以使用JavaScript语言编写v基本结构：相关JavaScript代码v这里主要关注如何使用JavaScript进行验证。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.1 JavaScript语言v方法的定义 function 方法名(参数)/方法体 http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.2 使用表单数据v首先，获取form通过document对象获得form，vform=document.form1或者通过方法的参数传递visValidate(form1)v然后访问表单元素的

8、值form1.userid.valuehttp:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.3 调用验证方法v通过form表单的onSubmit事件：v或者，通过按钮的onClick事件：http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.4 提示用户信息v提示用户错误信息，使用alert方法alert(地址长度大于50位！);v让光标停在某个输入框中form.address.focus();http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.5 常用的方法v字符串的常用方法str.length，表示字符串的长度；str.c

9、harAt(i)，获取字符串中第i个字符，从0开始；str.indexOf(c)，查找字符，返回第一次出现的位置，从0开始，如果没有找到，返回-1；str.substring(index1,index2)，获取子串，第一个参数表示开始位置，第二个参数表示结束位置str.substring(index)，获取index之后的部分str=另一个字符串，判断与另一个字符串是否相同。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.5 常用的方法v常用验证非空验证字符串长度验证日期验证数字验证Email格式验证v具体代码参加教材3.4.5节。http:/ Web开发教程：入门

10、与提高篇（JSP+Servlet）3.4.6 正则表达式v正则表达式提供了一种高级的、但不直观的字符串匹配和处理的方法。v它描述了一种字符串匹配的模式，可以用来判断一个字符串是否满足某种格式，或者一个字符串是否含有某个子串等。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.6 正则表达式v字符集字符集http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.6 正则表达式v重复http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.6 正则表达式v子表达式v子表达式计数子表达式计数http:/ Web开发教程：入门与提高篇（JS

11、P+Servlet）3.4.6 正则表达式v指定字符串的开始和末尾http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.6 正则表达式v分支例：com|edu|net：匹配com、edu或net。v匹配特殊字符例：匹配一个反斜杠。.：匹配一个圆点。http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.6 正则表达式v常用(功能见教材)a-zA-Za-zA-Z0-9_*$a-zA-Z0-96,$0-94-0-92-0-92$a-zA-Za-zA-Z0-9_-*(a-zA-Z0-9-+.)+a-z2,3$00-92,3-0-97,8$http:/ Web

12、开发教程：入门与提高篇（JSP+Servlet）3.4.6 正则表达式v在JavaScript中的使用举例 function isPhone(str)if(str.match(00-92,3-0-97,8$)return true;else return false;http:/ Web开发教程：入门与提高篇（JSP+Servlet）3.4.7 实例v代码参见教材。http:/ Web开发教程：入门与提高篇（JSP+Servlet）小结v本章首先对输出方式进行概述，然后介绍了HTML的常用表单元素，在此基础上对JavaScript语言进行了简单介绍，主要介绍如何使用JavaScript进行客户

13、端验证。http:/ Web开发教程：入门与提高篇（JSP+Servlet）http:/ Web开发教程：入门与提高篇（JSP+Servlet）第4章 业务处理Java Web开发教程：入门与提高篇（JSP+Servlet）http:/ Web开发教程：入门与提高篇（JSP+Servlet）http:/ Web开发教程：入门与提高篇（JSP+Servlet）4.1 客户端处理v4.1.1 JavaScript处理v4.1.2 Ajax技术Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.1 JavaScript处理v处理的基本过程如下：根据要完成的功能编写相应的方法；在相

14、应的元素上添加事件关联代码，例如就表示加载body的时候调用init方法。Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.1 JavaScript处理v常用事件Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.1 JavaScript处理v实例：复选框全选与取消实现的基本思路v得到所有的复选框v使用他们的checked属性，设置为true（全选）或者false（不选）。v代码参加教材。Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.1 JavaScript处理v实例：联动菜单实现的基本思路：v为主菜单添加onchange事件

15、，调用JavaScript函数来修改被动菜单的选项，代码中的onchange=changeCity()完成该功能；v在JavaScript函数中根据主菜单的选项确定被动菜单的选项，主要是动态赋值。v代码参加教材。Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.1 JavaScript处理v实例：组合列表框实现的基本思路：v编写init方法对两个列表框进行初始化；v为body添加onload事件调用init方法；v编写move(s1,s2)方法把s1中选中的选项添加到s2中，同时在s1中删除该选项；v编写moveAll(s1,s2)方法把s1中所有的选项都移动到s2中；v

16、为中间的4个按钮添加onclick事件，分别调用move(s1,s2)和moveAll(s1,s2)两个方法。Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术vAJAX是Asynchronous JavaScript and XML的缩写，涉及JavaScript脚本、XHTML和CSS、DOM、XML和XSTL等技术。XHTML与CSS实现数据信息的统一化和标准化显示；使用DOM实现浏览器端丰富的动态显示效果以及与服务器的交互；使用XML和XSTL进行浏览器和服务器端数据信息交换和处理；使用XMLHttpRequest对象进行浏览器和服务器端异步数据读

17、取；使用JavaScript脚本实现对所有数据进一步处理。Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术vAJAX的核心工作过程：对象初始化，主要是创建XMLHttpRequest对象，XMLHttpRequest对象是AJAX技术中非常核心的一个对象，负责请求的设置、发送。发送请求，设置响应方法、请求所需要的数据，然后发送请求。服务器接收请求并进行处理，通常由Servlet接收请求，然后调用相应的业务方法来处理，之后对用户响应。客户端接响应，接收到响应之后调用之前设置的响应方法。响应方法根据响应数据修改客户端页面内容。Java Web开发教程：入门与

18、提高篇（JSP+Servlet）4.1.2 Ajax技术vXMLHttpRequest对象：属性Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术vXMLHttpRequest对象：方法Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术v交互的基本过程创建XMLHttpRequest对象；发送请求；处理响应。Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术v创建XMLHttpRequest对象 var xMLHttpRequest=false;function createXML

19、HttpRequest()if(window.XMLRequest)/Mozilla浏览器 xMLHttpRequest=new XMLHttpRequest();else if(window.ActiveObject)try XMLHttpRequest=new ActiveXobject(“Msxml2.XMLHTTP”);catch(e)try XMLHttpRequest=new ActiveXobject(“Microsoft.XMLHTTP”);catch(e)Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术v发送请求XMLHttpReque

20、st.open(“GET”,url,true);XMLHttpRequest.onreadystatechange=processResponse;/指定响应函数XMLHttpRequest.send(null);/发送请求Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术v处理响应 if(XMLHttpRequest.readystate=4)/判断对象状态 if(XMLHttpRequest.status=200)/信息已经返回，开始处理信息 var res=XMLHttpRequest.responseXML.getElementsByTagName

21、(“res”)0.firstChild.data;window.alert(res)；else/页面不正常 Window.alert(“您所请求的页面有异常！”);Java Web开发教程：入门与提高篇（JSP+Servlet）4.1.2 Ajax技术v实例用户注册的用户名不允许重复，所以在用户提交时候需要判断。为了让用户早知道结果，在用户输入用户名之后就应该进行判断，可以采用AJAX进行处理。代码参见教材。Java Web开发教程：入门与提高篇（JSP+Servlet）4.2 JavaBean技术v4.2.1 编写JavaBeanv4.2.2 部署v4.2.3 使用JavaBeanv4.2.

22、4 在Java代码中访问已有的JavaBeanJava Web开发教程：入门与提高篇（JSP+Servlet）4.2.1 编写JavaBeanv什么是JavaBeanJavaBean是使用Java语言编写的组件。特点是：能够完成特定的功能，这些功能主要用于共享；是一个大的系统的组成部分，不能独立运行；主要目的是供其它文件进行调用。Java Web开发教程：入门与提高篇（JSP+Servlet）4.2.1 编写JavaBeanv编写JavaBean定义一个Java类；编写私有属性；编写对私有属性进行操作的公有方法；编写无参数构造方法；编写业务方法。实例：参考教材。Java Web开发教程：入门与

23、提高篇（JSP+Servlet）4.2.1 编写JavaBeanv编译JavaBean javac UserBean.javajavac-d.UserBean.java 生成包Java Web开发教程：入门与提高篇（JSP+Servlet）4.2.2 部署v如果仅仅供当前应用使用：WEB-INF/classes 不打包WEB-INF/lib 打包v如果希望多个应用共享：tomcat的类路径中，tomcat安装目录下的libJDK的类路径中，JDK安装路径下的jrelibext Java Web开发教程：入门与提高篇（JSP+Servlet）4.2.3 使用JavaBeanvJava中对Java

24、Bean的使用声明JavaBean的对象并实例化：UserBean user=new UserBean();调用set方法对属性赋值：user.setUsername(username);user.setUserpass(userpass);调用业务方法：int result=user.check();Java Web开发教程：入门与提高篇（JSP+Servlet）4.2.3 使用JavaBeanv使用 例：vpage：当前页面使用request：本次请求使用 session：本次会话使用application：整个应用共享 Java Web开发教程：入门与提高篇（JSP+Servlet）4.

25、2.3 使用JavaBeanv使用 v格式：格式：可以使用表达式直接从输入界面获取信息Java Web开发教程：入门与提高篇（JSP+Servlet）4.2.3 使用JavaBeanv使用v例子：作用相同Java Web开发教程：入门与提高篇（JSP+Servlet）4.2.3 使用JavaBeanv使用v格式：v例 相当于：$user.usernameJava Web开发教程：入门与提高篇（JSP+Servlet）4.2.3 使用JavaBeanv调用业务方法 v基本用法：v为了避免在界面中使用脚本（不提倡使用脚本）编写自定义标签完成业务方法调用；把业务方法写成属性的属性，就像对属性的访问一

26、样 Java Web开发教程：入门与提高篇（JSP+Servlet）4.3 自定义标签v4.3.1 简单标签库的编写v4.3.2 具有属性的标签的编写v4.3.3 具有标签体的标签v4.3.4 对标签体进行处理v4.3.5 使用简单标记Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写v包括3个部分：标签库处理类，完成处理过程；标签库描述文件，描述如何使用标签；在JSP中使用标签。Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写v标签库处理类需要继承：vTagSupport，一般情况下vBodyTagSupp

27、ort，如果需要对标签体进行处理Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写v标签库处理类TagSupport的主要方法vint doStartTag()，标签开始时的处理方法，默认返回SKIP_BODY，也就是不执行标签体，如果要执行标签体，返回EVAL_BODY_INCLUDE；vint doAfterBody()，对标签体进行处理的方法；vint doEndTag()，标签结束时要执行的方法，默认返回EVAL_PAGE，就是继续处理标签之后的内容，如果想终止当前页面的执行，可以返回SKIP_PAGE，这样标签之后的内容就不会再执行了。Jav

28、a Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写v标签库处理类Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写v标签库描述文件 1.0 mytag http:/ Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写 hello taglib.HelloTag empty 标签库中的一个标签标签库中标签的名字标签的处理类的名字是否有标签体Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.1 简单标签库的编写v在JSP中使用 标签库输出结果：标签库的声明，uri为标

29、签库的uri，prefix是前缀调用标签库中的标签Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.2 具有属性的标签的编写v与简单标签的不同之处处理文件：增加属性以及对属性进行操作的set方法和get方法；标签库描述文件：增加对属性的描述；JSP文件：标签中增加属性。Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.2 具有属性的标签的编写v标签库处理文件：增加了属性及set和get方法private String color=#000000;/默认值是黑色 public String getColor()return color;public v

30、oid setColor(String color)this.color=color;Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.2 具有属性的标签的编写v标签库描述文件：增加了对属性的描述 colorHello taglib.ColorHelloTag empty color false 属性的名字是否必须Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.2 具有属性的标签的编写v在JSP中的使用 标签库输出结果(默认颜色)：标签库输出结果(红色)：增加标签属性Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.3 具有标

31、签体的标签v标签库处理文件：执行过程有变化v标签库描述文件：没有太大变化v在JSP中的应用：增加了标签体v以控制标签体内容输出次数的标签的实现为例。Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.3 具有标签体的标签v标签库处理文件doStartTag方法v如果执行标签体返回EVAL_BODY_INCLUDEv否则返回SKIP_BODY doAfterBody方法v不需要再执行标签体返回SKIP_BODYv继续执行标签体，EVAL_BODY_AGAINdoEndTag没有变化Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.3 具有标签体的标签v标

32、签库处理文件代码参见教材。Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.3 具有标签体的标签v标签库描述文件：没有变化 counter false true Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.3 具有标签体的标签v在JSP中的应用 重复5遍：输出5遍的内容 重复3遍：输出3遍的内容 标签体Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.4 对标签体进行处理v继承BodyTagSupportv主要是标签库处理类的区别v标签库描述文件和使用没有区别v实例：把标签体中出现的用户指定的非法字符替换成“*”。Java

33、 Web开发教程：入门与提高篇（JSP+Servlet）4.3.4 对标签体进行处理v标签库处理类doStartTag方法v返回EVAL_BODY_BUFFERED，这样可以获取标签体的内容。v不对标签体进行处理，返回 EVAL_BODY_INCLUDEdoAfterBody方法v通过getBodyContent方法获取标签体的内容v对标签体内容进行处理，然后输出Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.4 对标签体进行处理v标签库处理类获取标签体内容BodyContent content=getBodyContent();String sContent=cont

34、ent.getString();获取输出流，用于输出JspWriter out=content.getEnclosingWriter();对标签体内容进行处理String filters=filter.split(,);if(filters!=null)for(String temp:filters)sContent=sContent.replaceAll(temp,*);Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.4 对标签体进行处理v标签库处理类输出try out.print(sContent);catch(Exception e)不再执行标签体return S

35、KIP_BODY;Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.4 对标签体进行处理v标签库描述文件 filter taglib.FilterTag JSP filter false true Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.4 对标签体进行处理v在JSP中的应用 这些天经常有流氓闹事！v输出结果 这些天经常有*闹事！Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.5 使用简单标记v如果不需要复杂处理，可以使用简单标记；v编写简单标记只需要继承SimpleTagSupport；v然后重写doTag方法即可

36、。Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.5 使用简单标记v标签库处理文件public class SimpleTag extends SimpleTagSupportOverridepublic void doTag()throws JspException,IOException JspWriter out=getJspContext().getOut();out.println(简单标记！);Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.5 使用简单标记v标签库描述文件 simpleTag taglib.SimpleTag empty Java Web开发教程：入门与提高篇（JSP+Servlet）4.3.5 使用简单标记v在JSP中的应用 Java Web开发教程：入门与提高篇（JSP+Servlet）小结v客户端处理使用JavaScript语言进行客户端处理；采用Ajax技术进行异步提交和处理。v服务器端处理，包括JavaBean的编写和使用v采用自定义标签在页面中处理http:/ Web开发教程：入门与提高篇（JSP+Servlet）http:/