javaweb-01

JavaWeb

基本概念

web开发:

  • web,网页,www.baidu.com

  • 静态web

    • html,css
    • 提供给所有人看的数据始终不会发生变化
  • 动态web

    • 几乎所有的网站

    • 每个人在不同时间,不同地点看到的信息各不相同

    • 技术栈:Servlet/JSP,ASP,PHP

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

web应用程序

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

  • a.html、b.html......多个web资源,这些web资源可以被外界访问,对外界提供服务
  • 能访问的任何一个页面或者资源,都存在于这个世界的某一个角落的计算机上
  • URL
  • 这个统一的web资源会被放在同一个文件夹下,web应用程序-->Tomcat:服务器
  • 一个web应用由多部分组成(静态web,动态web)
    • html,css,js
    • jsp,servlet
    • Java程序
    • jar包
    • 配置文件(Properties)

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

静态web

  • *.htm*.html这些都是网页的后缀,如果服务器上一直存在这些东西,我们就可以通过网络直接进行读取

image-20211021085155738

  • 静态web存在的缺点
    • Web页面无法动态更新,所有用户看到的都是同一个页面
    • 伪动态(JavaScript):轮播图,点击特性...
    • 无法和数据库交互(数据无法持久化,用户无法交互)

动态web

Web页面展示的效果因人而异

image-20211021091040759

缺点:

  • 假如服务器的动态web资源出现错误,需要重新编写后台程序,重新发布(停机维护)

优点:

  • web页面可以动态更新,所有用户看到的都不是同一个页面
  • 可以与数据库交互(数据持久化)

技术讲解

ASP

  • 微软:国内最早流行的就是ASP
  • 在HTML中嵌入了VB的脚本,ASP+COM
  • 在ASP开发中,基本一个页面都有几千行的业务代码,页面及其混乱,维护成本高
  • C#(运行于.NET Framework和.NET Core之上的高级程序设计语言)
  • IIS(IIS 7.0 在 Windows Server 2008 中是 Web 服务器 角色,而在 Windows Vista 中是 Web 服务器)

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

JSP/Servlet:

  • B/S:浏览器和服务器
  • C/S:客户端和服务器
    • sun公司主推的B/S架构
    • 基于Java语言
    • 可以承载三高问题带来的影响
    • 语法像ASP

web服务器

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

IIS(Windows自带的)

Tomcat

Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。Tomcat 技术先进、性能稳定,而且免费,
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。实际上Tomcat是Apache 服务器的扩展,但运行时它是独立运行的,所以当你运行tomcat 时,它实际上作为一个与Apache 独立的进程单独运行的。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为比较流行的Web 应用服务器
Tomcat最新版本为10.0.5。

Tomcat

image-20211021095723023

官网下载:Apache Tomcat® - Welcome!

image-20211021095650164

解压直接打开,

image-20211021101046908

image-20211021101105502

打开浏览器,访问测试:http://localhost:8080/

image-20211021101311357

可能遇到的问题:

1.Java环境变量没有配置

2.闪退问题:需要配置兼容性

3.乱码问题:配置文件中设置

配置

image-20211021101637603

可以配置启动的端口号

  • tomcat的默认端口号:8080
  • mysql:3306
  • http:80
  • https:443

image-20211021102505209

主机的名称

  • 默认主机名:localhost-->127.0.0.1
  • 默认网站应用存放的位置:webapps

image-20211021102432826

修改8080端口页面

image-20211021102859655

高难度面试题:

请你谈谈网站是如何进行访问的

1.输入一个域名,回车

2.检查本机的 C:\Windows\System32\drivers\etc\hosts配置文件下有没有这个域名的映射

​ 1)有:直接返回对应的ip地址(这个地址中有我们需要访问的web程序,可以直接访问)

​ 2)没有:去DNS服务器(全世界的域名都在这里管理)找

image-20211021104920098

3.可以配置一下环境变量(可选性)

