Javaweb基础学习(4)

一、JSP学习

1.1 JSP的简介概述

概念: Java Server Pages,Java服务端页面

  • 一种动态的网页技术,其中既可以定义HTML、JS、CSS等静态内容,还可以定义Java代码的动态内容

简单理解:

  1. JSP = HTML + Java
  2. JSP作用:简化开发,避免了在Servlet中直接输出HTML标签

1.2 JSP快速入门

步骤:

  1. 导入JSP坐标
<dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
            <scope>provided</scope>
        </dependency>
  1. 创建JSP文件
    在这里插入图片描述
  2. 书写Java + HTML
    在这里插入图片描述

1.3 JSP原理

  • 概念: Java Server Pages,Java服务端页面
  • JSP=HTML +Java,用于简化开发的
  • JSP本质上就是一个Servlet

在这里插入图片描述

1.4 JSP脚本

  • JSP脚本用于在JSP页面内定义Java代码

JSP脚本分类:

  1. <%...%>:内容会直接放到 jspService()方法之中
  2. <%=...%>:内容会放到out.print()中,作为out.print()的参数
  3. <%!...%>:内容会放到jspService()方法之外,被类直接包含

在这里插入图片描述

<%@ page import="com.huanglei.pojo.Brand" %>
<%@ page import="java.util.ArrayList" %>
<%@ page import="java.util.List" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    //查询数据库
    List<Brand> brands = new ArrayList<Brand>();
    brands.add(new Brand(1,"三只松鼠","三只松鼠",100,"三只松鼠,好吃不上火",1));
    brands.add(new Brand(2,"优衣库","优衣库",200,"优衣库,服适人生",0));
    brands.add(new Brand(3,"小米","小米科技有限公司",1000,"为发烧而生",1));
%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>序号</th>
        <th>品牌名称</th>
        <th>企业名称</th>
        <th>排序</th>
        <th>品牌介绍</th>
        <th>状态</th>
        <th>操作</th>

    </tr>
<%
    for (int i = 0; i < brands.size(); i++) {
        Brand brand = brands.get(i);
%>
    <tr align="center">
        <td><%=brand.getId()%></td>
        <td><%=brand.getBrandName()%></td>
        <td><%=brand.getCompanyName()%></td>
        <td><%=brand.getOrdered()%></td>
        <td><%=brand.getDescription()%></td>

        <%
            if (brand.getStatus() == 1){
        %>
             <td><%="启用"%></td>
        <%
            }else {
        %>
            <td><%="禁用"%></td>
        <%
            }
        %>
        <td><a href="#">修改</a> <a href="#">删除</a></td>
    </tr>
<%
    }
%>
</table>

</body>
</html>

1.5 JSP缺点

  • 由于JSP页面内,既可以定义HTML标签,又可以定义Java代码,造成了以下问题:
  • 书写麻烦:特别是复杂的页面
  • 阅读麻烦
  • 复杂度高:运行需要依赖于各种环境,JRE,JSP容器,JavaEE…
  • 占内存和磁盘:JSP会自动生成.java和.class文件占磁盘,运行的是.class文件占内存
  • 调试困难:出错后,需要找到自动生成的.java文件进行调试
  • 不利于团队协作:前端人员不会Java,后端人员不精HTML

1.6 EL表达式

  • Expression Language表达式语言,用于简化JSP页面内的Java代码

  • 主要功能:获取数据

  • 语法:${expression}
    ${brands}:获取域中存储的key为brands的数据

JavaWeb中的四大域对象:

  1. page:当前页面有效
  2. request:当前请求有效
  3. session:当前会话有效
  4. application:当前应用有效

在这里插入图片描述

el表达式获取数据,会依次从这4个域中寻找,直到找到为止

jsp:

<%--
  Created by IntelliJ IDEA.
  User: LENOVO
  Date: 2023/8/21
  Time: 10:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    ${users};
</body>
</html>

Serverlet:

package com.huanglei.Serverlets;

import com.huanglei.mapper.UserMapper;
import com.huanglei.pojo.User;
import org.apache.ibatis.io.Resources;
import org.apache.ibatis.session.SqlSession;
import org.apache.ibatis.session.SqlSessionFactory;
import org.apache.ibatis.session.SqlSessionFactoryBuilder;

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.io.IOException;
import java.io.InputStream;
import java.util.List;

