图床路径
Kuang/JavaWeb
Java Web
1、基本概念
web开发
- web,网页的意思,www.baidu.com
- 静态web
- html,css
- 提供给所有人看的数据,始终不会变化!
- 动态web
- 淘宝,几乎是所有的网站;(千人千面)
- 提供给所有人看的数据,始终会变化,每个人在不同的时间,地点看到的信息各不相同。
- 技术栈:ServLet/JSP,ASP,PHP
在 Java 中,动态 web 资源开发的技术统称为 JavaWeb
1.2、Web 应用程序
什么是程序
Web 应用程序:可以提供浏览器访问的程序;(提供DOS命令访问的程序,CS架构。😖)
- a.html、b.html…多个web资源,这些资源可以被外界访问,对外界提供服务。
- 在互联网上能够访问到的任何一个页面或者资源,都存在于世界的某一个角落的计算机上。
- 资源是真实存在的,URL(统一资源定位符),网络世界的通讯地址。
- URL,这些统一的web资源会被放在同一个文件夹下,
- 通过 web 应用程序,(Tomcat服务器)来提供。
- 一个web应用程序由多部分组成:(静态web,动态web)
- html,css,js
- jsp,servlet
- java程序
- jar包
- 配置文件(Properties)
web应用程序编写完毕之后,若想提供给外界访问:需要一个服务器来统一管理,
🧐思:
站在旁观者角度,有一堆资源,放在了一台电脑上,电脑上安装了一个服务器(Tomcat),来统一管理,为了与来访者交互,服务器设置了一些应用程序,针对不同来访者,采取不同方式响应。来访者看似只是鼠标的点击行为,实质是通过URL来访问应用程序,变相的访问一堆文件夹路径。(和你访问自家电脑的文件类似),通过域名解析IP地址,找到真实的电脑,通过web应用程序,类似资源管理器,访问文件夹的路径,找到文件所在,访问文件,(html,css,js,jsp,图片,视频,等等)。
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服务器
PHP
- 开发速度快,功能很强大,跨平台,代码很简单()
- 无法承载大访问量的情况(局限性)
JSP/Servlet:
- B/S:浏览器和服务器
- C/S:客户端和服务器
- sun公司主推的B/S架构
- 基于Java语言的(所有大公司,或者一些开源的组件,都是用java写的)
- 可以承载三高问题带来的影响;(高并发,高可用,高性能)
- 语法像ASP,ASP–>JSP,加强市场强度;
…
2.2、web服务器
服务器是一种被动操作,用来处理用户的一些请求和给用户一些响应信息;
IIS
微软的,ASP…
Tomcat
面向百度编程:
Tomcat是Apache 软件基金会(Apache Software Foundation)的Jakarta 项目中的一个核心项目,由于有了Sun 的参与和支持,最新的Servlet 和JSP 规范总是能在Tomcat 中得到体现,Tomcat 5支持最新的Servlet 2.4 和JSP 2.0 规范。因为Tomcat 技术先进、性能稳定,而且免费,因而深受Java 爱好者的喜爱并得到了部分软件开发商的认可,成为目前比较流行的Web 应用服务器。
Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。对于一个Java初学Web者来说,它是最佳的选择。
诀窍是,当配置正确时,Apache 为HTML页面服务,而Tomcat 实际上运行JSP 页面和Servlet。另外,Tomcat和IIS等Web服务器一样,具有处理HTML页面的功能,另外它还是一个Servlet和JSP容器,独立的Servlet容器是Tomcat的默认模式。不过,Tomcat处理静态HTML的能力不如Apache服务器。目前Tomcat最新版本为9.0.37**。**
Tomcat,IIS…
工作3-5年之后,可以尝试手写Tomcat服务器:三天足以
下载Tomcat:
- 安装或者解压
- 了解配置文件及目录结构
- 这个东西的作用
目录结构:(反射和多线程所学)
jdk和jre的区别:一个.java,一个.class
3、Tomcat
3.1、安装Tomcat
Tomcat官网:http://tomcat.apache.org/
采用了Tomcat 9 的版本
3.2、Tomcat启动和配置
文件夹目录
启动和关闭Tomcat
Tomcat界面
启动测试:http://localhost:8080/
启动测试:http://localhost:8080/
可能遇到的问题:
- Java环境变量没有配置(可能会闪退)
- 闪退问题:需要配置兼容性
- 乱码问题:配置文件中设置
一个文件夹代表一个web应用
jsp就是在HTML里面嵌入一些java代码
乱码问题:
服务器核心配置文件
3.2.1、修改访问页面
修改D:\Java\apache-tomcat-9.0.37\webapps\ROOT
下的index.jsp
,修改之后刷新即可,不需要重启服务器的呀😖
3.2.2、修改访问端口号
修改D:\Java\apache-tomcat-9.0.37\conf
下的server.xml
,更改了服务器的配置文件,必须重启服务器,否则无法生效。
3.2.3、修改域名
修改D:\Java\apache-tomcat-9.0.37\conf
下的server.xml
,更改了服务器的配置文件,必须重启服务器,否则无法生效。
不要修改引擎里面的哦,修改<Host>标签中的,修改之后还可以访问到吗?
修改C:\Windows\System32\drivers\etc
下的hosts
文件,更改了服务器的配置文件,必须重启服务器,否则无法生效。
Windows底层文件被修改,提示权限不够,采用管理员模式启动。
hosts中英文翻译
微软公司版权所有
这是Microsoft TCP/IP用于Windows的一个样例主机文件。
这个文件包含IP地址到主机名的映射。每一项都应单独列在一行上。IP地址应该放在第一列,后面跟着相应的主机名。
IP地址和主机名之间至少要有一个空格。
#此外,注释(比如这样的注释)可以插入到单独的行中,或者插入到由’#'符号表示的机器名称之后。
本地主机名解析在DNS本身中处理。
3.2.4、修改应用存放目录
3.2.5、总结
可以配置启动的端口号
- Tomcat 的默认端口号为:8080
- MySQL 的默认端口号为:3306
- HTTP 的默认端口号为:80
- HTTPS 的默认端口号为:443
<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">
🧐思:
高难度面试题:
四面:请你谈谈网站是如何进行访问的!
-
输入一个域名;回车
-
检查本机的
C:\Windows\System32\drivers\etc\hosts
配置文件下有没有这个域名的映射- 有,直接返回对应的IP地址
127.0.0.1 baba
- 没有,去DNS服务器找,找到的就返回IP地址,找不到就返回错误信息。
4、可以配置一下环境变量(可选性)
3.3、发布一个网站
不会就模仿
自学素材:
3.5、网站结构(也是约定)
- 将自己写的网站,放到服务器(Tomcat)中指定的web应用程序的文件夹下,就可以访问了
- 网站应有的结构:
--webapps:Tomcat服务器的web目录
--ROOT
--qmei:网站的目录名
--WEB-INF
--classes :java程序
--lib:web应用所依赖的jar包
--web.xml:网站配置文件
--index.html 默认的首页
--static 静态资源文件
--css
--style.css
-js
--img
--...
4、HTTP
http(超文本传输协议)是一个简单的请求-响应协议,它通常运行在TCP之上。
- 文本:html,字符串,-…
- 超文本:图片,音乐,视频,定位,地图…
- 80
https:(s 安全的)
- 443
4.2、两个时代
- http1.0
- HTTP/1.0 :客户端可以与web服务器连接后,只能获得一个web资源,断开连接(烧流量)
- http2.0
- HTTP/1.1:客户端可以与web服务器连接后,可以获得多个web资源,不用每次请求连接
4.3、Http请求
- 客户端–发请求(Request)–服务器
- 百度:General
Request URL: https://www.baidu.com/ //请求地址
Request Method: GET //get方法,post方法
Status Code: 200 OK //状态码:200
Remote Address: 14.215.177.38:443 //远端服务器地址
- 百度:Request Headers
Accept: text/html
Accept-Encoding: gzip, deflate, br //编码
Accept-Language: en-US,en;q=0.9,zh-CN;q=0.8,zh;q=0.7 //语言
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,UTF-8,GB2312,ISO8859-1
Accept-Language: //告诉服务器它的语言环境
Cache-Control: //缓存控制
Connection: //告诉服务器,请求完成是断开还是保持连接
HOST: //主机
...
4.4、Http响应
- 服务器–响应–客户端
- 百度:General
Request URL: https://www.baidu.com/ //请求地址
Request Method: GET //get方法,post方法
Status Code: 200 OK //状态码:200
Remote Address: 14.215.177.38:443 //远端服务器地址
1.响应体
- 百度:Response Headers
Cache-Control: private //缓存控制
Connection: keep-alive //保持连接
Content-Encoding: gzip //编码
Content-Type: text/html;charset=utf-8 //类型
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:网关错误
常见面试题:
二面:当你的浏览器中地址栏输入地址并回车的一瞬间到页面=能够展示回来,经历了什么?
500字左右作文
5、Maven
我为什么要学习这个技术?
1,在 JavaWeb 开发中,需要使用大量的 jar 包,我们手动去导入:
2,如何能够让一个东西自动帮我们导入和配置这个 jar 包。
由此,Maven 诞生了!
5.1、Maven项目架构管理工具
我们目前就是用来方便导入jar包的!
5.1.1、Maven核心思想
Maven的核心思想:约定大于配置
- 有约束,不要去违反
- 目录结构有约定
Maven会规定好你该如何去编写我们的java代码,必须要按照这个规范来:
5.2、下载安装
官网:http://maven.apache.org/ 又是apache阿帕奇的
最新的并不一定是最好的
三部曲:
- 安装或者解压
- 了解配置文件及目录结构
- 这个东西的作用
文件目录结构
5.3、配置环境变量
配置如下:系统环境变量,不是用户变量
- MAVEN_HOME maven的目录(类似JAVA_HOME)
- M2_HOME maven目录下的bin目录(以后用到,比如spring,springboot)
类似 JDK,检测是否安装成功,打开cmd,输入:
mvn -version
注意:mvn来源于bin目录下的mvn
5.4、配置阿里云镜像
- 镜像:mirrors
- 作用:加速我们的下载
- 国内建议使用阿里云镜像
- 百度一下:Maven 阿里云镜像
- 出来一堆,说明生态好,学习才有意思
放在D:\Java\apache-maven-3.6.3\conf\settings.xml的<mirrors></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、本地仓库
在本地的仓库,远程仓库
建立一个本地仓库,可以配多个的哦!
在D:\Java\apache-maven-3.6.3\conf\settings.xml
中找到如下信息:
Default: ${user.home}/.m2/repository <!--默认的仓库地址-->
<localRepository>/path/to/local/repo</localRepository>
修改为:
<localRepository>D:\Java\apache-maven-3.6.3\maven-repository</localRepository>
同样的,在文件夹路径下需要新建文件夹:
5.6、在IEDA中使用Maven
1.启动IEDA
2.创建一个Maven Web项目
3,等待项目初始化完成
- 自动导入包
- 当在【Messages】中看见了**[INFO] BUILD SUCCESS** ,表示初始化完成。
- 项目构建成功
- 本地仓库肯定有东西了
5.7、IDEA中的Maven设置
IDEA项目创建成功之后,看一眼Maven的配置。
5.8、创建一个普通的Maven项目
不再勾选【Create from archetype】
就只有GAV和项目存放地址的配置了,没有了MUL三大路径配置了,响应了上文的IEDA默认配置Maven的问题。
这个是只有在web应用中才会有的目录【webapp】,其中的【java】和【resources】是自己后来加上的,然后【Mark Directory as】的
5.9、标记文件夹功能
5.10、Maven的目录结构(约定)
目录结构
--项目名
--src
--main
--java
--resources
--webapp
--WEB-INF
--web.xml
--网页
--test
--java
5.11、在IDEA中配置Tomcat
点击配置按钮
选择Tomcat服务器
配置Tomcat服务器,纠正,不是web.xml,而是【server.xml】
5.11.1、指定网站访问的文件夹
必须要的配置:为什么有这个问题:我们访问一个网站,需要指定一个文件夹,访问指定的目录文件资源。
解决警告问题
虚拟路径映射
点击右上角的三角符号,等待Tomcat的启动,在【services】中看见了【Connected to server】表示连接成功!
在Tomcat的文件目录中多了一个文件夹,就是刚刚设置的访问路径
5.12、pom文件
Maven的核心文件
pom.xml 干净文件
<?xml version="1.0" encoding="UTF-8"?>
<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>
<groupId>com.qm</groupId>
<artifactId>javaweb-maven</artifactId>
<version>1.0-SNAPSHOT</version>
</project>
使用模板生成的文件
<?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.qm</groupId>
<artifactId>javaweb-01-maven</artifactId>
<version>1.0-SNAPSHOT</version>
<packaging>war</packaging> <!--package:项目的打包方式:jar,java应用,war,javaweb应用-->
<!--一些没必要的名称,可以删-->
<name>javaweb-01-maven Maven Webapp</name>
<!-- FIXME change it to the project's website -->
<url>http://www.example.com</url>
<!--配置-->
<properties>
<!--项目的默认构建编码-->
<project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
<!--编译时候输出的默认版本,可以改,1.8等-->
<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>
5.12.1、Maven 仓库
百度 Maven 仓库
官网:https://mvnrepository.com/
直接复制配置代码来使用
会自动下载jar包
Maven的高级之处在于,会自动导入jar包,而且会自动导入这个jar包所依赖的其他jar包
正常Maven,不用IDEA也可以新建成功
😖模板里嵌入了一些东西,我们无法修改,所以不推荐用java,即这个Maven,去创建一个web项目,我们都是手动创建一个web项目。
依赖的问题
修改字体风格
5.12.2、配置文件无法导出或生效
Maven由于它的约定大于配置,我们之后可能会遇到我们写的配置文件,无法被导出或者生效的问题,解决方案:
百度:Maven 资源导出问题 博客园
博客园质量高
在build中配置resources,来防止我们的资源导出失败的问题,因为在java和resources中被定死了,java只能写java文件,所以采用
<include>**/*.properties</include> <include>**/*.xml</include>
来使其包含.properties和.xml文件,<filtering>false</filtering>
false,不去过滤这些文件。
<!--在build中配置resources,来防止我们的资源导出失败的问题-->
<build>
<resources>
<resource>
<directory>src/main/resources</directory>
<!-- 后续的学习中,发现,这里的excludes有误,不包含的意思 -->
<!-- 应该使用include 包含 -->
<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.13、IDEA操作
5.14、解决遇到的问题
1,Maven 3.6.2 无法导入包
原因:JDK的问题,JDK12建议换成JDK8,建议将 Maven3.6.2改为3.6.1的版本
Unable to import maven project See logs for details
IDEA日志文件:C:\Users\QMei\AppData\Local\JetBrains\IntelliJIdea2020.2\log\idea.log
2,Tomcat闪退
Tomcat的bin目录下的【startup.bat】set设置了【catalina.bat】,而它引用了JAVA_HOME和JRE_HOME,
可以在【catalina.bat】最后写入【pause】暂停看错误提示。
3,IDEA中每次都要重复配置Maven
IDEA存在项目配置和全局配置,
全局配置入口,关闭项目进入:
4,Maven项目中Tomcat无法配置
5,IDEA默认web.xml版本问题
Maven默认web项目中的web.xml版本问题,IDEA采用了webapp2.3,可能出现问题
采用Tomcat中的webapps目录下的原始ROOT目录下的WEB-INF下的web.xml配置文件作为参考
webapp采用了4.0版本
<?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>
接着新建两个文件夹目录
6、写一个Servlet
写一个Servlet,不会的话查看官方文档:
本地网址:http://localhost:8080/examples/(当然首先需要启动Tomcat哦!)
以前的Eclipse中学习javaweb没有采用Maven,需要手动导入上图的jar包,例如import jave.servlet.http.*;
现在有了Maven对jar进行自动导入和管理,在IDEA中只需要按快捷键**【Alt+Enter】**
自动导入不成功,需要添加依赖的代码:
在Maven仓库中查找HttpServlet依赖的包:
在Tomcat中查找Servlet依赖的包名
回到Maven仓库,搜索【servlet-api】
选择使用的版本
<!-- https://mvnrepository.com/artifact/javax.servlet/javax.servlet-api -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>javax.servlet-api</artifactId>
<version>4.0.1</version>
</dependency>
去掉其中的作用域,因为所以地方都可以用的话是最好的
<!--作用域-->
<scope>provided</scope>