JavaWeb
灰羽 Lv3

JavaWeb

1、基础概念

web开发:

  • 静态
    • html,css
    • 提供给所有人看的数据始终不会发生变化
  • 动态web
    • 几乎是所有网站
    • 提供给所有人看的数据始终会发生变化
    • 技术栈:Servlet/LSP,ASP,PHP

在Java中,动态web资源开发的技术统称为JavaWeb;

1.1、web应用程序

web应用程序:可以提供浏览器访问的程序;

  • 多个web资源,这些可以被外界访问,对外界提供服务;
  • 你们能访问到的任何一个页面或者资源,都存在这世界上的某一个角落的计算机上。
  • URL
  • 这个统一的web资源会被放在同一个文件夹下,web应用程序–>Tomcat:服务器
  • 一个web应用由多部分组成
    • html,css
    • jsp,servlet
    • java程序
    • jar包
    • 配置文件(properties)

web应用程序编写完成后,若想提供给外界访问:需要一个服务器来统一管理;

1.2、静态web

  • *.html这些是网页后缀,如果服务器上一直存着这些东西,我们就可以直接进行读取,通络。
  • 静态web的缺点
    • web页面无法动态更新,所有用户看到的都是同一个页面
      • 轮播图,点击特效:伪动态
      • JavaScript(实际开发中,用的最多)
      • VBScript
    • 它无法和数据库交互(数据无法持久化,用户无法交互)

1.3、动态web

  • 页面会动态展示:效果因人而异

  • image-20221018083315678

  • 缺点

    • 加入服务器的动态web资源出现了错误,我们需要重新编写我们的后台程序,重新发布;停机维护;
  • 优点

    • 可以动态更新
    • 可以与数据库交互(数据持久化)

2、web服务器

2.1、技术讲解

ASP:

  • 微软:国内最早流行的;
  • 在HTML中嵌入了VB的脚本,ASP+com;
  • 在ASP开发中,基本一个页面就有几千行业务代码,页面及其乱;
  • 维护成本高;

php:

  • 开发速度快,功能强大,跨平台,代码简单;
  • 无法承载大访问量的情况;

JSP/Servlet:

B/S:浏览和服务器

C/S:客户端和服务端

  • sun公司主推的B/S架构
  • 基于Java语言的
  • 可以承载三高问题带来的影响
  • 语法像ASP,加强市场强度

2.2、web服务器

服务器是一种被动的操作,用来处理用户的一些请求和给用户一些响应信息;

IIS

Tomcat

3、Tomcat

官网:Apache Tomcat® - Welcome!

启动 startup.bat

关闭 shutdown.bat

访问 http://localhost:8080/

配置 server.xml

网站是如何进行访问的:

  1. 输入域名
  2. 检查本机hosts配置文件下有没有这个域名的映射;
    • 有:直接返回对应的ip地址
    • 没有:去DNS服务器找,找到返回,找不到就返回找不到

发布一个网站

  • 将自己写的网站,放到服务器(Tomcat)中指定的web应用的文件夹(webapps)下。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
--webapps:Tomcat服务器的web目录
-ROOT
-ceshi:网站目录名
-WEB-INF
-classes:java程序
-lib:web应用所依赖的jar包
-web.xml:网站配置文件
-index.html 默认的首页
-static
-css
-style.css
-js
-img
-......

4、HTTP

4.1、什么是HTTP

HTTP 超文本传输协议,通常运行在TCP之上。

  • 文本:html,字符串
  • 超文本:图片,音乐,视频,定位…
  • 端口80

HTTPS 安全的

  • 端口443

4.2、两个时代

  • http/1.0:只能获得一个web资源
  • http/1.1:可以获得多个web资源

4.3、Http请求

  • 客户端—发请求(Request)—服务器

    1
    2
    3
    4
    5
    请求 URL: https://www.baidu.com/
    请求方法: GET
    状态代码: 200 OK
    远程地址: 14.215.177.38:443
    引用者策略: strict-origin-when-cross-origin

1、请求行

  • 请求行中的请求方式:GET

  • 请求方式:GET,POST,HEAD,DELETE,PUT,TRACT…

    • get:请求能够携带的参数比较少,大小有限制,会在浏览器的URL地址栏显示数据内容,不安全,但高效;

    • 请求能够携带的参数没有限制,大小没有限制,补会在浏览器的URL地址栏显示数据内容,安全,但不高效;

2、消息头

1
2
3
4
5
6
Accept:告诉浏览器,它所支持的数据类型
Accept-Encoding: 支持哪种编码格式
Accept-Language: 它的语言环境
Cache-Control: 缓存控制
Connection: 请求完成时,是断开还是保持连接
Host: 主机

4.3、Http响应

  • 服务器—响应—客户端
1
2
3
4
Cache-Control: private  缓存控制
Connection: keep-alive 连接
Content-Encoding: gzip 编码
Content-Type: text/html;charset=utf-8 类型

