JavaWeb(第十周)

作者: mwj610 | 来源:发表于2019-05-13 08:12 被阅读0次

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

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](https://upload-images.jianshu.io/upload_images/142 01683-372790cae22c7da6.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

七、自定义函数库

image.png

JavaWeb(第十周)

day12

一、生成图片

二、验证码

三、JSP三大指令

1.page指令

2.include：静态包含

3.taglib：导入标签库

四、九个内置对象

1.pageContext

2.JSP动作标签

3.javaBean

五、EL表达式

六、EL函数库

七、自定义函数库

相关文章

网友评论

延伸阅读

深度阅读

栏目导航

热点阅读