@WebServlet("/dom1")
public class ServletDom1 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //获取数据
        String resource = "mybatis-config.xml";
        InputStream inputStream = Resources.getResourceAsStream(resource);
        SqlSessionFactory sqlSessionFactory = new SqlSessionFactoryBuilder().build(inputStream);
        SqlSession sqlSession = sqlSessionFactory.openSession();

        UserMapper mapper = sqlSession.getMapper(UserMapper.class);
        List<User> user = mapper.select();

        //然后将数据传输
        req.setAttribute("users",user);
        req.getRequestDispatcher("/dom1.jsp").forward(req,resp);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req,resp);
    }
}

1.7 JSL标签

  • JSP标准标签库(Jsp Standarded Tag Library),使用标签取代JSP页面上的Java代码
    在这里插入图片描述

1.7.1 JSL快速入门

  • 导入JSTL坐标
<dependency>
	<groupId>jstl</groupId>
	<artifactId>jstl<lartifactId>
	<version>1.2</version>
</dependency>
<dependency>
	<groupId>taglibs</groupId>
	<artifactId>standard</artifactId>
	<version>1.1.2</version>
</dependency>
  • 在JSP页面上引入JSTL标签库的位置
<%@ taglib prefix= "c" uri= "http://java.sun.com/jsp/jstl/core" %>
  • 使用

c:if

<%--
  Created by IntelliJ IDEA.
  User: LENOVO
  Date: 2023/8/22
  Time: 16:20
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <c:if test="true">
        正确
    </c:if>
    <c:if test="false">
        错误,无法显示
    </c:if>

</body>
</html>

<c:forEach>:相当于for循环
items:被遍历的容器
var:遍历产生的临时变量
varStatus:遍历状态对象
count:从1开始遍历的数字
status:从0开始遍历的数字
在这里插入图片描述

<%--
  Created by IntelliJ IDEA.
  User: LENOVO
  Date: 2023/8/22
  Time: 16:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<input type="button" value="新增"><br>
<hr>
<table border="1" cellspacing="0" width="800">
    <tr>
        <th>序号</th>
        <th>用户名字</th>
        <th>用户密码</th>
        <th>用户邮箱</th>
    </tr>
    <%--    lists表示传输过来的数据集合,list表示的是集合当中的每一个数据--%>
    <c:forEach items="${lists}" var="list">
        <tr align="center">
            <td>${list.userId}</td>
            <td>${list.userName}</td>
            <td>${list.userPassword}</td>
            <td>${list.userEmail}</td>
            <td><a href="#">修改</a> <a href="#">删除</a></td>
        </tr>
    </c:forEach>
</table>
</body>
</html>

1.8 MVC 模式和三层架构

  • MVC是一种分层开发的模式,其中
    M:Model,业务模型,处理业务
    V: View,视图,界面展示
    C:Controller,控制器,处理请求,调用模型和视图

  • MVC好处
    1.职责单一,互不影响
    2.有利于分工协作
    3.有利于组件重用

在这里插入图片描述

1.9 三层架构

在这里插入图片描述

  • 数据访问层:对数据库的CRUD基本操作
  • 业务逻辑层:对业务逻辑进行封装,组合数据访问层层中基本功能,形成复杂的业务
  • 逻辑功能表现层:接收请求,封装数据,调用业务逻辑层,响应数据

三、会话跟踪技术

3.1 会话跟踪技术介绍

  • 会话:用户打开浏览器,访问web服务器的资源,会话建立,直到有一方断开连接,会话结束。在一次会话中可以包含多次请求和响应

  • 会话跟踪:一种维护浏览器状态的方法,服务器需要识别多次请求是否来自于同一浏览器,以便在同一次会话的多次请求间共享数据

  • HTTP协议是无状态的,每次浏览器向服务器请求时,服务器都会将该请求视为新的请求,因此我们需要会话跟踪技术来实现会话内数据共享

  • 实现方式:
    1.客户端会话跟踪技术:Cookie
    2.服务端会话跟踪技术:Session

在这里插入图片描述

3.2 Cookie的基本使用

  • Cookie:客户端会话技术,将数据保存到客户端,以后每次请求都携带Cookie数据进行访问

Cookie基本使用

  1. 创建Cookie对象,设置数据
Cookie cookie = new Cookie("key" ,"value");
  1. 发送Cookie到客户端:使用response对象
