JavaWeb-狂神系列

Java Web

//解决乱码问题         req.setCharacterEncoding("utf-8");         resp.setCharacterEncoding("utf-8");         resp.setContentType("text/html;charset=utf-8");//等于---> resp.setHeader("Content-type","text/html;charset=UTF-8"); 

web开发：

• web，网页的意思，www.baidu.com
• 静态web
  • htlm, css
  • 提供给大家看的数据永远不会改变！
• 动态web
  • 淘宝，几乎所有的网站；
  • 提供给每个人的数据总是会改变，每个人在不同的时间和地点看到不同的信息！
  • 技术栈：Servlet / JSP, ASP , PHP

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

web应用程序：可提供浏览器访问程序；

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

web编写应用程序后，如果要向外界提供访问：需要统一管理的服务器；

• *.htm, *.html, 这些都是网页的后缀。如果这些东西一直存在于服务器上，我们可以直接读取。

[外链图片存储失败，源站可能有防盗链机制，建议保存图片直接上传(img-e5ruh6lo-1646812887013)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211021195519484.png)]

• 静态web存在的缺点
  • Web页面不能动态更新，所有用户都看到同一页
    • 轮播图，点击特效:伪动态
    • JavaScript[实际开发中使用最多]
    • VBScript
  • 它不能与数据库交互（数据不能持久，用户不能交互）

页面将动态显示：Web页面显示的效果因人而异；

[外链图片存储失败，源站可能有防盗链机制，建议保存图片直接上传(img-c2cr4gMs-1646812887014)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211021212309251.png)]

缺点：

• 假设服务器的动态web我们需要重写我们的资源错误后台程序，重新发布；
  • 停机维护

优点：

• Web页面可以动态更新，所有用户都看不到同一页
• 它可以与数据库交互(持久数据:注册、商品信息、用户信息…）

[外链图片存储失败，源站可能有防盗链机制，建议保存图片直接上传(img-8XeBUTPc-1646812887015)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211021212742187.png)]

新手村：–魔鬼训练(分析原理，看源码)–> PK场

ASP：

• 微软:中国最早流行的是ASP；
• 在HTML中嵌入了VB的脚本，ASP COM；
• 在ASP在开发过程中，一个页面基本上有成千上万行的业务代码，页面极其混乱
• 维护成本高！
• C#
• IIS

PHP

• PHP开发速度快，功能强大，跨平台，代码简单(70%，WP）
• 无法承受大访问量(局限性)

JSP/Servlet：

B/S：浏览和服务器

C/S：客户端和服务器

• sun公司主推的B/S架构
• 基于Java语言(所有大公司，或一些开源组件，都使用Java写的）
• 能承受三高问题的影响；
• 语法像ASP，ASP -->JSP,加强市场强度；

…

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

IIS

微软的；ASP…，Windows中自带的

Tomcat

百度编程；

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 最新的核心项目之一Servlet 和JSP 规范总是能在Tomcat 因为Tomcat 先进的技术，稳定的性能，免费，因而深受Java 爱好者的喜爱得到了一些软件开发商的认可，成为了一个更受欢迎的Web 应用服务器。

Tomcat 服务器是一个免费的开源代码Web 应用服务器属于轻量级应用服务器，广泛应用于中小型系统和并发访问用户。它是开发和调试JSP 程序的首选。对于一个Java初学web对人来说，这是最好的选择。

Tomcat 实际上运行JSP 页面和Servlet。Tomcat最新版本为10.0.5。

…

工作3-5年后，试着手写Tomcat服务器；

下载tomcat：

1.安装 or 解压；

2.了解配置文件和目录结构

3.这个东西的作用

omcat官网：http://tomcat.apache.org/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-80ca4qya-1646812887015)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211022112639408.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-l5iVIoLW-1646812887016)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211026212323743.png)]

文件夹作用：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LJDPIYtx-1646812887017)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211026212727081.png)]

启动、关闭 Tomcat

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8nKk14LS-1646812887017)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211026213116113.png)]

访问测试：http://localhost:8080/

可能遇到的问题：

1、Java环境变量没有配置

2、闪退问题：需要配置兼容性

3、乱码问题：配置文件中设置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-5WmwFRrF-1646812887018)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211026213520078.png)]

可以配置启动的端口号

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

<Connector port="8081" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" />

可以配置主机的名称

• 默认的主机名为：localhost—>127.0.0.1
• 默认网站应用存放的位置为：webapps

<Host name="www.qinjiang.com" appBase="webapps" unpackWARs="true" autoDeploy="true">

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

1.输入一个域名；回车

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

​ 1.有：直接放回对应的ip地址，这个地址中，有我们需要访问的web程序，可以直接访问

	127.0.0.1       localhost

​ 2.没有：去DNS服务器找，找到的话就返回，找不到就返回找不到；

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-84lDzI65-1646812887018)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027112054206.png)]

4.可以配置一下环境变量（可选性）

不会先模仿

• 将自己写的网站，放到服务器（Tomcat）中指定的web应用文件夹（webapps）下，就可以访问了

网站应该有的结构

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

HTTP协议：面试

Maven：构建工具

• Maven安装包

Servlet入门

• HelloWorld!
• Servlet配置
• 原理

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

• 文本：html，字符串，~…
• 超文本：图片，音乐，视频，定位地图…
• 80

Https：安全的

• 443

• http1.0

  • HTTP/1.0：客户端可以与web服务器连接后，只能获得一个web资源，断开连接

• http2.0

• HTTP/1.1：客户端可以与web服务器连接后，可以获得多个web资源。

