JavaWeb学习笔记-02-Tomcat&Servlet&Thymeleaf

1.Tomcat下载及使用

1.1 下载

官方网站:
https://tomcat.apache.org/
在这里插入图片描述
在这里插入图片描述

1.2 使用

下载后解压
在这里插入图片描述

  • bin 可执行文件目录
  • conf 配置文件目录
  • lib 存放库目录
  • logs 日志文件目录
  • websapp 项目部署的目录
  • work 工作目录
  • temp 临时目录

由于Tomcat也是用java和C来写的,因此也需要JRE来运行,所以需要配置JAVA_HOME:
在这里插入图片描述
配置好后执行:
在这里插入图片描述

1.3 乱码解决

在执行启动服务时发现cmd控制台乱码,解决乱码的方法:
1.修改logging.properties文件
在这里插入图片描述
在这里插入图片描述
由UTF-8修改为windows系统默认的GBK

2.添加环境变量
按Win+R键,输入regedit,回车,找到位置:计算机\HKEY_CURRENT_USER\Console。
如果没有tomcat就新建项
在这里插入图片描述
在这里插入图片描述
按照如图所示配置后,不再出现乱码(详细参考https://blog.csdn.net/gao_zhennan/article/details/123990981)。

启动时发现Tomcat catalina日志乱码,查看日志配置文件的编码格式,已经为UTF-8,修改Intellij IDEA启动选项:
在这里插入图片描述
在这里插入图片描述

增加选项

-Dfile.encoding=UTF-8

在代码中调用标准输出流打印中文,打印到控制台里显式为乱码
增加虚拟机选项
在这里插入图片描述

-Dfile.encoding=UTF-8

1.4 初步演示

1.4.1 访问Tomcat

不要结束startup.bat窗口,在网页输入http://localhost:8080/

1.4.2 新建web项目

项目的名称可以自定义,但是项目下一层目录的名必须为**WEB-INF**
UntifA被叫做context root
在这里插入图片描述
关闭startup.bat窗口,将学习笔记-01中的网页及资源文件拷贝到UntifA目录中:
在这里插入图片描述
启动startup.bat服务。
访问页面:http://localhost:8080/UntifA/demo09.html

2. Intellij IDEA(2022.1.3) 新建web项目并部署Tomcat服务

2.1 新建web项目

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
不进行修改,保留软件默认选项
在这里插入图片描述
创建后如下图所示:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.2 部署Tomcat

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

然后点击应用

在这里插入图片描述
默认使用的端口号是8080
在这里插入图片描述
项目的部署目录

2.3 部署和启动Tomcat中遇到的问题

1)java: 程序包javax.servlet.http不存在
在这里插入图片描述
需要在库中引入Tomcat库文件
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2)控制台有中文乱码
由GBK改为UTF-8
在这里插入图片描述

3)在启动Tomcat时,报错,1099端口已经被占用
在控制台调用

netstat -aon | findstr 1099

查看pid
调用命令kill调进程

taskkill -f -pid xxxx

在这里插入图片描述
也可以在配置Tomcat服务时,将JMX端口配置改为其他端口号:
在这里插入图片描述

2.4 在新建项目时没有选择Javaweb类型

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
之后需要添加工件
在这里插入图片描述
在这里插入图片描述
之后再在Tomcat运行/调试配置里配置部署和服务器
在这里插入图片描述
在这里插入图片描述

2.5 导入项目web类型不对

点击+添加对应的类型和路径
在这里插入图片描述

3. 初步使用Servlet

源码目录:
在这里插入图片描述

Demo01.html

<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>UntifA-Javaweb</title>
</head>
<body>
<table>
    <form action="Add" method="post">
        昵称:<input type="text" name="name"><br/>
        价格:<input type="text" name="price"><br/>
        数量:<input type="text" name="count"><br/>
        备注:<input type="text" name="remark"><br/>
        <input type="submit" name="icon1" value="注册"><br/>
    </form>