发布一个web网站

1.将自己写的网站,放到服务器(Tomcat)中指定的web应用文件夹(webapps),就可以访问了

网站应该有的结构

--webapps:Tomcat服务器的web目录
    -ROOT
    -wang:网站的目录名
    	-WEB-INF
    		-classes:java程序
            -lib:web应用所依赖的jar包
            -web.xml:网站配置文件
    	-index.html	默认的首页
        -static
            -css
                -style.css
            -js
            -img
        -......

image-20211021125551248

image-20211021125824518

2.重启Tomcat,测试网站:http://localhost:8080/wang/

image-20211021130012311

Http

HTTP(超文本传输协议)是一个简单的请求-响应协议,它通常运行在TCP之上

  • 文本:html,字符串,~......
  • 超文本:图片,音乐,视频,定位,地图......
  • 80

Https:安全的

  • 443

两个时代

  • http1.0
    • HTTP/1.0:客户端与web服务器连接后,只能获得一个web资源,断开连接
  • http2.0
    • HTTP/1.1:客户端可以与web服务器连接后,可以获得多个web资源

Http请求

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

百度:

Request URL: https://favicon.yandex.net/favicon/v2/https://www.baidu.com/	//请求地址
Request Method: GET					//get方法/post方法
Status Code: 200 Ok (从磁盘缓存)	 	 //状态码:200
Remote(远程) Address: 180.101.49.12:443
Accept:text/html
Accept-Encoding:gzip,deflate,br
Accept-Language:zh-CN,zn;q=0.9		//语言
Cache-Control:max-age=0
Connection:keep-alive

1.请求行

  • 请求行中的请求方式:GET
  • 请求方式:GET,POST, HEAD,DELETE,PUT,TRACT...
    • get:请求能够携带的参数比较少,大小有限制,会在浏览器的URL地址栏显示数据内容,不安全,但高效
    • post:请求能够携带的参数没有限制,大小没有限制,不会在浏览器的URL地址栏显示数据内容,安全,但不高效

2.消息头

Accept:告诉浏览器,它所支持的数据类型
Accept-Encoding:支持哪种编码格式 GBK UTF8 GB2312 ISO8859-1
Accept-Language:告诉浏览器,它的语言环境
Cache-Control:缓存控制
Connection:告诉浏览器,请求完成是断开还是保持连接
HOST:主机.../

Http响应

  • 服务器--响应--客户端

百度:

Cache-Control: private		//缓存控制
Connection:keep-Alive		//保持连接
Content-Encoding: gzip		//编码
Content-Type: text/html;charset=utf-8	//类型

1.响应体

Accept:告诉浏览器,它所支持的数据类型
Accept-Encoding:支持哪种编码格式 GBK UTF8 GB2312 ISO8859-1
Accept-Language:告诉浏览器,它的语言环境
Cache-Control:缓存控制
Connection:告诉浏览器,请求完成是断开还是保持连接
HOST:主机.../
Refresh:告诉客户端,多久刷新一次
Location:让网页重新定位

2.响应状态码

200:请求响应成功

3**:请求重定向

  • 重定向:重新到给定的新位置去

4**:找不到资源 404

  • 资源不存在

5**:服务器代码错误 500 502:网关错误

常见面试题

当你的浏览器中地址栏输入地址并回车的一瞬间到页面能够展示回来,经历了什么?

Maven

在JavaWeb开发中,需要使用大量的jar包,如何让一个东西自带帮我们导入和配置这个jar包,由此,Maven诞生了。

Maven项目架构管理工具

核心思想:约定大于配置!

  • 有约束,不要去违反

Maven会规定好你该如何去编写Java代码,必须按照这个规范来

官网下载:maven.apache.org

下载完成后解压即可

环境变量配置

在系统环境变量中,作如下配置:

M2_HOME:maven目录下的bin目录

MAVEN_HOME:maven的目录

