JavaWeb
1、基础概念
web开发:
- 静态
- html,css
- 提供给所有人看的数据始终不会发生变化
- 动态web
- 几乎是所有网站
- 提供给所有人看的数据始终会发生变化
- 技术栈:Servlet/LSP,ASP,PHP
在Java中,动态web资源开发的技术统称为JavaWeb;
1.1、web应用程序
web应用程序:可以提供浏览器访问的程序;
- 多个web资源,这些可以被外界访问,对外界提供服务;
- 你们能访问到的任何一个页面或者资源,都存在这世界上的某一个角落的计算机上。
- URL
- 这个统一的web资源会被放在同一个文件夹下,web应用程序–>Tomcat:服务器
- 一个web应用由多部分组成
- html,css
- jsp,servlet
- java程序
- jar包
- 配置文件(properties)
web应用程序编写完成后,若想提供给外界访问:需要一个服务器来统一管理;
1.2、静态web
- *.html这些是网页后缀,如果服务器上一直存着这些东西,我们就可以直接进行读取,通络。
- 静态web的缺点
- web页面无法动态更新,所有用户看到的都是同一个页面
- 轮播图,点击特效:伪动态
- JavaScript(实际开发中,用的最多)
- VBScript
- 它无法和数据库交互(数据无法持久化,用户无法交互)
- web页面无法动态更新,所有用户看到的都是同一个页面
1.3、动态web
页面会动态展示:效果因人而异
缺点
- 加入服务器的动态web资源出现了错误,我们需要重新编写我们的后台程序,重新发布;停机维护;
优点
- 可以动态更新
- 可以与数据库交互(数据持久化)
2、web服务器
2.1、技术讲解
ASP:
- 微软:国内最早流行的;
- 在HTML中嵌入了VB的脚本,ASP+com;
- 在ASP开发中,基本一个页面就有几千行业务代码,页面及其乱;
- 维护成本高;
php:
- 开发速度快,功能强大,跨平台,代码简单;
- 无法承载大访问量的情况;
JSP/Servlet:
B/S:浏览和服务器
C/S:客户端和服务端
- sun公司主推的B/S架构
- 基于Java语言的
- 可以承载三高问题带来的影响
- 语法像ASP,加强市场强度
2.2、web服务器
服务器是一种被动的操作,用来处理用户的一些请求和给用户一些响应信息;
IIS
Tomcat
3、Tomcat
启动 startup.bat
关闭 shutdown.bat
配置 server.xml
网站是如何进行访问的:
- 输入域名
- 检查本机hosts配置文件下有没有这个域名的映射;
- 有:直接返回对应的ip地址
- 没有:去DNS服务器找,找到返回,找不到就返回找不到
发布一个网站
- 将自己写的网站,放到服务器(Tomcat)中指定的web应用的文件夹(webapps)下。
1 | --webapps:Tomcat服务器的web目录 |
4、HTTP
4.1、什么是HTTP
HTTP 超文本传输协议,通常运行在TCP之上。
- 文本:html,字符串
- 超文本:图片,音乐,视频,定位…
- 端口80
HTTPS 安全的
- 端口443
4.2、两个时代
- http/1.0:只能获得一个web资源
- http/1.1:可以获得多个web资源
4.3、Http请求
客户端—发请求(Request)—服务器
1
2
3
4
5请求 URL: https://www.baidu.com/
请求方法: GET
状态代码: 200 OK
远程地址: 14.215.177.38:443
引用者策略: strict-origin-when-cross-origin
1、请求行
请求行中的请求方式:GET
请求方式:GET,POST,HEAD,DELETE,PUT,TRACT…
get:请求能够携带的参数比较少,大小有限制,会在浏览器的URL地址栏显示数据内容,不安全,但高效;
请求能够携带的参数没有限制,大小没有限制,补会在浏览器的URL地址栏显示数据内容,安全,但不高效;
2、消息头
1 | Accept:告诉浏览器,它所支持的数据类型 |
4.3、Http响应
- 服务器—响应—客户端
1 | Cache-Control: private 缓存控制 |
1.响应体
1 | Accept:告诉浏览器,它所支持的数据类型 |
2.响应状态码
200:请求响应成功
3xx:请求重定向
404:找不到资源
5xx:服务器代码错误
5、Maven
为什么要学习这个技术?
- 在Javaweb中,需要使用大量的jar包,我们手动去导入;
- 如何让一个东西自动帮我们导入和配置这个jar包;
5.1 Maven项目架构管理工具
核心思想:约定大于配置 有约束,不要去违反。
5.2 下载
idea版本和maven版本可能存在不兼容
5.3 配置环境变量
- M2_HOME maven目录下的bin目录
- HOME_HOME maven的目录
- 在系统的path中配置 %MAVEN_HOME%\bin
测试是否配置成功 mvn -version
5.4 阿里云镜像
1 | <mirror> |
5.5 本地仓库
在本地的仓库,远程仓库;
建立一个本地仓库:localRepository
1 | <localRepository>D:\apache-maven-3.8.6\maven-repo</localRepository> |
5.6、在idea中使用maven
idea中的maven设置
5.7 创建一个普通的maven项目
创建时直接下一步,不用勾选模板
5.8 标记文件夹功能
5.9 在IDEA中配置Tomcat
5.10 pom文件
pom.xml配置文件
maven由于约定大于配置,之后可能遇到写的配置文件,无法被到处或者生效的问题
解决方法:
1 | <!-- 在build中配置resources防止资源到处失败 --> |
6、Servlet
6.1、servlet简介
- 开发动态web的一门技术
- 这些API中提供一个接口叫做Servlet,开发一个Servants程序需要:
- 编写一个类,实现接口
- 把开发好的Java类部署到web服务器中
把实现了Servlet接口的Java程序叫做,Servlet
6.2、HelloServlet
构建一个普通Maven项目,删掉里面的src目录,以后就在这个项目建立Moudel;这个空工程就是Maven的主工程;
卡住的在settings-maven-runner-VM Options里配:-DarchetypeCatalog=internal
关于Maven父子工程的理解:
父项目中会有:
1 | <modules> |
子项目中会有:
1 | <parent> |
父项目中的Java子项目可以直接使用
1 | son extends father |
3.Maven环境优化
- 修改web.xml为最新的
- 将maven的结构搭建完整
4.编写一个Servlet程序
- 编写一个普通来
- 实现Servlet接口,这里之际额继承HttpServlet
1 | public class HelloServlet extends HttpServlet { |
5.编写Servlest的映射
为什么需要映射:我们写的是JAVA程序,但是要通过浏览器访问,而浏览器需要连接web服务器,所以我们需要在web服务中注册我们写的Servlet,还需给他一个浏览器能够访问的路径。
1 | <!--注册servlet--> |
6.配置Tomcat
7.启动测试
6.3、Servlet原理
Servlet是由web服务器调用
6.4 Mapping问题
一个servlet可以指定一个映射路径
1
2
3
4<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>一个servlet可以指定多个映射路径
1
2
3
4
5
6
7
8
9
10
11
12
13
14<!--servlet请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello1</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello2</url-pattern>
</servlet-mapping>
一个servlet可以指定通用映射路径
1
2
3
4<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello/*</url-pattern>
</servlet-mapping>默认请求路径
1
2
3
4<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/*</url-pattern>
</servlet-mapping>指定一些后缀或者前缀等等…
1
2
3
4
5<!--可以自定义后缀或者前缀,但*前面不能加项目映射的路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>*.plume</url-pattern>
</servlet-mapping>优先级问题
指定了固有的映射路径优先级最高,如果找不到就会走默认的处理请求;
1
2
3
4
5
6
7
8
9<!--404-->
<servlet>
<servlet-name>error</servlet-name>
<servlet-class>com.plume.servlet.ErrorServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>error</servlet-name>
<url-pattern>/*</url-pattern>
</servlet-mapping>
6.5、ServletContext
web容器在启动的时候,它会为每个web程序都创建一个ServletContext对象,它代表了当前web应用;
1、共享数据
我在这个Servlet中保存的数据,可以在另外一个servlet中拿到;
1 | public class HelloServlet extends HttpServlet { |
1 | public class GetServlet extends HelloServlet{ |
1 | <servlet> |
测试访问结果;
2、获取初始化参数
1 | <!--配置一些web应用初始化参数--> |
1 | protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { |
3、请求转发
1 |
|
4、读取资源文件
Properties
- 在java目录下新建properties
- 在resources目录下新建properties发现:都被打包到了同一个路径下:classes,我们俗称这个路径为classpath。
发现:都被打包到了同一个路径下 classes,我们俗称这个路径为classpath;
思路:需要一个文件流;
1 | username=root |
1 | public class ServletDemo05 extends HttpServlet { |
访问测试即可;
6.6 、HttpServletResponse
web服务器接收到客户端的http请求,针对这个请求,分别创建一个代表请求的HttpServletRequest对象,代表响应的一个HttpServletResponse;
- 如果要获取客户端请求过来的参数:找HttpServletRequest
- 如果要给客户端响应一些信息:找HttpServletResponse
1、简单分类
负责向浏览器发送数据的方法
负责向浏览器发送响应头的方法
2、常见应用
向浏览器输出消息
下载文件
- 要获取下载文件的路径
- 下载的文件名是啥
- 设置想办法让浏览器能够支持下载我们需要的东西
- 获取下载文件的输入流
- 创建缓冲区
- 获取OutputStream对象
- 将FileOutputStream流写入到buffer缓冲区
- 使用OutputStream将缓冲区的数据输出到客户端
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 1. 要获取下载文件的路径
String realPath = "E:\\project\\javaweb\\response\\src\\main\\resources\\灰羽.jpg";
System.out.println("获取下载文件路径:"+realPath);
// 2. 下载的文件名是啥
String fileName = realPath.substring(realPath.lastIndexOf("\\") + 1);
// 3. 设置想办法让浏览器能够支持下载我们需要的东西
resp.setHeader("Content-disposition","attachment;filename="+ URLEncoder.encode(fileName,"utf-8"));
// 4. 获取下载文件的输入流
FileInputStream in =new FileInputStream(realPath);
// 5. 创建缓冲区
int len = 0;
byte[] buffer = new byte[1024];
// 6. 获取OutputStream对象
ServletOutputStream out = resp.getOutputStream();
// 7. 将FileOutputStream流写入到buffer缓冲区,使用OutputStream将缓冲区的数据输出到客户端
while ((len=in.read(buffer))>0){
out.write(buffer,0,len);
}
in.close();
out.close();
}
#### 3、验证码功能
- 前端实现
- 后端实现
```java
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//如何让浏览器5秒自动刷新一次;
resp.setHeader("refresh","3");
//在内存中创建一个图片
BufferedImage image = new BufferedImage(80,20,BufferedImage.TYPE_INT_RGB);
//得到图片
Graphics2D g = (Graphics2D)image.getGraphics();//笔
//设置图片背景颜色
g.setColor(Color.white);
g.fillRect(0,0,80,20);
//给图片写数据
g.setColor(Color.BLUE);
g.setFont(new Font(null,Font.BOLD,20));
g.drawString(makeNum(),0,20);
//告诉浏览器这个请求用图片方式打开
resp.setContentType("image/jpg");
//网站存在缓存,不让浏览器缓存
resp.setDateHeader("expires",-1);
resp.setHeader("Cache-Control","no-cache");
resp.setHeader("Pragma","no-cache");
//把图片写给浏览器
ImageIO.write(image,"jpg",resp.getOutputStream());
}
//生成随机数
private String makeNum(){
Random random = new Random();
String num = random.nextInt(99999999) + "";
StringBuffer sb = new StringBuffer();
for (int i = 0; i < 7; i++) {
sb.append("0");
}
String s = sb.toString() + num;
return num;
}实现重定向
B一个web资源收到客户端请求后,他会通知客户端去访问另一个web资源,这个过程叫做重定向
常见场景:
- 用户登录
1 | void sendRedirect(String var1) throws IOException; |
重定向测试:
1 |
|
聊聊重定向和转发的区别?
相同点
- 页面都会实现跳转
不同点
- 请求转发的时候,url不会产生变化
- 请求重定向的时候,url产生变化
6.7、HttpServletRequest
HttpServletRequest代表客户端的请求,用户通过Http协议访问服务器,HTTP请求中的所有信息会被封装到HttpServletRequest,通过这个HttpServletRequest的方法,获得客户端的所有信息。
获取前端传递的参数
请求转发
前端:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>首页</title>
</head>
<body>
<form action="${pageContext.request.contextPath}/login" method="post">
用户名:<input type="text" name="username"><br>
密码:<input type="password" name="password"><br>
爱好:
<input type="checkbox" name="hobby" value="代码"> 代码
<input type="checkbox" name="hobby" value="唱歌"> 唱歌
<input type="checkbox" name="hobby" value="女孩"> 女孩
<input type="checkbox" name="hobby" value="电影"> 电影
<br>
<input type="submit" name="提交">
</form>
</body>
</html>后端:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20public class LoginServlet extends HttpServlet {
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
this.doPost(req, resp);
}
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 处理请求中文乱码(后期可以使用过滤器来解决)
req.setCharacterEncoding("utf-8");
resp.setCharacterEncoding("utf-8");
String username = req.getParameter("username");
String password = req.getParameter("password");
String[] hobbies = req.getParameterValues("hobby");
System.out.println(username);
System.out.println(password);
System.out.println(Arrays.toString(hobbies));
// 这里的 / 代表当前的web应用,所以不需要再加上/request_war这个上下文路径了,否则会出现404错误
req.getRequestDispatcher("/success.jsp").forward(req,resp);
}
}web.xml
1
2
3
4
5
6
7
8<servlet>
<servlet-name>LoginServlet</servlet-name>
<servlet-class>com.plume.servlet.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>LoginServlet</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>