</table>
</body>
</html>

在这里插入图片描述

web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">
    <servlet>
        <servlet-name>Demo01_add</servlet-name>
        <servlet-class>com.example.projavawebbegin.Demo01_add</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>Demo01_add</servlet-name>
        <url-pattern>/Add</url-pattern>
    </servlet-mapping>
</web-app>

Demo01_add.java

package com.example.projavawebbegin;

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

public class Demo01_add extends HttpServlet {
    @Override
    public void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

        req.setCharacterEncoding("UTF-8");
        String name = req.getParameter("name");
        String priceStr = req.getParameter("price");
        String countStr = req.getParameter("count");
        String remark = req.getParameter("remark");

        Integer price = Integer.parseInt(priceStr);
        Integer count = Integer.parseInt(countStr);

        System.out.println("name = " + name);
        System.out.println("price = " + price);
        System.out.println("count = " + count);
        System.out.println("remark = " + remark);
    }
}

1)请求的处理流程:

1. 首先浏览器访问服务器项目中的add.html资源:http://localhost:8080/pro-javaweb-begin/add.html
2. 根据服务器上的add.html资源在浏览器上显式相应的页面,填入表单后,点击添加按钮,将请求发送到服务器,请求的连接为:http://localhost:8080/pro-javaweb-begin/add
3. 通过web.xml文件映射,访问对应的Servlet方法。
- 在web.xml中找到<url-pattern>/add</url-pattern>
- 根据<servlet-mapping></servlet-mapping>中的<url-pattern>/add</url-pattern>找到对应的<servlet-name>AddServlet</servlet-name>
- 根据<servlet-name>AddServlet</servlet-name>在<servlet></servlet>中找到对应的<servlet-class>com.atguigu.servlets.AddServlet</servlet-class>
- 用户发送的是post请求,因此Tomcat会执行AddServlet中的dopost方法。

2)设置编码格式

get方式在Tomcat版本8之后不需要设置编码格式,在8之前需要先将获取的字符串拆成字节数组,再按照指定的编码格式转化成字符串。
post方式下,设置编码格式,必须放在所有获取参数动作之前。

3)继承关系以及service方法

1. 继承关系
  javax.servlet.Servlet接口
      javax.servlet.GenericServlet抽象类
          javax.servlet.http.HttpServlet抽象子类

2. 相关方法
  javax.servlet.Servlet接口:
    void init(config) - 初始化方法
    void service(request,response) - 服务方法
    void destory() - 销毁方法

  javax.servlet.GenericServlet抽象类:
    void service(request,response) - 仍然是抽象的

  javax.servlet.http.HttpServlet 抽象子类:
    void service(request,response) - 不是抽象的
    1) String method = req.getMethod(); 获取请求的方式
    2) 各种if判断,根据请求方式不同,决定去调用不同的do方法
        if (method.equals("GET")) {
            this.doGet(req,resp);
        } else if (method.equals("HEAD")) {
            this.doHead(req, resp);
        } else if (method.equals("POST")) {
            this.doPost(req, resp);
        } else if (method.equals("PUT")) {
    3) 在HttpServlet这个抽象类中,do方法都差不多:
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String protocol = req.getProtocol();
        String msg = lStrings.getString("http.method_get_not_supported");
        if (protocol.endsWith("1.1")) {
            resp.sendError(405, msg);
        } else {
            resp.sendError(400, msg);
        }
    }
3.小结:
1) 继承关系: HttpServlet -> GenericServlet -> Servlet
2) Servlet中的核心方法: init() , service() , destroy()
3) 服务方法: 当有请求过来时,service方法会自动响应(其实是tomcat容器调用的)
        在HttpServlet中我们会去分析请求的方式:到底是get、post、head还是delete等等
        然后再决定调用的是哪个do开头的方法
        那么在HttpServlet中这些do方法默认都是405的实现风格-要我们子类去实现对应的方法,否则默认会报405错误