image-20211021143000734

Path里面

image-20211021143524787

打开cmd验证,输入mvn -version

配置完毕。

本地Maven仓库

新建文件夹 D:/Maven

打开maven配置文件:D:\apache-maven-3.6.3\conf

image-2021102114382957

编辑settings.xml文件,添加本地maven仓库地址

<localRepository>D:/Maven</localRepository>

image-20211021144832997

IDEA配置本地Maven仓库,打开IDEA进入设置

image-20211021150051748

阿里云镜像

打开maven配置文件:D:\apache-maven-3.6.3\conf

image-20211021143829576

配置如下:

 <mirror>
    <id>nexus-aliyun</id>
    <mirrorOf>central</mirrorOf>
    <name>Nexus aliyun</name>
    <url>http://maven.aliyun.com/nexus/content/groups/public</url> 
 </mirror>

image-20211021145718295

在IDEA中使用Maven

新建一个Maven项目

image-20211021151755694

image-20211021152122975

image-20211021152306052

等待加载

image-20211021152751896

出现BUILD SUCCESS,构建完成。

IDEA项目创建成功后,进入设置查看一下Maven的配置

image-20211021153536112

image-20211021154002286

到这里,Maven在IDEA中的配置和使用就完成了。

创建一个普通的Maven项目

image-20211021160052160

image-20211021161416835

image-20211021162250742

为什么会有警告问题:访问一个网站,需要指定一个文件夹名字(必须要的配置)

image-20211021162721708

配置完成后,点击运行

image-20211022080059313

image-20211021163449217

配置成功!!

image-20211022082354891

pom文件

pom.xml是Maven的核心配置文件

<?xml version="1.0" encoding="UTF-8"?>

<!--Maven版本和头文件-->
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>

<!--  刚才配置的GAV-->
  <groupId>com.wang</groupId>
  <artifactId>javaweb-01-maven</artifactId>
  <version>1.0-SNAPSHOT</version>
<!--  Package:项目的打包方式
      jar:java应用
      war:JavaWeb应用-->
  <packaging>war</packaging>

<!--  配置-->
  <properties>
<!--    项目的默认构建编码-->
    <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<!--    编码版本-->
    <maven.compiler.source>1.8</maven.compiler.source>
    <maven.compiler.target>1.8</maven.compiler.target>
  </properties>

<!--  项目依赖-->
  <dependencies>
<!--    具体依赖的jar包配置文件-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
      <scope>test</scope>
    </dependency>
  </dependencies>

<!--  项目构建用的东西-->
  <build>
    <finalName>javaweb-01-maven</finalName>
    <pluginManagement><!-- lock down plugins versions to avoid using Maven defaults (may be moved to parent pom) -->
      <plugins>
        <plugin>
          <artifactId>maven-clean-plugin</artifactId>
          <version>3.1.0</version>
        </plugin>
        <!-- see http://maven.apache.org/ref/current/maven-core/default-bindings.html#Plugin_bindings_for_war_packaging -->
        <plugin>
          <artifactId>maven-resources-plugin</artifactId>
          <version>3.0.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-compiler-plugin</artifactId>
          <version>3.8.0</version>
        </plugin>
        <plugin>
          <artifactId>maven-surefire-plugin</artifactId>
          <version>2.22.1</version>
        </plugin>
        <plugin>
          <artifactId>maven-war-plugin</artifactId>
          <version>3.2.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-install-plugin</artifactId>
          <version>2.5.2</version>
        </plugin>
        <plugin>
          <artifactId>maven-deploy-plugin</artifactId>
          <version>2.8.2</version>
        </plugin>
      </plugins>
    </pluginManagement>
  </build>
</project>

