标签:
?
1.1 什么是JSP
JSP(Java Server Pages)是JavaWeb服务器端的动态资源。它与html页面的作用是相同的,显示数据和获取数据。
?
1.2 JSP的组成
JSP = html + Java脚本(代码片段) + JSP动态标签
?
?
2.1 JSP脚本
JSP脚本就是Java代码片段,它分为三种:
?
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> ????<title>JSP演示</title> </head> ? <body> <h1>JSP演示</h1> <% ????// Java语句 ????String s1 = "hello jsp"; ????// 不会输出到客户端,而是在服务器端的控制台打印 ????System.out.println(s1); %> <!-- 输出到客户端浏览器上 --> 输出变量:<%=s1 %><br/> 输出int类型常量:<%=100 %><br/> 输出String类型常量:<%="你好" %><br/> <br/> 使用表达式输出常量是很傻的一件事,因为可以直接使用html即可,下面是输出上面的常量:<br/> 100<br/> 你好 </body> </html> |
?
2.2 内置对象out
out对象在JSP页面中无需创建就可以使用,它的作用是用来向客户端输出。
<body> <h1>out.jsp</h1> ????<% ????????//向客户端输出 ????????out.print("你好!"); ????%> </body> |
?
其中<%=…%>与out.print()功能是相同的!它们都是向客户端输出,例如:
<%=s1%>等同于<% out.print(s1); %>
<%="hello"%>等同于<% out.print("hello"); %>,也等同于直接在页面中写hello一样。
?
2.3 多个<%...%>可以通用
在一个JSP中多个<%...%>是相通的。例如:
<body> <h1>out.jsp</h1> ????<% ????????String s = "hello"; ????%> ????<% ????????out.print(s); ????%> </body> |
?
循环打印表格:
<body> <h1>表格</h1> ???? ????<table border="1" width="50%"> ????????<tr> ????????????<th>序号</th> ????????????<th>用户名</th> ????????????<th>密码</th> ????????</tr> ????<% ????????for(int i = 0; i < 10; i++) {???? ????%> ????????<tr> ????????????<td><%=i+1 %></td> ????????????<td>user<%=i %></td> ????????????<td><%=100 + 1 %></td> ????????</tr> ????<% ????????} ????%> ????</table> </body> |
?
?
3.1 JSP是特殊的Servlet
JSP是一种特殊的Servlet,当JSP页面首次被访问时,容器(Tomcat)会先把JSP编译成Servlet,然后再去执行Servlet。所以JSP其实就是一个Servlet!
?
3.2 JSP真身存放目录
JSP生成的Servlet存放在${CATALANA}/work目录下,我经常开玩笑的说,它是JSP的"真身"。我们打开看看其中的内容,了解一下JSP的"真身"。
你会发现,在JSP中的静态信息(例如<html>等)在"真身"中都是使用out.write()完成打印!这些静态信息都是作为字符串输出给了客户端。
?
JSP的整篇内容都会放到名为_jspService的方法中!你可能会说<@page>不在"真身"中,<%@page>我们明天再讲。
?
a_jsp.java的_jspService()方法:
public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response) throws java.io.IOException, javax.servlet.ServletException { ? final javax.servlet.jsp.PageContext pageContext; javax.servlet.http.HttpSession session = null; final javax.servlet.ServletContext application; final javax.servlet.ServletConfig config; javax.servlet.jsp.JspWriter out = null; final java.lang.Object page = this; javax.servlet.jsp.JspWriter _jspx_out = null; javax.servlet.jsp.PageContext _jspx_page_context = null; ? ? try { response.setContentType("text/html;charset=UTF-8"); pageContext = _jspxFactory.getPageContext(this, request, response, ????????????null, true, 8192, true); _jspx_page_context = pageContext; application = pageContext.getServletContext(); config = pageContext.getServletConfig(); session = pageContext.getSession(); out = pageContext.getOut(); _jspx_out = out; ? … }? |
?
JSP脚本一共三种形式:
?
前面已经讲解了<%...%>和<%=…%>,但还没有讲解<%!...%>的作用!
现在我们已经知道了,JSP其实就是一个类,一个Servlet类。<%!...%>的作用是在类中添加方法或成员的,所以<%!...%>中的内容不会出现在_jspService()中。
<%! ????????private String name; ????????public String hello() { ????????????return "hello JSP!"; ????????} ????%> |
?
我们现在已经知道JSP是需要先编译成.java,再编译成.class的。其中<%-- ... --%>中的内容在JSP编译成.java时会被忽略的,即JSP注释。
也可以在JSP页面中使用html注释:<!-- … -->,但这个注释在JSP编译成的.java中是存在的,它不会被忽略,而且会被发送到客户端浏览器。但是在浏览器显示服务器发送过来的html时,因为<!-- … -->是html的注释,所以浏览器是不会显示它的。
?
?
?
我们需要先了解一下什么是会话!可以把会话理解为客户端与服务器之间的一次会晤,在一次会晤中可能会包含多次请求和响应。例如你给10086打个电话,你就是客户端,而10086服务人员就是服务器了。从双方接通电话那一刻起,会话就开始了,到某一方挂断电话表示会话结束。在通话过程中,你会向10086发出多个请求,那么这多个请求都在一个会话中。
在JavaWeb中,客户向某一服务器发出第一个请求开始,会话就开始了,直到客户关闭了浏览器会话结束。
?
在一个会话的多个请求中共享数据,这就是会话跟踪技术。例如在一个会话中的请求如下:
?
在这上会话中当前用户信息必须在这个会话中共享的,因为登录的是张三,那么在转账和还款时一定是相对张三的转账和还款!这就说明我们必须在一个会话过程中有共享数据的能力。
?
我们知道HTTP协议是无状态协议,也就是说每个请求都是独立的!无法记录前一次请求的状态。但HTTP协议中可以使用Cookie来完成会话跟踪!
在JavaWeb中,使用session来完成会话跟踪,session底层依赖Cookie技术。
?
?
?
1.1 什么叫Cookie
Cookie翻译成中文是小甜点,小饼干的意思。在HTTP中它表示服务器送给客户端浏览器的小甜点。其实Cookie就是一个键和一个值构成的,随着服务器端的响应发送给客户端浏览器。然后客户端浏览器会把Cookie保存起来,当下一次再访问服务器时把Cookie再发送给服务器。
?
Cookie是由服务器创建,然后通过响应发送给客户端的一个键值对。客户端会保存Cookie,并会标注出Cookie的来源(哪个服务器的Cookie)。当客户端向服务器发出请求时会把所有这个服务器Cookie包含在请求中发送给服务器,这样服务器就可以识别客户端了!
?
1.2 Cookie规范
?
上面的数据只是HTTP的Cookie规范,但在浏览器大战的今天,一些浏览器为了打败对手,为了展现自己的能力起见,可能对Cookie规范"扩展"了一些,例如每个Cookie的大小为8KB,最多可保存500个Cookie等!但也不会出现把你硬盘占满的可能!
注意,不同浏览器之间是不共享Cookie的。也就是说在你使用IE访问服务器时,服务器会把Cookie发给IE,然后由IE保存起来,当你在使用FireFox访问服务器时,不可能把IE保存的Cookie发送给服务器。
?
1.3 Cookie与HTTP头
?
Cookie是通过HTTP请求和响应头在客户端和服务器端传递的:
Set-Cookie: a=A
Set-Cookie: b=B
Set-Cookie: c=C
?
1.4 Cookie的覆盖
如果服务器端发送重复的Cookie那么会覆盖原有的Cookie,例如客户端的第一个请求服务器端发送的Cookie是:Set-Cookie: a=A;第二请求服务器端发送的是:Set-Cookie: a=AA,那么客户端只留下一个Cookie,即:a=AA。
?
1.5 Cookie第一例
我们这个案例是,客户端访问AServlet,AServlet在响应中添加Cookie,浏览器会自动保存Cookie。然后客户端访问BServlet,这时浏览器会自动在请求中带上Cookie,BServlet获取请求中的Cookie打印出来。
?
AServlet.java
package cn.itcast.servlet; ? import java.io.IOException; import java.util.UUID; ? import javax.servlet.ServletException; import javax.servlet.http.Cookie; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; ? /** * 给客户端发送Cookie * @author Administrator * */ public class AServlet extends HttpServlet { ????public void doGet(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????response.setContentType("text/html;charset=utf-8"); ???????? ????????String id = UUID.randomUUID().toString();//生成一个随机字符串 ????????Cookie cookie = new Cookie("id", id);//创建Cookie对象,指定名字和值 ????????response.addCookie(cookie);//在响应中添加Cookie对象 ????????response.getWriter().print("已经给你发送了ID"); ????} } |
?
BServlet.java
package cn.itcast.servlet; ? import java.io.IOException; ? import javax.servlet.ServletException; import javax.servlet.http.Cookie; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; ? /** * 获取客户端请求中的Cookie * @author Administrator * */ public class BServlet extends HttpServlet { ????public void doGet(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????response.setContentType("text/html;charset=utf-8"); ???????? ????????Cookie[] cs = request.getCookies();//获取请求中的Cookie ????????if(cs != null) {//如果请求中存在Cookie ????????????for(Cookie c : cs) {//遍历所有Cookie ????????????????if(c.getName().equals("id")) {//获取Cookie名字,如果Cookie名字是id ????????????????????response.getWriter().print("您的ID是:" + c.getValue());//打印Cookie值 ????????????????} ????????????} ????????} ????} } |
?
?
?
2.1 什么是Cookie的生命
Cookie不只是有name和value,Cookie还是生命。所谓生命就是Cookie在客户端的有效时间,可以通过setMaxAge(int)来设置Cookie的有效时间。
?
2.2 浏览器查看Cookie
下面是浏览器查看Cookie的方式:
?
2.3 案例:显示上次访问时间
AServlet.java
????public void doGet(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????response.setContentType("text/html;charset=utf-8"); ???????? ????????Cookie cookie = new Cookie("lasttime", new Date().toString()); ????????cookie.setMaxAge(60 * 60); ????????response.addCookie(cookie); ???????? ????????Cookie[] cs = request.getCookies(); ????????String s = "您是首次访问本站!"; ????????if(cs != null) { ????????????for(Cookie c : cs) { ????????????????if(c.getName().equals("lasttime")) { ????????????????????s = "您上次的访问时间是:" + c.getValue(); ????????????????} ????????????} ????????} ???????? ????????response.getWriter().print(s); ????} |
?
3.1 什么是Cookie的路径
现在有WEB应用A,向客户端发送了10个Cookie,这就说明客户端无论访问应用A的哪个Servlet都会把这10个Cookie包含在请求中!但是也许只有AServlet需要读取请求中的Cookie,而其他Servlet根本就不会获取请求中的Cookie。这说明客户端浏览器有时发送这些Cookie是多余的!
可以通过设置Cookie的path来指定浏览器,在访问什么样的路径时,包含什么样的Cookie。
3.2 Cookie路径与请求路径的关系
下面我们来看看Cookie路径的作用:
下面是客户端浏览器保存的3个Cookie的路径:
a: /cookietest;
b: /cookietest/servlet;
c: /cookietest/jsp;
?
下面是浏览器请求的URL:
A: http://localhost:8080/cookietest/AServlet;
B: http://localhost:8080/cookietest/servlet/BServlet;
C: http://localhost:8080/cookietest/servlet/CServlet;
?
?
也就是说,请求路径如果包含了Cookie路径,那么会在请求中包含这个Cookie,否则不会请求中不会包含这个Cookie。
?
3.3 设置Cookie的路径
设置Cookie的路径需要使用setPath()方法,例如:
cookie.setPath("/cookietest/servlet");
?
如果没有设置Cookie的路径,那么Cookie路径的默认值当前访问资源所在路径,例如:
?
Cookie的domain属性可以让网站中二级域共享Cookie,次要!
百度你是了解的对吧!
http://www.baidu.com
http://zhidao.baidu.com
http://news.baidu.com
http://tieba.baidu.com
现在我希望在这些主机之间共享Cookie(例如在www.baidu.com中响应的cookie,可以在news.baidu.com请求中包含)。很明显,现在不是路径的问题了,而是主机的问题,即域名的问题。处理这一问题其实很简单,只需要下面两步:
?
当domain为".baidu.com"时,无论前缀是什么,都会共享Cookie的。但是现在我们需要设置两个虚拟主机:www.baidu.com和news.baidu.com。
?
第一步:设置windows的DNS路径解析
找到C:\WINDOWS\system32\drivers\etc\hosts文件,添加如下内容
127.0.0.1 localhost 127.0.0.1 www.baidu.com 127.0.0.1 news.baidu.com |
?
第二步:设置Tomcat虚拟主机
找到server.xml文件,添加<Host>元素,内容如下:
<Host name="www.baidu.com" appBase="F:\webapps\www" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"/> <Host name="news.baidu.com" appBase="F:\webapps\news" unpackWARs="true" autoDeploy="true" xmlValidation="false" xmlNamespaceAware="false"/> |
?
第三步:创建A项目,创建AServlet,设置Cookie。
????????Cookie c = new Cookie("id", "baidu"); ????????c.setPath("/"); ????????c.setDomain(".baidu.com"); ????????c.setMaxAge(60*60); ????????response.addCookie(c); ????????response.getWriter().print("OK"); |
?
把A项目的WebRoot目录复制到F:\webapps\www目录下,并把WebRoot目录的名字修改为ROOT。
?
第四步:创建B项目,创建BServlet,获取Cookie,并打印出来。
?
把B项目的WebRoot目录复制到F:\webapps\news目录下,并把WebRoot目录的名字修改为ROOT。
?
第五步:访问www.baidu.com\AServlet,然后再访问news.baidu.com\BServlet。
?
Cookie的name和value都不能使用中文,如果希望在Cookie中使用中文,那么需要先对中文进行URL编码,然后把编码后的字符串放到Cookie中。
向客户端响应中添加Cookie
????????String name = URLEncoder.encode("姓名", "UTF-8"); ????????String value = URLEncoder.encode("张三", "UTF-8"); ????????Cookie c = new Cookie(name, value); ????????c.setMaxAge(3600); ????????response.addCookie(c); |
?
从客户端请求中获取Cookie
????????response.setContentType("text/html;charset=utf-8"); ????????Cookie[] cs = request.getCookies(); ????????if(cs != null) { ????????????for(Cookie c : cs) { ????????????????String name = URLDecoder.decode(c.getName(), "UTF-8"); ????????????????String value = URLDecoder.decode(c.getValue(), "UTF-8"); ????????????????String s = name + ": " + value + "<br/>"; ????????????????response.getWriter().print(s); ????????????} ????????} |
?
?
index.jsp
<body> <h1>商品列表</h1> <a href="/day06_3/GoodServlet?name=ThinkPad">ThinkPad</a><br/> <a href="/day06_3/GoodServlet?name=Lenovo">Lenovo</a><br/> <a href="/day06_3/GoodServlet?name=Apple">Apple</a><br/> <a href="/day06_3/GoodServlet?name=HP">HP</a><br/> <a href="/day06_3/GoodServlet?name=SONY">SONY</a><br/> <a href="/day06_3/GoodServlet?name=ACER">ACER</a><br/> <a href="/day06_3/GoodServlet?name=DELL">DELL</a><br/> ? <hr/> 您浏览过的商品: <% ????Cookie[] cs = request.getCookies(); ????if(cs != null) { ????????for(Cookie c : cs) { ????????????if(c.getName().equals("goods")) { ????????????????out.print(c.getValue()); ????????????} ????????} ????} %> </body> |
?
GoodServlet
public class GoodServlet extends HttpServlet { ????public void doGet(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????String goodName = request.getParameter("name"); ????????String goods = CookieUtils.getCookValue(request, "goods"); ???????? ????????if(goods != null) { ????????????String[] arr = goods.split(", "); ????????????Set<String> goodSet = new LinkedHashSet(Arrays.asList(arr)); ????????????goodSet.add(goodName); ????????????goods = goodSet.toString(); ????????????goods = goods.substring(1, goods.length() - 1); ????????} else { ????????????goods = goodName; ????????} ????????Cookie cookie = new Cookie("goods", goods); ????????cookie.setMaxAge(1 * 60 * 60 * 24); ????????response.addCookie(cookie); ???????? ????????response.sendRedirect("/day06_3/index.jsp"); ????} } |
?
CookieUtils
public class CookieUtils { ????public static String getCookValue(HttpServletRequest request, String name) { ????????Cookie[] cs = request.getCookies(); ????????if(cs == null) { ????????????return null; ????????} ????????for(Cookie c : cs) { ????????????if(c.getName().equals(name)) { ????????????????return c.getValue(); ????????????} ????????} ????????return null; ????} } |
?
?
1.1 什么是HttpSesssion
javax.servlet.http.HttpSession接口表示一个会话,我们可以把一个会话内需要共享的数据保存到HttSession对象中!
?
1.2 获取HttpSession对象
?
1.3 HttpSession是域对象
我们已经学习过HttpServletRequest、ServletContext,它们都是域对象,现在我们又学习了一个HttpSession,它也是域对象。它们三个是Servlet中可以使用的域对象,而JSP中可以多使用一个域对象,明天我们再讲解JSP的第四个域对象。
?
下载是session的域方法:
?
需要的页面:
?
Servlet:
?
当用户没有登录时访问index1.jsp或index2.jsp,显示"您还没有登录"。如果用户在login.jsp登录成功后到达index1.jsp页面会显示当前用户名,而且不用再次登录去访问index2.jsp也会显示用户名。因为多次请求在一个会话范围,index1.jsp和index2.jsp都会到session中获取用户名,session对象在一个会话中是相同的,所以都可以获取到用户名!
?
login.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>login.jsp</title> </head> ? <body> <h1>login.jsp</h1> <hr/> <form action="/day06_4/LoginServlet" method="post"> ????用户名:<input type="text" name="username" /><br/> <input type="submit" value="Submit"/> </form> </body> </html> |
?
index1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index1.jsp</title> </head> ? <body> <h1>index1.jsp</h1> <% ????String username = (String)session.getAttribute("username"); ????if(username == null) { ????????out.print("您还没有登录!"); ????} else { ????????out.print("用户名:" + username); ????} %> <hr/> <a href="/day06_4/index2.jsp">index2</a> </body> </html> |
?
index2.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> ? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>index2.jsp</title> </head> ? <body> <h1>index2.jsp</h1> <% ????String username = (String)session.getAttribute("username"); ????if(username == null) { ????????out.print("您还没有登录!"); ????} else { ????????out.print("用户名:" + username); ????} %> <hr/> <a href="/day06_4/index1.jsp">index1</a> </body> </html> |
?
LoginServlet
public class LoginServlet extends HttpServlet { ????public void doPost(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????request.setCharacterEncoding("utf-8"); ????????response.setContentType("text/html;charset=utf-8"); ???????? ????????String username = request.getParameter("username"); ???????? ????????if(username.equalsIgnoreCase("itcast")) { ????????????response.getWriter().print("用户名或密码错误!"); ????????} else { ????????????HttpSession session = request.getSession(); ????????????session.setAttribute("username", username); ????????????response.sendRedirect("/day06_4/index1.jsp"); ????????} ????} } |
?
session底层是依赖Cookie的!我们来理解一下session的原理吧!
当我首次去银行时,因为还没有账号,所以需要开一个账号,我获得的是银行卡,而银行这边的数据库中留下了我的账号,我的钱是保存在银行的账号中,而我带走的是我的卡号。
当我再次去银行时,只需要带上我的卡,而无需再次开一个账号了。只要带上我的卡,那么我在银行操作的一定是我的账号!
?
当首次使用session时,服务器端要创建session,session是保存在服务器端,而给客户端的session的id(一个cookie中保存了sessionId)。客户端带走的是sessionId,而数据是保存在session中。
当客户端再次访问服务器时,在请求中会带上sessionId,而服务器会通过sessionId找到对应的session,而无需再创建新的session。
?
session保存在服务器,而sessionId通过Cookie发送给客户端,但这个Cookie的生命不-1,即只在浏览器内存中存在,也就是说如果用户关闭了浏览器,那么这个Cookie就丢失了。
当用户再次打开浏览器访问服务器时,就不会有sessionId发送给服务器,那么服务器会认为你没有session,所以服务器会创建一个session,并在响应中把sessionId中到Cookie中发送给客户端。
你可能会说,那原来的session对象会怎样?当一个session长时间没人使用的话,服务器会把session删除了!这个时长在Tomcat中配置是30分钟,可以在${CATALANA}/conf/web.xml找到这个配置,当然你也可以在自己的web.xml中覆盖这个配置!
web.xml
<session-config> <session-timeout>30</session-timeout> </session-config> |
?
session失效时间也说明一个问题!如果你打开网站的一个页面开始长时间不动,超出了30分钟后,再去点击链接或提交表单时你会发现,你的session已经丢失了!
?
?
我们知道session依赖Cookie,那么session为什么依赖Cookie呢?因为服务器需要在每次请求中获取sessionId,然后找到客户端的session对象。那么如果客户端浏览器关闭了Cookie呢?那么session是不是就会不存在了呢?
其实还有一种方法让服务器收到的每个请求中都带有sessioinId,那就是URL重写!在每个页面中的每个链接和表单中都添加名为jSessionId的参数,值为当前sessionid。当用户点击链接或提交表单时也服务器可以通过获取jSessionId这个参数来得到客户端的sessionId,找到sessoin对象。
index.jsp
<body> <h1>URL重写</h1> <a href=‘/day06_5/index.jsp;jsessionid=<%=session.getId() %>‘ >主页</a> ? <form action=‘/day06_5/index.jsp;jsessionid=<%=session.getId() %>‘ method="post"> ????<input type="submit" value="提交"/> </form> </body> |
?
也可以使用response.encodeURL()对每个请求的URL处理,这个方法会自动追加jsessionid参数,与上面我们手动添加是一样的效果。
<a href=‘<%=response.encodeURL("/day06_5/index.jsp") %>‘ >主页</a> ? <form action=‘<%=response.encodeURL("/day06_5/index.jsp") %>‘ method="post"> ????<input type="submit" value="提交"/> </form> |
?
使用response.encodeURL()更加"智能",它会判断客户端浏览器是否禁用了Cookie,如果禁用了,那么这个方法在URL后面追加jsessionid,否则不会追加。
?
?
在我们注册时,如果没有验证码的话,我们可以使用URLConnection来写一段代码发出注册请求。甚至可以使用while(true)来注册!那么服务器就废了!
验证码可以去识别发出请求的是人还是程序!当然,如果聪明的程序可以去分析验证码图片!但分析图片也不是一件容易的事,因为一般验证码图片都会带有干扰线,人都看不清,那么程序一定分析不出来。
?
现在我们已经有了cn.itcast.utils.VerifyCode类,这个类可以生成验证码图片!下面来看一个小例子。
????public void fun1() throws IOException { ????????// 创建验证码类 ????????VerifyCode vc = new VerifyCode(); ????????// 获取随机图片 ????????BufferedImage image = vc.getImage(); ????????// 获取刚刚生成的随机图片上的文本 ????????String text = vc.getText(); ????????System.out.println(text); ????????// 保存图片 ????????FileOutputStream out = new FileOutputStream("F:/xxx.jpg"); ????????VerifyCode.output(image, out); ????} |
?
我们需要写一个VerifyCodeServlet,在这个Servlet中我们生成动态图片,然后它图片写入到response.getOutputStream()流中!然后让页面的<img>元素指定这个VerifyCodServlet即可。
VerifyCodeServlet
public class VerifyCodeServlet extends HttpServlet { ????public void doGet(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????VerifyCode vc = new VerifyCode(); ????????BufferedImage image = vc.getImage(); ????????String text = vc.getText(); ????????System.out.println("text:" + text); ????????VerifyCode.output(image, response.getOutputStream()); ????} } |
?
index.jsp
????<script type="text/javascript"> ????function _change() { ????????var imgEle = document.getElementById("vCode"); ????????imgEle.src = "/day06_6/VerifyCodeServlet?" + new Date().getTime(); ????} </script> ... <body> <h1>验证码</h1> <img id="vCode" src="/day06_6/VerifyCodeServlet"/> <a href="javascript:_change()">看不清,换一张</a> </body> |
?
<form action="/day06_6/RegistServlet" method="post"> ????用户名:<input type="text" name="username"/><br/> ????验证码:<input type="text" name="code" size="3"/> ????<img id="vCode" src="/day06_6/VerifyCodeServlet"/> ????<a href="javascript:_change()">看不清,换一张</a> ????<br/> <input type="submit" value="Submit"/> </form> |
?
?
修改VerifyCodeServlet
public class VerifyCodeServlet extends HttpServlet { ????public void doGet(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????VerifyCode vc = new VerifyCode(); ????????BufferedImage image = vc.getImage(); ????????request.getSession().setAttribute("vCode", vc.getText()); ????????VerifyCode.output(image, response.getOutputStream()); ????} } |
?
?
RegistServlet
public class RegistServlet extends HttpServlet { ????public void doPost(HttpServletRequest request, HttpServletResponse response) ????????????throws ServletException, IOException { ????????request.setCharacterEncoding("utf-8"); ????????response.setContentType("text/html;charset=utf-8"); ???????? ????????String username = request.getParameter("username"); ????????String vCode = request.getParameter("code"); ???????? ????????String sessionVerifyCode = (String)request.getSession().getAttribute("vCode"); ???????? ????????if(vCode.equalsIgnoreCase(sessionVerifyCode)) { ????????????response.getWriter().print(username + ", 恭喜!注册成功!"); ????????} else { ????????????response.getWriter().print("验证码错误!"); ????????} ????} } |
?
?
?
?
?
?
?
标签:
原文地址:http://www.cnblogs.com/weiqinshian/p/4906117.html