JavaWeb学习(一)

JavaWeb

分为Java和Web

1、基本概念

web开发：

• web，网页的意思，比如 www.baidu.com

• 静态web

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

• 动态web

  • 淘宝，几乎是所有的网站；
  • 提供和给所有人看的数据始终会发生变化，每个人在不同的时间，不同的地点看到的信息各不相同
  • 技术栈：Servlet/JSP,ASP,PHP

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

1.2、web应用程序

可以提供浏览器访问的程序；

• a.html、b.html....多个web资源，这些资源可以被外界访问，对外界提供服务；
• 我们能访问到的如何一个页面或者资源，都存在于这个世界的某一个角落的计算机上。
• 对外提供的就叫做URL
• 这些统一的web资源会被放在同一个文件夹下，这个文件夹就是web应用程序
• 一个web应用由多部分组成（静态web、动态web）
  • html，css，js
  • jsp,servlet
  • java程序
  • jar包
  • 配置文件（Properties）

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

1.3、静态web

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

  • web页面不发动态更新，所有用户看到的都是同一个页面

    • 轮播图，点击特效：这写都是伪动态
    • JavaScript[实际开发中，它用的最多]
    • VBScript

  • 它无法和数据库交互（数据无法久化，用户无法交互）

1.4、动态web

页面会动态展示：“web的页面展示的效果因人而异”

缺点：

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

优点：

• Web页面可以动态更新，所有用户看到的都不是同一个页面
• 它可以与数据库交互（数据持久化：注册，商品信息，用户信息）

2、web服务器

2.1、技术

ASP：

• 微软：国内最早留心的就是ASP；
• 在HTML中嵌入了VB的版本，ASP_COM；
• 在ASP开发中，基本一个页面都有几千行的业务代码，页面极其混乱
• 维护成本高!
• c#
• IIS

<h1>
    <h1><h1>
        <h1>
            <h1>
                <h1>
        <h1>
            <%
            System.out.printl("hello")
            %>
            <h1>
                <h1>
    <h1><h1>
<h1>

PHP:

• PHP开发速度很快，功能很强大，跨平台，代码很简单()
• 无法承载大访问量的情况（局限性）

JSP/Servlet

B/S：浏览和服务器

C/S：客户段和服务端：

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

2.2、web服务器

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

IIS

微软的，windows中自带的

Tomcat

Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现。因为Tomcat 技术先进、性能稳定，而且免费，因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可，成为目前比较流行的Web 应用服务器。

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器，属于轻量级应用服务器，在中小型系统和并发访问用户不是很多的场合下被普遍使用，是开发和调试JSP 程序的首选。对于一个Java初学web的人来说，它是最佳的选择。

而Tomcat 实际上运行JSP 页面和Servlet。目前Tomcat最新版本为9.0.30。

3、Tomcat

3.1、安装Tomcat

3.2、Tomcat启动和配置

启动、关闭Tomcat

访问测试 https://localhost:8080/

可能遇到的问题：

1. Java环境变量没有配置
2. 闪退问题：需要配置兼容性
3. 乱码问题：配置文件中设置

3.3、配置

可以配置启动的端口号

Tomcat默认端口号为：8080

mysql：3306

http：80

https：403

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

可以配置主机的名称:

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

<Host name="localhost"  appBase="webapps"
       unpackWARs="true" autoDeploy="true">

访问网站的步骤：

1. 输入一个域名；回车

2. 检查本机的C:WinowsSystem32driversetchosts配置文件下有没有这个域名映射

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

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

3.4、发布一个web网站

模仿

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

网站应该有的结构

--webapps:Tomcat服务器的web目录
    -ROOT
    -kuangstudy：网站的目录名
        - WEB-INF
            -class：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、两个时代

• http1.0

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

• http2.0

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

4.3、Http请求

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

百度

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

Accept:text/html
Accept-Encoding: gzip, deflate, br
Accept-Language: zh-CN,zh;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： 支持哪种 编码格式 GBL    UTF-8    ISO8859-1
Accept-Language：告诉浏览器，它的语言环境
Cache-Control：缓存控制
Connection：告诉浏览器，请求完成是断开环视保持连接
HOST：主机.../.

4.4、Http响应

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

百度

Cache-Control: private        缓存控制
Connection: keep-Alive        连接
Content-Encoding:gzip         编码   
Content-Type: text/html       类型

1、响应体

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

2、响应状态码

200：请求响应成功

3xx：请求重定向

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

4xx：找不到资源 404

• 资源不存在；

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

常见面试题：

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

5、Maven

在JavaWeb开发中，需要使用大量的jar包，我们手动去导入，如何能够让一个东西自动帮我们导入和配置这个jar包，由此，Maven诞生了！

5.1、Maven项目架构管理工具

目前我们用来方便导入jar包

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

• 有约束，不要去违反。

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

5.2、下载安装Maven

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

下载完成后，解压即可；

5.3、配置环境变量

配置如下配置：

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

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

5.4、阿里云镜像

• 镜像：mirros

  • 作用：加速我们的下载

• 由于maven的官网是国外的，下载速度慢，国内建议使用阿里云的镜像

在conf文件夹下的settings.xml的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>

5.5、本地仓库

本地仓库是在本地的仓库，还有远程仓库；

建立一个本地仓库：localRepository，同样在conf文件夹下的setting.xml中添加

<localRepository>D:Mavenapache-maven-3.6.3maven-repo</localRepository>

手动添加文件夹maven-repo，这就是我们的本地仓库

5.6、在IDEA中使用Maven

1、启动IDEA

2、创建一个Maven项目这里由于版问题，最后使用maven3.6.1

3、等待项目初始化完毕(会有build success)

4、观察maven仓库多了什么东西

5、IDEA中的Maven设置

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

选择性钩上

6、到这里，Maven在IDEA中的配置就OK了；

5.7、创建一个普通的Maven项目

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

5.8、标记文件夹功能

5.9、在IDEA中配置Tomcat

解决警告问题

必须要的配置：我们访问一个网站，需要指定一个文件夹名字

这里访问到的Hello World!就是我们默认的index.jsp中的内容，可以点开查看。

5.10、pom文件

pom.xml是核心配置文件

<?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.star</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>


  <!--项目构建用的东西-->
  <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由于它的约定大于配置，我们之后可能遇到我们写的配置文件，无法被导出会生效的问题

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

5.11、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">

</web-app>