maven由于约定大于配置,之后可能遇到写的配置文件无法被导出或者生效的问题,解决方案:

 <!--在build中配置resources,来防止我们资源导出失败的问题-->
        <build>
            <resources>
                <resource>
                    <directory>src/main/resources</directory>
                   <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                   </includes>
                    <filtering>true</filtering>
                </resource>
                <resource>
                    <directory>src/main/java</directory>
                    <includes>
                        <include>**/*.properties</include>
                        <include>**/*.xml</include>
                    </includes>
                    <filtering>tr</filtering>
                </resource>
            </resources>
        </build>

Maven中jar包的联系关联图

image-20211022085136548

maven默认web项目中的web.xml版本问题,替换为webapp4.0版本和tomcat一致

<?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"
  metadata-complete="true">

  <display-name>Welcome to Tomcat</display-name>
  <description>
     Welcome to Tomcat
  </description>

</web-app>

image-20211022095837504

Servlet

Servlet简介

  • Servlet是sun公司开发动态web的一门技术
  • Sun在这些API中提供一个接口叫做:Servlet,如果想开发一个Servlet程序,只需要完成两个小步骤:
    • 编写一个类,实现Servlet接口
    • 把开发好的Java类部署到web服务器中

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

HelloServlet

Servlet接口Sun公司有两个默认的实现类:HttpServlet,GenericServlet

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

image-20211022125605237

进入项目后,在pom.xml中添加依赖

<dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
        </dependency>
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>javax.servlet.jsp-api</artifactId>
            <version>2.3.3</version>
        </dependency>
    </dependencies>

新建Moudel

image-20211022125824738

image-20211022125949735

添加后,可以在侧边栏中看到添加的moudel

image-20211022130131285

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

父项目的pom.xml中会有

<modules>
        <module>servlet-01</module>
    </modules>

子项目会有

 <parent>
    <groupId>com.wang</groupId>
    <artifactId>javaweb-02-servlet</artifactId>
    <version>1.0-SNAPSHOT</version>
  </parent>

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

son extends father

3.Maven环境诱惑

​ 1)修改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"
         metadata-complete="true">
</web-app>

​ 2)将maven的结构搭建完整

4.编写一个Servlet程序

​ 1)编写一个普通类

​ 2)实现Servlet接口,直接继承HttpServlet

image-20211022140247534

package com.wang.servlet;

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

public class HelloServlet extends HttpServlet {