4) 因此,我们在新建Servlet时,我们才会去考虑请求方法,从而决定重写哪个do方法

4)声明周期

1. 生命周期:从出生到死亡的过程就是生命周期。对应Servlet中的三个方法:init(),service(),destroy()
2. 默认情况下:
    第一次接收请求时,这个Servlet会进行实例化(调用构造方法)、初始化(调用init())、然后服务(调用service())
    从第二次请求开始,每一次都是服务
    当容器关闭时,其中的所有的servlet实例会被销毁,调用销毁方法
3. 通过案例我们发现:
    - Servlet实例tomcat只会创建一个,所有的请求都是这个实例去响应。
    - 默认情况下,第一次请求时,tomcat才会去实例化,初始化,然后再服务.这样的好处是什么? 提高系统的启动速度 。 这样的缺点是什么? 第一次请求时,耗时较长。
    - 因此得出结论: 如果需要提高系统的启动速度,当前默认情况就是这样。如果需要提高响应速度,我们应该设置Servlet的初始化时机。
4. Servlet的初始化时机:
    - 默认是第一次接收请求时,实例化,初始化
    - 我们可以通过<load-on-startup>来设置servlet启动的先后顺序,数字越小,启动越靠前,最小值0
5. Servlet在容器中是:单例的、线程不安全的
    - 单例:所有的请求都是同一个实例去响应
    - 线程不安全:一个线程需要根据这个实例中的某个成员变量值去做逻辑判断。但是在中间某个时机,另一个线程改变了这个成员变量的值,从而导致第一个线程的执行路径发生了变化
    - 我们已经知道了servlet是线程不安全的,给我们的启发是: 尽量的不要在servlet中定义成员变量。如果不得不定义成员变量,那么不要去:①不要去修改成员变量的值 ②不要去根据成员变量的值做一些逻辑判断

5)HTTP协议

1. HTTP:Hyper Text Transfer Protocol超文本传输协议。
	HTTP最大的作用就是确定了请求和响应数据的格式。浏览器发送给服务器的数据:请求报文;服务器返回给浏览器的数据:响应报文。
2. Http是无状态的
3. Http请求响应包含两个部分:请求和响应
  - 请求:
    请求包含三个部分: 1.请求行 ; 2.请求消息头 ; 3.请求主体
    1)请求行包含是三个信息: 1. 请求的方式 ; 2.请求的URL ; 3.请求的协议(一般都是HTTP1.1)
    2)请求消息头中包含了很多客户端需要告诉服务器的信息,比如:我的浏览器型号、版本、我能接收的内容的类型、我给你发的内容的类型、内容的长度等等
    3)请求体,三种情况
      get方式,没有请求体,但是有一个queryString
      post方式,有请求体,form data
      json格式,有请求体,request payload
  - 响应:
    响应也包含三本: 1. 响应行 ; 2.响应头 ; 3.响应体
    1)响应行包含三个信息:1.协议 2.响应状态码(200) 3.响应状态(ok)
    2)响应头:包含了服务器的信息;服务器发送给浏览器的信息(内容的媒体类型、编码、内容长度等)
    3)响应体:响应的实际内容(比如请求add.html页面时,响应的内容就是<html><head><body><form....)

6)session会话技术

1. Http是无状态的
    - HTTP 无状态 :服务器无法判断这两次请求是同一个客户端发过来的,还是不同的客户端发过来的
    - 无状态带来的现实问题:第一次请求是添加商品到购物车,第二次请求是结账;如果这两次请求服务器无法区分是同一个用户的,那么就会导致混乱
    - 通过会话跟踪技术来解决无状态的问题。