response.addCookie(cookie);
  1. 获取Cookie
  • 获取客户端携带的所有Cookie,使用request对象
Cookie[] cookies = request.getCookies();
  • 遍历数组,获取每一个Cookie对象
for(cookies:cookie){
}
  • 使用Cookie对象方法获取数据
cookie.getName();
cookie.getValue();

发送数据的案列(Cookie):

package com.itheima.Servlet.cookie;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.net.URLDecoder;
import java.net.URLEncoder;
import java.text.CollationKey;

@WebServlet("/aServlet")
public class AServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //1. 创建Cookie
        String value = "张三";

        value = URLEncoder.encode(value,"UTF-8");

        Cookie cookie = new Cookie("username", value);
        
        //2. 发送Cookie到客户端
        resp.addCookie(cookie);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

接收数据的案列(Cookie):

package com.itheima.Servlet.cookie;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@WebServlet("/bServlet")
public class BServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
       //1. 获取到Cookie
        Cookie[] cookies = req.getCookies();

        for (Cookie cookie : cookies) {
            String name = cookie.getName();
            if(name.equals("username")){
                String value = cookie.getValue();
                System.out.println(name + ": "+ value);
                break;
            }
        }
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

3.3、Cookie原理

Cookie的实现是基于HTTP协议的

  • 响应头: set-cookie
  • 请求头: cookie
    在这里插入图片描述

3.4 Cookie的细节

  • Cookie的存活时间:
  1. 默认情况下,Cookie存储在浏览器内存中,当浏览器关闭,内存释放,则Cookie被销毁
  2. setMaxAge(int seconds):设置Cookie存活时间
    正数将Cookie写入浏览器所在电脑的硬盘,持久化存储。到时间自动删除
    负数默认值,Cookie在当前浏览器内存中,当浏览器关闭,则Cookie被销毁
    删除对应Cookie
  • Cookie存储中文
    1.Cookie不能直接存储中文
    2.如果需要存储,则需要进行转码:URL编码
//编码
 value = URLEncoder.encode(value,"UTF-8");
//解码
 value = URLDecoder.decode(value,"UTF-8");

代码演示:

package com.itheima.Servlet.session;

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 javax.servlet.http.HttpSession;
import java.io.IOException;
import java.net.URLDecoder;

@WebServlet("/dom1")
public class sessionDom1 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //发送数据到session

        //1.创建session对象
        HttpSession session = req.getSession();

        String value = "张三";

        //2.发送数据到session
        session.setAttribute("username",value);

    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

package com.itheima.Servlet.session;

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 javax.servlet.http.HttpSession;
import java.io.IOException;

@WebServlet("/dom2")
public class sessionDom2 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //接收数据

        HttpSession session = req.getSession();

        Object username = session.getAttribute("username");

        System.out.println(username);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doGet(req, resp);
    }
}

3.5、Session 基本使用

  • 服务端会话跟踪技术:将数据保存到服务端
  • JavaEE提供HttpSession接口,来实现一次会话的多次请求间数据共享功能

使用:

  1. 获取Session对象
HttpSession session = request.getSession();
  1. Session对象功能:
    void setAttribute(String name, Object o):存储数据到session域中
    Object getAttribute(String name):根据key,获取值
    void removeAttribute(String name):根据key,删除该键值对

3.6、Session 原理

  • Session是基于Cookie实现的

在这里插入图片描述

3.7、Session 使用细节

  • Session钝化、活化:

服务器重启后,Session中的数据是否还在?
钝化:在服务器正常关闭后,Tomcat会自动将Session数据写入硬盘的文件中
活化:再次启动服务器后,从文件中加载数据到Session中

  • Seesion销毁:
    默认情况下,无操作,30分钟自动销毁
    配置在web-xml文件中
<session-config>
	<session-timeout>30</session-timeout>
</session-config>
  • 调用Session对象的invalidate()方法
    在这里插入图片描述

3.8、Cookie和Session小结

Cookie和Session都是完成一次会话内多次请求间数据共享的
区别:

  • 存储位置:Cookie是将数据存储在客户端,Session将数据存储在服务端
  • 安全性:Cookie不安全,Session安全
  • 数据大小:Cookie最大3KB,Session无大小限制
  • 存储时间:Cookie可以长期存储,Session默认30分钟
  • 服务器性能:Cookie不占服务器资源,Session占用服务器资源
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值