    //由于get或者post至少请求实现的不同的方式,可以相互调用,业务逻辑都一样
    @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.编写Servlet的映射

为什么需要映射,因为编写的是Java程序,但要通过浏览器访问,而浏览器需要连接web服务器,所以需要再在web服务器中注册所写的Servlet,还需要给出一个浏览器能够访问的路径

<!--    注册Servlet-->
    <servlet>
        <servlet-name>hello</servlet-name>
        <servlet-class>com.wang.servlet.HelloServlet</servlet-class>
    </servlet>
<!--    Servlet的请求路径-->
    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>

6.配置Tomcat

image-20211022141903524

image-20211022142015022

7.启动测试

image-20211022142231067

Servlet原理

Mapping的问题

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

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

2.一个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可以指定通用映射路径

<servlet-mapping>
  <servlet-name>hello</servlet-name>
  <url-pattern>/hello/*</url-pattern>
</servlet-mapping>

4.默认请求路径(直接进映射页面)

<servlet-mapping>
  <servlet-name>hello</servlet-name>
  <url-pattern>/*</url-pattern>
</servlet-mapping>

5.自定义后缀或者前缀等等…

<!--可以自定义后缀实现请求映射
    注意:*前面不能加任何映射的路径
        hello/asdfl.wang可以
-->
<servlet-mapping>
  <servlet-name>hello</servlet-name>
  <url-pattern>*.wang</url-pattern>
</servlet-mapping>

优先级问题

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

新建一个ErrorServlet

package com.wang.servlet;

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

public class ErrorServlet extends HelloServlet{
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html");
        resp.setCharacterEncoding("utf-8");

        PrintWriter writer = resp.getWriter();
        writer.print("<h1>404<h1>");
    }

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

添加404映射

<!--    注册Servlet-->
    <servlet>
        <servlet-name>hello</servlet-name>
        <servlet-class>com.wang.servlet.HelloServlet</servlet-class>
    </servlet>
<!--    Servlet的请求路径-->
<!--    默认请求路径-->
<!--    localhost:8080/s1/hello-->
    <servlet-mapping>
        <servlet-name>hello</servlet-name>
        <url-pattern>/hello</url-pattern>
    </servlet-mapping>
<!--    可以自定义后缀实现请求映射-->

<!--    404-->
    <servlet>
        <servlet-name>error</servlet-name>
        <servlet-class>com.wang.servlet.ErrorServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>error</servlet-name>
        <url-pattern>/*</url-pattern>
    </servlet-mapping>
    
</web-app>

image-20211022151506914

此时访问localhost:8080/s1/hello

image-20211022151606708

ServletContext

解决Tomcat中文乱码问题,打开web.xml文件

image-20211022154616768

java.util.logging.ConsoleHandler.encoding = 后面的UTF-8改为GBK,如图:

image-20211022154747487

保存退出,重启Tomcat。

image-20211022155008676

完成。


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

共享数据

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

img

测试:新建servlet-02

新建HelloServlet文件,将一个数据保存到ServletContext中

package com.wang.servlet;

import javax.servlet.ServletContext;
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 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中

    }

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

新建GetServlet文件,用于读取保存于ServletContext中的数据

package com.wang.servlet;

import javax.servlet.ServletContext;
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 GetServlet extends HttpServlet {
    @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 {
        doGet(req, resp);
    }
}

配置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"
         metadata-complete="true">

    <servlet>
        <servlet-name>hello02</servlet-name>
        <servlet-class>com.wang.servlet.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>hello02</servlet-name>
        <url-pattern>/hello02</url-pattern>
    </servlet-mapping>

    <servlet>
        <servlet-name>get</servlet-name>
        <servlet-class>com.wang.servlet.GetServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>get</servlet-name>
        <url-pattern>/get</url-pattern>
    </servlet-mapping>
    
</web-app>

运行程序,先访问http://localhost:8080/s2/hello02,再访问http://localhost:8080/s2/get

image-20211022161705709

运行成功!!

获取初始化参数

SerlvetDemo03:

public class SerlvetDemo03 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        ServletContext context = this.getServletContext();
        String url = context.getInitParameter("url");
        resp.getWriter().print(url);
        
    }

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

web.xml:

<!--    配置一些web应用初始化参数-->
    <context-param>
        <param-name>url</param-name>
        <param-value>jdbc:mysql://localhost:3306/mybatis</param-value>
    </context-param>
    <servlet>
        <servlet-name>sd03</servlet-name>
        <servlet-class>com.wang.servlet.SerlvetDemo03</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>sd03</servlet-name>
        <url-pattern>/sd03</url-pattern>
    </servlet-mapping>

测试运行:

image-20211025083229478

请求转发

ServletDemo04:

public class ServletDemo04 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        ServletContext context = this.getServletContext();
        System.out.println("进入了servletdemo04");
//        RequestDispatcher requestDispatcher = context.getRequestDispatcher("/sd04");    //转发的请求路径
//        requestDispatcher.forward(req,resp);    //调用forward实现请求转发
        context.getRequestDispatcher("/sd03").forward(req,resp);
    }

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

web.xml:

  <servlet>
        <servlet-name>hello02</servlet-name>
        <servlet-class>com.wang.servlet.HelloServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>hello02</servlet-name>
        <url-pattern>/hello02</url-pattern>
    </servlet-mapping>

测试运行:

image-20211025084144024

读取资源文件

pom.xml(servlet-02):

<!--  在bulid中配置resources,来防止我们资源导出失败问题-->
  <build>
    <resources>
      <resource>
        <directory>src/main/resources</directory>
        <includes>
          <include>**/*.properties</include>
          <include>**/*.xml</include>
        </includes>
      </resource>
      <resource>
        <directory>src/main/java</directory>
        <includes>
          <include>**/*.properties</include>
          <include>**/*.xml</include>
        </includes>
        <filtering>true</filtering>
      </resource>
    </resources>
  </build>

Properties

  • 在java目录下新建properties
  • 在resources目录下新建properties

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

image-20211025092421353

新建db.properties文件,存入数据

username=root
password=123456

新建ServlertDemo05,尝试读取资源文件

public class ServletDemo05 extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        InputStream liu = this.getServletContext().getResourceAsStream("/WEB-INF/classes/db.properties");
        Properties prop = new Properties();
        prop.load(liu);
        String username = prop.getProperty("username");
        String password = prop.getProperty("password");

        resp.getWriter().print(username+":"+password);

    }

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

web.xml中创建映射

    <servlet>
        <servlet-name>sd05</servlet-name>
        <servlet-class>com.wang.servlet.ServletDemo05</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>sd05</servlet-name>
        <url-pattern>/sd05</url-pattern>
    </servlet-mapping>

测试运行:

image-20211025092219995

HttpServletResponse

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

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

简单分类

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

ServletOutputStream getOutputStream() throws IOException;
PrintWriter getWriter() throws IOException;

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

void setCharacterEncoding(String var1);
void setContentLength(int var1);
void setContentLengthLong(long var1);
void setContentType(String var1);

下载文件

1.向浏览器输出消息

2.下载文件

​ 1)获取下载文件的路径

​ 2)获取下载的文件名

​ 3)设置浏览器支持下载你需要的东西

​ 4)获取下载文件的输入流

​ 5)创建缓存区

​ 6)获取OutputStream对象

​ 7)将FileOutputStream流写入到buffer缓冲区

​ 8)使用OutputStrem将缓冲区中的数据输入客户端

新建Module-->response

image-20211025105540390

将图片存入resources,新建FileServlet,实现图片下载

public class FileServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        // 1)获取下载文件的路径
        String realPath = "D:\\JavaTest\\javaweb-02-servlet\\response\\target\\classes\\106.jpg";
        System.out.println("下载文件的路径:"+realPath);
        // 2)获取下载的文件名
        String fileName = realPath.substring(realPath.lastIndexOf("\\")+1);
        // 3)设置浏览器支持(Content-Disposition)下载你需要的东西,中文文件名URLEncoder.encode编码,解决乱码问题
        resp.setHeader("Content-Disposition","attachment;fileName="+ URLEncoder.encode(fileName,"UTF-8"));
        // 4)获取下载文件的输入流
        FileInputStream in = new FileInputStream(realPath);
        // 5)创建缓存区
        int len=0;
        byte[] bytes = new byte[1024];
        // 6)获取OutputStream对象
        ServletOutputStream outputStream = resp.getOutputStream();
        // 7)将FileOutputStream流写入到buffer缓冲区,使用OutputStrem将缓冲区中的数据输入客户端
        while ((len=in.read(bytes))>0){
            outputStream.write(bytes,0,len);
        }
        outputStream.close();
        in.close();
    }

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

创建映射

    <servlet>
        <servlet-name>filedown</servlet-name>
        <servlet-class>com.wang.servlet.FileServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>filedown</servlet-name>
        <url-pattern>/down</url-pattern>
    </servlet-mapping>

测试运行:

image-20211025104659291

验证码功能

后端实现,需要用到java的图片类,生成一张图片

新建ImageServlet:

public class ImageServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //如何让浏览器5秒自动刷新一次
        resp.setHeader("refresh","5");
        //在内存中创建一个图片
        BufferedImage image = new BufferedImage(80, 20, BufferedImage.TYPE_3BYTE_BGR);
        //得到图片
        Graphics2D g = (Graphics2D) image.getGraphics();//笔
        //设置图片的背景颜色
        g.setColor(Color.white);
        g.fillRect(0,0,80,20);
        //给图片写数据
        g.setColor(Color.CYAN);
        g.setFont(new Font(null,Font.BOLD,20));
        g.drawString(makeNum(),0,20);

        //告诉浏览器,这个请求用图片的方式打开
        resp.setContentType("image/jpeg");
        //网站存在缓存,设置不让浏览器缓存
        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(9999999) + "";
        StringBuffer sb = new StringBuffer();
        for (int i=0;i<7-num.length();i++){
            sb.append("0");
        }
        String s = sb.toString() + num;
        return num;
    }

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

创建映射:

    <servlet>
        <servlet-name>imageServlet</servlet-name>
        <servlet-class>com.wang.servlet.ImageServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>imageServlet</servlet-name>
        <url-pattern>/img</url-pattern>
    </servlet-mapping>

测试运行:

image-20211025115300489

实现重定向

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

常见场景:

  • 用户登录
void sendRedirect(String var1) throws IOException;
public class RedirectServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        /*
        resp.setHeader("Location","/response/img");
        resp.setStatus(302);
         */
        resp.sendRedirect("/response/img"); //重定向
    }

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