2. 会话跟踪技术
    - 客户端第一次发请求给服务器,服务器获取session,获取不到,则创建新的,然后响应给客户端
    - 下次客户端给服务器发请求时,会把sessionID带给服务器,那么服务器就能获取到了,那么服务器就判断这一次请求和上次某次请求是同一个客户端,从而能够区分开客户端
    - 常用的API:
      request.getSession() -> 获取当前的会话,没有则创建一个新的会话
      request.getSession(true) -> 效果和不带参数相同
      request.getSession(false) -> 获取当前会话,没有则返回null,不会创建新的

      session.getId() -> 获取sessionID
      session.isNew() -> 判断当前session是否是新的
      session.getMaxInactiveInterval() -> session的非激活间隔时长,默认1800秒
      session.setMaxInactiveInterval()
      session.invalidate() -> 强制性让会话立即失效
      ....

7)保存作用域

保存作用域我们可以认为有四个:
- page(页面级别,现在几乎不用)
- request(一次请求响应范围)
- session(一次会话范围)
- application(整个应用程序范围)

1. session保存作用域
	- session保存作用域是和具体的某一个session对应的
	- 常用的API:
		void request.getSession().setAttribute(k,v)
		Object request.getSession().getAttribute(k)
		void request.getSession().removeAttribute(k)
2. request保存作用域
	- 一次请求响应范围
	- 常用的API:
		request.setAttribute(k,v);
		request.getRequestDispatcher(url-pattern).forward(HttpServletRequest,HttpServletResponse);
3. application保存作用域
	- 一次应用程序范围有效
	- 常用的API:
	- ServletContext application = request.getServletContext();
		application.setAttribute("uname","lili");
	- ServletContext application = request.getServletContext() ;
		Object unameObj = application.getAttribute("uname");

request对象
request对象内数据的存活范围就是在request对象的存活范围内
当客户端向服务器端发送一个请求,服务器向客户端返回一个响应后,该请求对象就被销毁了;
之后再向服务器端发送新的请求时,服务器会创建新的request对象,该request对象与之前的request对象没有任何关系,因此也无法获得>在之前的request对象中所存放的任何数据。
session对象
session对象内数据的存活范围也就是session对象的存活范围(只要浏览器不关闭,session对象就会一直存在),因此在同一个浏览器窗口中,无论向服务器端发送多少个请求,session对象只有一个。
application对象
application(应用对象):存活范围最大的对象,只要服务器没有关闭,application对象中的数据就会一直存在。在整个服务器运行过程当中,application对象只有一个。
总结
request、session以及application这3个对象的范围是逐个增加的:request只在一个请求的范围内;session 是在浏览器窗口的范围内;application则是在整个服务器的运行过程中。

8)服务器内部转发以及客户端重定向

1. 服务器内部转发 : request.getRequestDispatcher("...").forward(request,response);
  - 一次请求响应的过程,对于客户端而言,内部经过了多少次转发,客户端是不知道的
  - 地址栏没有变化
2. 客户端重定向: response.sendRedirect("....");
  - 两次请求响应的过程。客户端肯定知道请求URL有变化
  - 地址栏有变化

4. Thymeleaf - 视图模板技术

1. 添加thymeleaf的jar包
2. 新建一个Servlet类ViewBaseServlet
3. 在web.xml文件中添加配置
   - 配置前缀 view-prefix
   - 配置后缀 view-suffix
4. 使得我们的Servlet继承ViewBaseServlet

5. 根据逻辑视图名称 得到 物理视图名称
	//此处的视图名称是 index
	//那么thymeleaf会将这个 逻辑视图名称 对应到 物理视图 名称上去
	//逻辑视图名称 :   index
	//物理视图名称 :   view-prefix + 逻辑视图名称 + view-suffix
	//所以真实的视图名称是:      /       index       .html
	super.processTemplate("index",request,response);
6. 使用thymeleaf的标签
  th:if
  th:unless
  th:each
  th:text
  th:href="@{}" 绝对路径根,相当于html里的base标签
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值