JavaWeb(第十周)
2019-05-13 本文已影响0人
mwj610
day12
一、生成图片
public class Demo {
@Test
public void fun1() throws IOException {
//1.创建图片缓冲区；设置宽高
BufferedImage bi = new BufferedImage(70,35,BufferedImage.TYPE_INT_RGB);
//2.得到这个图片的绘制环境（得到画笔）
Graphics2D g = (Graphics2D) bi.getGraphics();
g.setColor(Color.white);//把环境设置为白色
g.fillRect(0,0,70,35);//填充矩形
g.setColor(Color.red);//把环境设置为红色
g.drawString("Hello",2,2);//向图片写入字符串
ImageIO.write(bi, "JPEG", new FileOutputStream("E:/xxx.jpg"));
}
}
二、验证码
//Demo.java
@Test
public void fun2() throws IOException {
VerifyCode vc = new VerifyCode();
BufferedImage bi = vc.getImage();
VerifyCode.output(bi,new FileOutputStream("E:/xxx.jpg"));
System.out.println(vc.getText());
}
//login.jsp
<head>
<title>Title</title>
<script type="text/javascript">
function _change() {
/*
* 1.得到img元素
* 2.修改其src为day11_1/VerifyCodeServlet
* */
var imgEle = document.getElementById("img");
imgEle.src = "/day11_1/VerifyCodeServlet?a=" + new Date().getTime();
}
</script>
</head>
验证码：<input type="text" name="verifyCode" size="3"/>
<img id="img" src="/day11_1/VerifyCodeServlet"/>
<a href="javascript:_change()">换一张</a>
//VerifyCodeServlet.java
package cn.itcast.servlet;
import cn.itcast.image.VerifyCode;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.awt.image.BufferedImage;
import java.io.IOException;
@WebServlet(name = "VerifyCodeServlet",urlPatterns = {"/VerifyCodeServlet"})
public class VerifyCodeServlet extends HttpServlet {
protected void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
/*1.生成图片
2.保存图片上的文本到session域中
3.把图片响应给客户端
* */
VerifyCode vc = new VerifyCode();
BufferedImage image = vc.getImage();
request.getSession().setAttribute("session_vcode", vc.getText());
VerifyCode.output(image,response.getOutputStream());
}
}
//VerifyCode.java
package cn.itcast.image;
import javax.imageio.ImageIO;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.FileOutputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.util.Random;
public class VerifyCode {
private int w = 70;
private int h =35;
private Random r = new Random();
private String[] fontNames = {"宋体","华文楷体","黑体","微软雅黑","楷体_GB2312"};
private String codes = "23456789zxcvbnmasdfghjklqwertyuopZXCVBNMASDFGHJKQWERTYUIP";
private Color bgColor = new Color(255,255,255);
private String text;//验证码上的文本
public static void output(BufferedImage image, OutputStream out) throws IOException {
ImageIO.write(image, "JPEG", out);
}
//生成随机颜色
private Color randomColor(){
int red = r.nextInt(150);
int green = r.nextInt(150);
int blue = r.nextInt(150);
return new Color(red, green, blue);
}
//生成随机的字体
private Font randomFont(){
int index = r.nextInt(fontNames.length);
String fontName = fontNames[index];
int style = r.nextInt(4);//生成随机的样式0（无样式），
// 1（粗体），2（斜体），3（粗体+斜体）
int size = r.nextInt(5) + 24;//生成随机字号，24~28
return new Font(fontName, style, size);
}
//画干扰线
private void drawLine(BufferedImage image){
int num = 3;//一共画三条
Graphics2D g2 = (Graphics2D) image.getGraphics();
for(int i = 0;i<num;i++){//生成两个点的坐标，即4个值
int x1 = r.nextInt(w);
int y1 = r.nextInt(h);
int x2 = r.nextInt(w);
int y2 = r.nextInt(h);
g2.setStroke(new BasicStroke(1.5F));
g2.setColor(Color.BLUE);//干扰线是蓝色
g2.drawLine(x1,y1,x2,y2);//画线
}
}
//随机生成一个字符
private char randomChar(){
int index = r.nextInt(codes.length());
return codes.charAt(index);
}
public BufferedImage getImage(){
BufferedImage image = createImage();//创建图片缓冲区
Graphics2D g2 = (Graphics2D) image.getGraphics();//得到绘制环境
StringBuilder sb = new StringBuilder();//用来装载生成的验证码文本
//向图片中画4个字符
for(int i =0;i<4;i++){//循环4次，每次生成一个字符
String s = randomChar() + "";//随机生成一个字母
sb.append(s);//把字母添加到sb中
float x = i*1.0F*w/4;//设置当前字符的x轴坐标
g2.setFont(randomFont());//设置随机字体
g2.setColor(randomColor());//设置随机颜色
g2.drawString(s,x,h-5);//画图
}
this.text = sb.toString();//把生成的字符串赋给了this.text
drawLine(image);//添加干扰线
return image;
}//返回验证码图片上的文本
public String getText(){
return text;
}
private BufferedImage createImage() {
BufferedImage image = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
Graphics2D g2 = (Graphics2D) image.getGraphics();
g2.setColor(this.bgColor);
g2.fillRect(0,0,w,h);
return image;
}
}
//Login.jsp
/*
* 校验验证码
* 1.从session中获取正确的验证码
* 2.从表单中获取用户填写的验证码
* 3.进行比较
* 4.如果相同，向下运行，否则保留错误信息到request域，转发到login.jsp
* */
String sessionCode = (String) request.getSession().getAttribute("session_vcode");
String paramCode = request.getParameter("verifyCode");
if(!paramCode.equalsIgnoreCase(sessionCode)){
request.setAttribute("msg","验证码错误！");
request.getRequestDispatcher("/session2/login.jsp").forward(request,response);
return;
}
三、JSP三大指令
1.page指令
格式：<%@page language="java" info="xxx"...%>
pageEncoding和contentType
- pageEncoding：pageEncoding他指定当前jsp页面的编码。在服务器要把jsp编译成.java时需要使用pageEncoding
-
contentType：它表示添加一个响应头：Content-Type！等同于 response.setContentType("text/html;charset=ut-8");
如果两个属性值提供一个，那么另一个的默认值为设置的那一个
如果两个属性都没有设置，那么默认为iso -
import：导包！可以出现多次
errorPage和isErrorPage - errorPage：当前页面如果抛出异常，那么要转发到那一个页面，由errorPage来指定
-
isErrorPage:它指定当前页面是否为处理错误的页面!当该属性为true时这个页面会设置状态码为500，并且这个页面可以使用九大内置对象中的exception！
web.xml中配置错误页面
image.png
- autoFlush:指定jsp的输出流缓冲区慢时，是否自动刷新！默认为true，如果为false，那么在缓冲区慢时抛出异常
- buffer：指定缓冲区大小，默认为8kb，通常不需要修改！
- isELIgnored：是否忽略el表达式，默认值为false，不忽略，即支持！
2.include：静态包含
image.png
3.taglib：导入标签库
两个属性：
- prefix：指定标签库在本页面中的前缀！
- uri：指定标签库的位置！
<%@taglib prefix="s" uri="/struts-tag"%>前缀的用法<s:text>
四、九个内置对象
- out：jsp的输出流，用来向客户端响应
- page：当前jsp对象！他的引用类型是Object，即真身中有如下代码：Object page = this；
- config：他对应真身中的ServletConfig对象；
- pageContext：一个顶九个
- request：HttpServletRequset
- response：HttpServletResponse
- exception：Throwable
- session：Httpsession
- application：ServletContext
1.pageContext
Servlet中有三大域，jsp中有四大域。
- ServletContext：整个应用程序
- session：整个会话（一个会话中只有一个用户）
- request：一个请求链
-
pageContext：一个jsp页面！这个域是在当前jsp页面和当前jsp页面中使用的标签之间共享数据！
（1）域对象
（2）代理其他域：pageContext.setAttribute("xxx","XXX",PageContext.SESSION_SCOPE);
（3）全域查找：pageContext.findAttribute("xxx");从小到大，依赖查找
（4）获取其他8个内置对象
2.JSP动作标签
这些JSP的动作标签，与html提供的标签有本质的区别
- 动作标签是由tomcat（服务器）来解释执行！它与java代码一样，都是在服务器端执行！
- html有浏览器来执行！
- <jsp:forward>:转发！它与RequestDispatcher的forward方法是一样的，一个是在servlet中使用，一个是在jsp中使用
- <%jsp:include%>：包含：它与RequestDispatcher的include方法是一样的，一个是在servlet中使用，一个是在jsp中使用
- <%jsp:param%>：它用来作为forward和include的子标签！用来给转发或包含的页面传递参数！
3.javaBean
javaBean的规范：
1.必须要有一个默认构造器
2.提供get/set方法，如果只有get方法，那么这个属性是只读属性！
3.属性：有get/set方法的成员，还可以没有成员，只有get/set方法。属性名称由get/set来决定，而不是成员名称！
4.方法名称满足一定的规范，那么他就是属性！boolean类型的属性，它的读方法可以是is开头，也可以是get开头！
内省流程：内省类 -->属性描述符-->属性的get/set对应的Method-->可以反射了！
内省图：
image.png
image.png
jsp中与javaBean相关的标签
image.png
五、EL表达式
1.EL是JSP内置的表达式语言！
- EL替代的是<%= ...%>,也就是说，EL只能做输出！
2.EL表达式来读取四大域
- ${xxx},全域查找名为xxx的属性，如果不存在，输出空字符串，而不是null
- ${pageScope.xxx}、${requestScope.xxx}、${sessionScope.xxx}、
${applicationScope.xxx}指定域获取属性！
3.EL可以输出的东西都在11个内置对象中！11个内置对象，其中10个是Map！pageContext不是map，他就是pageContext类型。
- param：对应参数，它是一个Map，其中key是参数名，value是参数值，适用于单值的参数。
- paramValues：对应参数，它是一个Map，其中key是参数名，value是多个参数值，适用于多值的参数。
- header：对应请求头，它是一个Map，其中key表示头名称，value是多个头值，适用于多值请求头
- headerValues：对应请求头，它是一个Map，其中key表示头名称，value是多个头值，适用于多值请求头
- initParam：获取<context-param>内的参数！
- cookie：Map<String,Cookie>类型，其中key是cookie的name，value是cookie的对象。
- pageContext：它是PageContext类型！${pageContext.request.contextPath}
六、EL函数库
导入标签库：<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
image.png
七、自定义函数库
image.png