• 客户端—发请求（Request）—服务器

百度：

Request URL: https://www.baidu.com/		请求地址
Request Method: GET		get方法/post方法
Status Code: 200 OK		状态码：200
Remote（远程） Address: 182.61.200.7:443

Accept: text/html
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;q=0.9		语言
Connection: keep-alive

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

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

• 服务器—响应—客户端

百度：

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

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

200：请求响应成功 200

3xx：请求重定向

• 重定向：你重新到我给你新位置去；

4xx：找不到资源 404

• 资源不存在

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

常见面试题：

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

我为什么要学习这个技术？

​ 1.在Javaweb开发中，需要使用大量的jar包，我们手动去导入；

​ 2.如何能够让一个东西自动帮我导入和配置这个jar包。

​ 由此，Maven诞生了！

我们目前用来就是方便导入jar包的！

Maven的核心思想：约定大于配置

• 有约束，不要去违反。

Maven会规定好你该如何去编写我们的Java代码，必须要按照这个规范来；

官网：https://maven.apache.org/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wJAI1kQ3-1646812887019)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027165026349.png)]

下载完成后，解压即可；

小狂神友情建议：电脑上的所有环境都放在一个文件夹下，方便管理；

在我们的系统环境变量中

配置如下配置：

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-I2JgIKT2-1646812887019)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027172022822.png)]

测试Maven是否安装成功，保证必须配置完毕！

• 镜像：mirrors

  • 作用：加速我们的下载

• 国内建议使用阿里云的镜像

<mirror>
     <id>nexus-aliyun</id>
     <mirrorOf>*,!jeecg,!jeecg-snapshots</mirrorOf>
     <name>Nexus aliyun</name>
     <url>http://maven.aliyun.com/nexus/content/groups/public</url>
</mirror>

在本地的仓库，远程仓库；

建立一个本地仓库：localRepository

<localRepository>D:\software\Environment\apache-maven-3.8.3\maven-repo</localRepository>

1.启动IDEA

2.创建一个MavenWeb项目

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FOI30hue-1646812887020)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027174936696.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vmZVQiVj-1646812887020)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027175102933.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-4DR2AXt9-1646812887021)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027175259017.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-IOzL9C2R-1646812887021)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027175459569.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nkQEUAxl-1646812887022)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027175741527.png)]

3.等待项目初始化完毕

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HSb2LiJW-1646812887022)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027180045155.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9rJCnRYS-1646812887023)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027180142591.png)]

4.观察maven仓库中多了什么东西？

5.IDEA中的Maven设置

注意： IDEA项目创建成功后，看一眼Maven的配置

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ZYvsYpiK-1646812887023)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027180706601.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7WDcAti3-1646812887023)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027180854998.png)]

6.到这里，Maven在IDEA中的配置和使用就OK了！

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ojzyFgvK-1646812887024)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027185932169.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-F6PmACAO-1646812887024)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027190601667.png)]

这个只有在Web应用下才会有！

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-r4H5qHFg-1646812887025)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027190738676.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-VY1vDynL-1646812887025)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027194850028.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XBbd9OkI-1646812887025)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027195027057.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LNffBiMd-1646812887025)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027195341644.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oOk14Ptg-1646812887026)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027195754519.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XyIW8KUM-1646812887026)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027200028391.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QLIXUyEJ-1646812887027)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027200142476.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-14BfklaW-1646812887027)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027200305098.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-p3fhSWhp-1646812887027)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027200633696.png)]

解决警告问题

必须要的配置：为什么会有这个问题：我们访问一个网站，需要指定一个文件夹名字；

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PWtGGMXA-1646812887028)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027201059442.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-XQ5t0pH9-1646812887028)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027201005935.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-HaD7uwKK-1646812887029)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027201356983.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-TTrMOP4p-1646812887029)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027203225522.png)]

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-8PoXySfo-1646812887029)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211027203546503.png)]

<?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.kuang</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.7</maven.compiler.source>
    <maven.compiler.target>1.7</maven.compiler.target>
  </properties>

  <!--项目依赖-->
  <dependencies>
    <!--具体依赖的jar包配置文件-->
    <dependency>
      <groupId>junit</groupId>
      <artifactId>junit</artifactId>
      <version>4.11</version>
    </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中配置resource，来防止我们资源导出失败的问题-->
    <build>
        <resources>
            <resource>
                <directory>src/main/resources</directory>
                <excludes>
                    <exclude>**/*.properties</exclude>
                    <exclude>**/*.xml</exclude>
                </excludes>
                <filtering>true</filtering>
            </resource>
            <resource>
                <directory>src/main/java</directory>
                <includes>
                    <include>**/*.properties</include>
                    <include>**/*.xml</include>
                </includes>
                <filtering>true</filtering>
            </resource>
        </resources>
    </build>

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KS0TNMsE-1646812887030)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028094827019.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Iojbi6X4-1646812887030)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028094851599.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FiqZ57IV-1646812887031)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028102332797.png)]

5. maven默认web项目中的web.xml版本问题

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PZ1AeJaC-1646812887031)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028110137599.png)]

6.替换为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">

</web-app>

7.Maven仓库的使用

地址：https://mvnrepository.com/

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SKscY91b-1646812887031)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028111341955.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FEQs8zK9-1646812887032)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028111445321.png)]

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QMs5PIhq-1646812887032)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028153254080.png)]

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

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

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2o8BzMoH-1646812887032)(H:\markdown文章\JavaWeb\JavaWeb.assets\image-20211028165245692.png)]

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

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

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

​ 父项目会有

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

​ 子项目会有

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

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

son extends father