image-20211025125514630

面试题:请你聊聊重定向和转发的区别

相同点:

  • 页面都会实现跳转

不同点:

  • 请求转发的时候,url不会发生变化 307
  • 重定向时候,url地址栏会发生变化 302

新建RequestTest

public class RequestTest extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //处理请求
        String username = req.getParameter("username");
        String password = req.getParameter("password");

        System.out.println(username+":"+password);
        //重定向的时候一定要注意路径问题,否则404
        resp.sendRedirect("/response/success.jsp");
    }

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

    }
}

index.jsp

<%--这里提交的路径需要寻找到项目的路径--%>
<%--${pageContext.request.contextPath}代表当前的项目--%>
<form action="${pageContext.request.contextPath}/login" method="get">
    用户名:<input type="text" name="username"><br>
    密码:<input type="password" name="password"><br>
    <input type="submit">
</form>

新建success.jap

<h1>success</h1>

映射:

    <servlet>
        <servlet-name>RequestTest</servlet-name>
        <servlet-class>com.wang.servlet.RequestTest</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>RequestTest</servlet-name>
        <url-pattern>/login</url-pattern>
    </servlet-mapping>

依赖:

 <dependency>
    <groupId>javax.servlet.jsp</groupId>
    <artifactId>javax.servlet.jsp-api</artifactId>
    <version>2.3.3</version>
  </dependency>

测试运行:

image-20211025132824508

HttpServletRequest

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

两个重点应用场景

获取参数,请求转发;

新建Module-->request,创建文件LoginServlet

public class LoginServlet extends HttpServlet {
    @Override
    protected void doGet(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("==================================");
        System.out.println(username);
        System.out.println(password);
        System.out.println(Arrays.toString(hobbies));
        System.out.println("==================================");
        //通过请求转发
        req.getRequestDispatcher("/success.jsp").forward(req,resp);
    }

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

重写index.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>登录</title>
</head>
<body>

<div>
<%--    这里表单表示的意思:以post方式提交表单,提交到我们的login请求--%>
    <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">
    </form>
</div>

</body>
</html>

success.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>

<h1>登录成功</h1>

</body>
</html>

映射:

    <servlet>
        <servlet-name>LoginServlet</servlet-name>
        <servlet-class>com.wang.servlet.LoginServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>LoginServlet</servlet-name>
        <url-pattern>/login</url-pattern>
    </servlet-mapping>

image-20211025142525101

image-20211025142538919

posted @ 2021-10-22 16:35  萘汝  阅读(44)  评论(0编辑  收藏  举报
我发了疯似的祝你好!