【狂神说笔记—— Java基础18-JavaWeb】

Java Web

1、基本概念

1.1 、前言

web开发:

  • web,网页的意思 , www.baidu.com

    • 静态web

      • html,css

      • 提供给所有人看的数据始终不会发生变化!

    • 动态web

      • 淘宝,几乎是所有的网站;

      • 提供给所有人看的数据始终会发生变化,每个人在不同的时间,不同的地点看到的信息各不相 同!

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

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

1.2 、web应用程序

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

  • a.html、b.html… 多个web资源,这些web资源可以被外界访问,对外界提供服务;

  • 你们能访问到的任何一个页面或者资源,都存在于这个世界的某一个角落的计算机上。

  • URL

  • 这个统一的web资源会被放在同一个文件夹下,web应用程序–>Tomcat:服务器 一个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页面可以动态更新,所有用户看到都不是同一个页面

  • 它可以与数据库交互 (数据持久化:注册,商品信息,用户信息… )

在这里插入图片描述

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

2、web服务器

2.1 、技术讲解

ASP:
  • 微软:国内最早流行的就是ASP;

  • 在HTML中嵌入了VB的脚本, ASP + COM;

  • 在ASP开发中,基本一个页面都有几千行的业务代码,页面极其换乱维护成本高!

  • C#

  • IIS

<h1>
    <h1><h1>
        <h1>
            <h1>
                <h1>
        <h1>
            <%
            System.out.println("hello")
            %>
            <h1>
                <h1>
    <h1><h1>
<h1>
php:
  • PHP开发速度很快,功能很强大,跨平台,代码很简单 (70% , WP)

  • 无法承载大访问量的情况(局限性)

JSP/Servlet :

B/S:浏览和服务器C/S: 客户端和服务器

sun公司主推的B/S架构

  • 基于Java语言的 (所有的大公司,或者一些开源的组件,都是用Java写的)

  • 可以承载三高问题带来的影响;

  • 语法像ASP , ASP–>JSP , 加强市场强度;

2.2 、web服务器

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

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最新版本为9.0

工作3-5年之后,可以尝试手写Tomcat服务器;

下载tomcat:

  1. 安装 or 解压

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

  3. 这个东西的作用

3、Tomcat

3.1 、 安装tomcat

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

图1,
在这里插入图片描述
图2,
在这里插入图片描述

3.2 、Tomcat启动和配置

文件夹作用:
图1,
在这里插入图片描述

启动。关闭Tomcat

图1,

在这里插入图片描述

访问测试:http://localhost:8080/
可能遇到的问题:

  1. Java环境变量没有配置

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

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

3.3 、配置

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

可以配置启动的端口号

  • 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    www.qinjiang.com
  1. 没有:去DNS服务器找,找到的话就返回,找不到就返回找不到;

在这里插入图片描述

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

3.4 、发布一个web网站

不会就先模仿

  • 将自己写的网站,放到服务器(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配置
  • 原理

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:14.215.177.39: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

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

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

2、消息头

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

2,响应状态码

200:请求响应成功 200

3xx:请求重定向

  • 重定向:你重新到我给你新位置去;

4xx:找不到资源 404

  • 资源不存在;

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

常见面试题:

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

5、Maven

我为什么要学习这个技术?
  1. 在Javaweb开发中,需要使用大量的jar包,我们手动去导入;

  2. 如何能够让一个东西自动帮我导入和配置这个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%\bin

在这里插入图片描述

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

5.4 阿里云镜像

在这里插入图片描述

  • 镜像: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

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

5.6、在IDEA中使用Maven

  1. 启动IDEA
  2. 创建一个MavenWeb项目

图1,
在这里插入图片描述
图2,
在这里插入图片描述
图3,
在这里插入图片描述
图4,
在这里插入图片描述
图5,
在这里插入图片描述

  1. 等待项目初始化完毕
    图1,
    在这里插入图片描述
    图2,
    在这里插入图片描述

  2. 观察maven仓库中多了什么东西?

  3. IDEA中的Maven设置

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

图1,
在这里插入图片描述
图2,
在这里插入图片描述

  1. 到这里,Maven在IDEA中的配置和使用就OK了!

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

图1,
在这里插入图片描述
图2,
在这里插入图片描述

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

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

5.8 标记文件夹功能

图1,
在这里插入图片描述
图2,
在这里插入图片描述

图3,
在这里插入图片描述
图4,
在这里插入图片描述

5.9 在 IDEA中配置Tomcat

图1,
在这里插入图片描述
图2,
在这里插入图片描述
图3,
在这里插入图片描述
图4,

在这里插入图片描述

解决警告问题

必须要的配置:为什么会有这个问题:我们访问一个网站,需要指定一个文件夹名字;
图5,

在这里插入图片描述
图6,
在这里插入图片描述
图7,
在这里插入图片描述
图8,

在这里插入图片描述

5.10 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.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.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>
        </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>true</filtering>
        </resource>
    </resources>
</build>

5.12 IDEA操作

图1,
在这里插入图片描述
图2,
在这里插入图片描述

5.13 解决遇到的问题

  1. Maven 3.6.2

    解决方法:降级为3.6.1
    在这里插入图片描述

  2. Tomcat闪退

  3. IDEA中每次都要重复配置Maven

    在IDEA中的全局默认配置中去配置
    图1,
    在这里插入图片描述
    图2,
    在这里插入图片描述

  4. Maven项目中Tomcat无法配置

  5. maven默认web项目中的web.xml版本问题
    在这里插入图片描述

  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/

图1,
在这里插入图片描述
图2,
在这里插入图片描述
图3࿰

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值