1.响应体

1
2
3
4
5
6
7
8
Accept:告诉浏览器,它所支持的数据类型
Accept-Encoding: 支持哪种编码格式
Accept-Language: 它的语言环境
Cache-Control: 缓存控制
Connection: 请求完成时,是断开还是保持连接
Host: 主机
Refrush:告诉客户端,多久刷新一次
Location:让网页重新定位

2.响应状态码

200:请求响应成功

3xx:请求重定向

404:找不到资源

5xx:服务器代码错误

5、Maven

为什么要学习这个技术?

  1. 在Javaweb中,需要使用大量的jar包,我们手动去导入;
  2. 如何让一个东西自动帮我们导入和配置这个jar包;

5.1 Maven项目架构管理工具

核心思想:约定大于配置 有约束,不要去违反。

5.2 下载

idea版本和maven版本可能存在不兼容

5.3 配置环境变量

  • M2_HOME maven目录下的bin目录
  • HOME_HOME maven的目录
  • 在系统的path中配置 %MAVEN_HOME%\bin

测试是否配置成功 mvn -version

5.4 阿里云镜像

1
2
3
4
5
6
<mirror>
<id>aliyunmaven</id>
<mirrorOf>*</mirrorOf>
<name>阿里云公共仓库</name>
<url>https://maven.aliyun.com/repository/public</url>
</mirror>

5.5 本地仓库

在本地的仓库,远程仓库;

建立一个本地仓库:localRepository

1
<localRepository>D:\apache-maven-3.8.6\maven-repo</localRepository>

5.6、在idea中使用maven

image-20221018191502460

idea中的maven设置

image-20221018201710860

5.7 创建一个普通的maven项目

创建时直接下一步,不用勾选模板

5.8 标记文件夹功能

5.9 在IDEA中配置Tomcat

image-20221018203352889

5.10 pom文件

pom.xml配置文件

maven由于约定大于配置,之后可能遇到写的配置文件,无法被到处或者生效的问题

解决方法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!-- 在build中配置resources防止资源到处失败 -->
<build>
<resources>
<resource>
<directory>src/main/resources</directory>
<includes>
<include>**/*.properties</include>
<include>**/*.xml</include>
</includes>
<!--不去过滤-->
<filtering>false</filtering>
</resource>
<resource>
<directory>src/main/java</directory>
<includes>
<include>**/*.properties</include>
<include>**/*.xml</include>
</includes>
<filtering>false</filtering>
</resource>
</resources>
</build>

6、Servlet

6.1、servlet简介

  • 开发动态web的一门技术
  • 这些API中提供一个接口叫做Servlet,开发一个Servants程序需要:
    • 编写一个类,实现接口
    • 把开发好的Java类部署到web服务器中

把实现了Servlet接口的Java程序叫做,Servlet

6.2、HelloServlet

  1. 构建一个普通Maven项目,删掉里面的src目录,以后就在这个项目建立Moudel;这个空工程就是Maven的主工程;

    卡住的在settings-maven-runner-VM Options里配:-DarchetypeCatalog=internal

  2. 关于Maven父子工程的理解:

    父项目中会有:

1
2
3
<modules>
<module>servlet-01</module>
</modules>
子项目中会有:
1
2
3
4
5
<parent>
<artifactId>javaweb-02-servlet</artifactId>
<groupId>com.plume</groupId>
<version>1.0-SNAPSHOT</version>
</parent>

父项目中的Java子项目可以直接使用

1
son extends father

3.Maven环境优化

  1. 修改web.xml为最新的
  2. 将maven的结构搭建完整

4.编写一个Servlet程序

  1. 编写一个普通来
  2. 实现Servlet接口,这里之际额继承HttpServlet
1
2
3
4
5
6
7
8
9
10
11
12
13
public class HelloServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//ServletOutputStream outputStream = resp.getOutputStream();
PrintWriter writer = resp.getWriter();//响应流
writer.print("Hello,Servlet");
}

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

5.编写Servlest的映射

为什么需要映射:我们写的是JAVA程序,但是要通过浏览器访问,而浏览器需要连接web服务器,所以我们需要在web服务中注册我们写的Servlet,还需给他一个浏览器能够访问的路径。
1
2
3
4
5
6
7
8
9
10
<!--注册servlet-->
<servlet>
<servlet-name>helloservlet</servlet-name>
<servlet-class>com.sunyiwenlong.servlet.HelloServlet</servlet-class>
</servlet>
<!--servlet请求路径-->
<servlet-mapping>
<servlet-name>helloservlet</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>

6.配置Tomcat

image-20221021225537756

7.启动测试

6.3、Servlet原理

Servlet是由web服务器调用

img

