每日总结之JavaWeb学习笔记
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页面可以动态更新,所有用户看到都不是同一个页面
-
它可以与数据库交互 (数据持久化:注册,商品信息,用户信息…)

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:
-
安装 or 解压
-
了解配置文件及目录结构
-
这个东西的作用
3、Tomcat
3.1、 安装tomcat
tomcat官网:http://tomcat.apache.org/

3.2、Tomcat启动和配置
文件夹作用:

启动。关闭Tomcat

可能遇到的问题:
-
Java环境变量没有配置
-
闪退问题:需要配置兼容性
-
乱码问题:配置文件中设置
3.3、配置

可以配置启动的端口号
-
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">
高难度面试题:
请你谈谈网站是如何进行访问的!
-
输入一个域名;回车
-
检查本机的 C:\Windows\System32\drivers\etc\hosts配置文件下有没有这个域名映射;
-
有:直接返回对应的ip地址,这个地址中,有我们需要访问的web程序,可以直接访问
127.0.0.1 www.qinjiang.com -
没有:去DNS服务器找,找到的话就返回,找不到就返回找不到;
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xYVeCN4T-1589698920891)(JavaWeb.assets/1567827057913.png)]](https://img-blog.csdnimg.cn/20200517150736566.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
-
-
可以配置一下环境变量(可选性)
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
1234
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:支持哪种编码格式 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
我为什么要学习这个技术?
-
在Javaweb开发中,需要使用大量的jar包,我们手动去导入;
-
如何能够让一个东西自动帮我导入和配置这个jar包。
由此,Maven诞生了!
5.1 Maven项目架构管理工具
我们目前用来就是方便导入jar包的!
Maven的核心思想:约定大于配置
-
有约束,不要去违反。
Maven会规定好你该如何去编写我们的Java代码,必须要按照这个规范来;
5.2 下载安装Maven

下载完成后,解压即可;
5.3 配置环境变量
在我们的系统环境变量中
配置如下配置:
-
M2_HOME maven目录下的bin目录
-
MAVEN_HOME maven的目录
-
在系统的path中配置 %MAVEN_HOME%\bin

测试Maven是否安装成功,保证必须配置完毕!
5.4 阿里云镜像
maven文件夹下conf/settings.xml
<mirror>
<id>nexus-aliyun</id>
<mirrorOf>central</mirrorOf>
<name>Nexus aliyun</name>
<url>http://maven.aliyun.com/nexus/content/repositories/central/</url>
</mirror>
5.5 本地仓库
maven有本地仓库和远程仓库; 建立一个本地仓库(同样在settings.xml)
<localRepository>E:\maven\apache-maven-3.6.3\maven-repo</localRepository>
5.6、在IDEA中使用Maven
-
启动IDEA
-
创建一个MavenWeb项目


![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-xGmf4fAh-1589699013798)(JavaWeb.assets/1567844917185.png)]](https://img-blog.csdnimg.cn/20200517151042646.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ycRMS61O-1589699013799)(JavaWeb.assets/1567844956177.png)]](https://img-blog.csdnimg.cn/20200517151106318.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-df7cEval-1589699013799)(JavaWeb.assets/1567845029864.png)]](https://img-blog.csdnimg.cn/20200517151139194.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
-
等待项目初始化完毕
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7YjYqWMI-1589699013800)(JavaWeb.assets/1567845105970.png)]](https://img-blog.csdnimg.cn/20200517151202868.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7bL5fNUH-1589699013801)(JavaWeb.assets/1567845137978.png)]](https://img-blog.csdnimg.cn/20200517151219667.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
-
观察maven仓库中多了什么东西?
-
IDEA中的Maven设置
注意:IDEA项目创建成功后,看一眼Maven的配置
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KIvQxMcI-1589699013802)(JavaWeb.assets/1567845341956.png)]](https://img-blog.csdnimg.cn/20200517151244408.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-wD1b7VJu-1589699013803)(JavaWeb.assets/1567845413672.png)]](https://img-blog.csdnimg.cn/20200517151259570.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
-
到这里,Maven在IDEA中的配置和使用就OK了!
5.7、创建一个普通的Maven项目
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-QOhUhthW-1589699013804)(JavaWeb.assets/1567845557744.png)]](https://img-blog.csdnimg.cn/20200517151320910.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eaSz8VOW-1589699013805)(JavaWeb.assets/1567845717377.png)]](https://img-blog.csdnimg.cn/20200517151347191.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
这个只有在Web应用下才会有!
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b010Tvy5-1589699013806)(JavaWeb.assets/1567845782034.png)]](https://img-blog.csdnimg.cn/20200517151404360.png)
5.8 标记文件夹功能
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lW860qjA-1589699013807)(JavaWeb.assets/1567845910728.png)]](https://img-blog.csdnimg.cn/20200517151420677.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ntnkuofI-1589699013808)(JavaWeb.assets/1567845957139.png)]](https://img-blog.csdnimg.cn/20200517151438765.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)


5.9 在 IDEA中配置Tomcat
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-K22Inlfp-1589699013810)(JavaWeb.assets/1567846140348.png)]](https://img-blog.csdnimg.cn/2020051715155548.png)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-iI5YyUs8-1589699013810)(JavaWeb.assets/1567846179573.png)]](https://img-blog.csdnimg.cn/20200517151611112.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SIVSb4Pr-1589699013811)(JavaWeb.assets/1567846234175.png)]](https://img-blog.csdnimg.cn/20200517151623509.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-mCzVoJxr-1589699013812)(JavaWeb.assets/1567846369751.png)]](https://img-blog.csdnimg.cn/20200517151636624.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
解决警告问题
必须要的配置:为什么会有这个问题:我们访问一个网站,需要指定一个文件夹名字;
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-MjYaIf65-1589699013812)(JavaWeb.assets/1567846421963.png)]](https://img-blog.csdnimg.cn/20200517151657895.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-M7YVUqqd-1589699013813)(JavaWeb.assets/1567846546465.png)]](https://img-blog.csdnimg.cn/2020051715171370.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eci1Ycd1-1589699013813)(JavaWeb.assets/1567846559111.png)]](https://img-blog.csdnimg.cn/20200517151732961.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-FUMFzpPk-1589699013814)(JavaWeb.assets/1567846640372.png)]](https://img-blog.csdnimg.cn/20200517151754696.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
5.10 pom文件
pom.xml 是Maven的核心配置文件
![[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-2BbRob8f-1589699013815)(JavaWeb.assets/1567846784849.png)]](https://img-blog.csdnimg.cn/20200517151820925.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NjM5MDQzMw==,size_16,color_FFFFFF,t_70)