6.4 Mapping问题

  1. 一个servlet可以指定一个映射路径

    1
    2
    3
    4
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello</url-pattern>
    </servlet-mapping>
  2. 一个servlet可以指定多个映射路径

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <!--servlet请求路径-->
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello1</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello2</url-pattern>
    </servlet-mapping>

  3. 一个servlet可以指定通用映射路径

    1
    2
    3
    4
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/hello/*</url-pattern>
    </servlet-mapping>
  4. 默认请求路径

    1
    2
    3
    4
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>/*</url-pattern>
    </servlet-mapping>
  5. 指定一些后缀或者前缀等等…

    1
    2
    3
    4
    5
    <!--可以自定义后缀或者前缀,但*前面不能加项目映射的路径-->
    <servlet-mapping>
    <servlet-name>hello</servlet-name>
    <url-pattern>*.plume</url-pattern>
    </servlet-mapping>
  6. 优先级问题

    指定了固有的映射路径优先级最高,如果找不到就会走默认的处理请求;

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <!--404-->
    <servlet>
    <servlet-name>error</servlet-name>
    <servlet-class>com.plume.servlet.ErrorServlet</servlet-class>
    </servlet>
    <servlet-mapping>
    <servlet-name>error</servlet-name>
    <url-pattern>/*</url-pattern>
    </servlet-mapping>

6.5、ServletContext

web容器在启动的时候,它会为每个web程序都创建一个ServletContext对象,它代表了当前web应用;

1、共享数据

我在这个Servlet中保存的数据,可以在另外一个servlet中拿到;

1
2
3
4
5
6
7
8
9
10
11
12
13
14
public class HelloServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//this.getInitParameter() 初始化参数
//this.getServletConfig() Servlet配置
//this.getServletContext() Servlet上下文
ServletContext context = this.getServletContext();
String username = "灰羽";
context.setAttribute("username",username);//将一个数据保存在ServletContext中

System.out.println("Hello");
}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
public class GetServlet extends HelloServlet{
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
ServletContext context = this.getServletContext();

String username = (String) context.getAttribute("username");

resp.setContentType("text/html");
resp.setCharacterEncoding("utf-8");
resp.getWriter().print("名字"+username);
}

@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
super.doPost(req, resp);
}
}
1
2
3
4
5
6
7
8
9
<servlet>
<servlet-name>getc</servlet-name>
<servlet-class>com.plume.servlet.GetServlet</servlet-class>
</servlet>

<servlet-mapping>
<servlet-name>getc</servlet-name>
<url-pattern>/getc</url-pattern>
</servlet-mapping>

测试访问结果;

2、获取初始化参数

1
2
3
4
5
<!--配置一些web应用初始化参数-->
<context-param>
<param-name>url</param-name>
<param-value>jdbc:mysql://localhost:3360/mybatis</param-value>
</context-param>
1
2
3
4
5
6
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
ServletContext context = this.getServletContext();

String url = context.getInitParameter("url");
resp.getWriter().print(url);
}

3、请求转发

1
2
3
4
5
6
7
8
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
ServletContext context = this.getServletContext();

//RequestDispatcher namedDispatcher = context.getRequestDispatcher("/gp");//转发的请求路径
//namedDispatcher.forward(req,resp); //调用forward实现请求转发;
context.getRequestDispatcher("/gp").forward(req,resp);
}

4、读取资源文件

Properties

  • 在java目录下新建properties
  • 在resources目录下新建properties发现:都被打包到了同一个路径下:classes,我们俗称这个路径为classpath。

发现:都被打包到了同一个路径下 classes,我们俗称这个路径为classpath;

思路:需要一个文件流;

1
2
username=root
password=123456
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
public class ServletDemo05 extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
InputStream is = this.getServletContext().getResourceAsStream("/WEB-INF/classes/db.properties");

Properties prop = new Properties();
prop.load(is);
String user = prop.getProperty("username");
String pwd = prop.getProperty("password");

resp.getWriter().print(user+":"+pwd);

}

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

访问测试即可;

6.6 、HttpServletResponse

web服务器接收到客户端的http请求,针对这个请求,分别创建一个代表请求的HttpServletRequest对象,代表响应的一个HttpServletResponse;

  • 如果要获取客户端请求过来的参数:找HttpServletRequest
  • 如果要给客户端响应一些信息:找HttpServletResponse

1、简单分类

负责向浏览器发送数据的方法

负责向浏览器发送响应头的方法

2、常见应用

  1. 向浏览器输出消息

  2. 下载文件

    1. 要获取下载文件的路径
    2. 下载的文件名是啥
    3. 设置想办法让浏览器能够支持下载我们需要的东西
    4. 获取下载文件的输入流
    5. 创建缓冲区
    6. 获取OutputStream对象
    7. 将FileOutputStream流写入到buffer缓冲区
    8. 使用OutputStream将缓冲区的数据输出到客户端
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
       protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    // 1. 要获取下载文件的路径
    String realPath = "E:\\project\\javaweb\\response\\src\\main\\resources\\灰羽.jpg";
    System.out.println("获取下载文件路径:"+realPath);
    // 2. 下载的文件名是啥
    String fileName = realPath.substring(realPath.lastIndexOf("\\") + 1);
    // 3. 设置想办法让浏览器能够支持下载我们需要的东西
    resp.setHeader("Content-disposition","attachment;filename="+ URLEncoder.encode(fileName,"utf-8"));
    // 4. 获取下载文件的输入流
    FileInputStream in =new FileInputStream(realPath);
    // 5. 创建缓冲区
    int len = 0;
    byte[] buffer = new byte[1024];
    // 6. 获取OutputStream对象
    ServletOutputStream out = resp.getOutputStream();
    // 7. 将FileOutputStream流写入到buffer缓冲区,使用OutputStream将缓冲区的数据输出到客户端
    while ((len=in.read(buffer))>0){
    out.write(buffer,0,len);
    }
    in.close();
    out.close();
    }

    #### 3、验证码功能

    - 前端实现
    - 后端实现

    ```java
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    //如何让浏览器5秒自动刷新一次;
    resp.setHeader("refresh","3");

    //在内存中创建一个图片
    BufferedImage image = new BufferedImage(80,20,BufferedImage.TYPE_INT_RGB);
    //得到图片
    Graphics2D g = (Graphics2D)image.getGraphics();//笔
    //设置图片背景颜色
    g.setColor(Color.white);
    g.fillRect(0,0,80,20);
    //给图片写数据
    g.setColor(Color.BLUE);
    g.setFont(new Font(null,Font.BOLD,20));
    g.drawString(makeNum(),0,20);

    //告诉浏览器这个请求用图片方式打开
    resp.setContentType("image/jpg");
    //网站存在缓存,不让浏览器缓存
    resp.setDateHeader("expires",-1);
    resp.setHeader("Cache-Control","no-cache");
    resp.setHeader("Pragma","no-cache");

    //把图片写给浏览器
    ImageIO.write(image,"jpg",resp.getOutputStream());
    }
    //生成随机数
    private String makeNum(){
    Random random = new Random();
    String num = random.nextInt(99999999) + "";
    StringBuffer sb = new StringBuffer();
    for (int i = 0; i < 7; i++) {
    sb.append("0");
    }
    String s = sb.toString() + num;
    return num;
    }
  3. 实现重定向

image-20221030020135126

B一个web资源收到客户端请求后,他会通知客户端去访问另一个web资源,这个过程叫做重定向

常见场景:

  • 用户登录
1
void sendRedirect(String var1) throws IOException;

重定向测试:

1
2
3
4
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
resp.sendRedirect("/r/img");//重定向
}

聊聊重定向和转发的区别?

相同点

  • 页面都会实现跳转

不同点

  • 请求转发的时候,url不会产生变化
  • 请求重定向的时候,url产生变化

6.7、HttpServletRequest

HttpServletRequest代表客户端的请求,用户通过Http协议访问服务器,HTTP请求中的所有信息会被封装到HttpServletRequest,通过这个HttpServletRequest的方法,获得客户端的所有信息。

  1. 获取前端传递的参数

    img

  2. 请求转发

    前端:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
    <title>首页</title>
    </head>
    <body>
    <form action="${pageContext.request.contextPath}/login" method="post">
    用户名:<input type="text" name="username"><br>
    密码:<input type="password" name="password"><br>
    爱好:
    <input type="checkbox" name="hobby" value="代码"> 代码
    <input type="checkbox" name="hobby" value="唱歌"> 唱歌
    <input type="checkbox" name="hobby" value="女孩"> 女孩
    <input type="checkbox" name="hobby" value="电影"> 电影
    <br>
    <input type="submit" name="提交">
    </form>
    </body>
    </html>

    后端:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    this.doPost(req, resp);
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
    // 处理请求中文乱码(后期可以使用过滤器来解决)
    req.setCharacterEncoding("utf-8");
    resp.setCharacterEncoding("utf-8");
    String username = req.getParameter("username");
    String password = req.getParameter("password");
    String[] hobbies = req.getParameterValues("hobby");
    System.out.println(username);
    System.out.println(password);
    System.out.println(Arrays.toString(hobbies));
    // 这里的 / 代表当前的web应用,所以不需要再加上/request_war这个上下文路径了,否则会出现404错误
    req.getRequestDispatcher("/success.jsp").forward(req,resp);
    }
    }

    web.xml

    1
    2
    3
    4
    5
    6
    7
    8
    <servlet>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>com.plume.servlet.LoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
    <servlet-name>LoginServlet</servlet-name>
    <url-pattern>/login</url-pattern>
    </servlet-mapping>

7、cookie/session