有IDEA,有Tomcat(去网上找一下tomcat官方网站,下载9版本的即可,10版本的可能因为与IDEA版本不适而发生各种报错),有Maven,Idea虽然自带有Maven,但其功能还是有些受限,最好还是去官网下载一下Maven到本地而后导入到IDEA中
Maven作用:导入多个jar包 下载后配置如下
然后应用即可,接下来新建项目
新建完成后为这个样子
新建没有webapp的参考这篇文章即可 https://blog.csdn.net/weixin_43621277/article/details/126071792 而后直接去配置一下tomcat,开启就可以看到helloworld了
Maven项目简单配置完成。
作用:开发动态web技术(每个人请求得到内容不同)
新建的话你右键创一个就好了,随便命名,我这里命名为test123
接下来应该是有一个test123.iml
的,他里面可以配置依赖包
注:这里没有的话,在下面的终端处执行以下指令
mvn idea:module
如果报错没有这个指令,那么说明你没配置环境变量,自己去百度一下mvn的环境变量配置,然后重启idea再执行命令即可 此时就去找对应servlet的依赖包 链接如下 https://mvnrepository.com/artifact/javax.servlet.jsp/javax.servlet.jsp-api/2.3.3
放至下面如果冒红,刷新一下即可,而后就会自动安装
接下来去修改父类的web.xml
为最新版
<?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>
然后此时去建子类,整一个maven项目
即点击module新建一个maven项目,此时新建好的话需要添加两个文件夹分别是java
和resources
接下来让他继承servelt接口,新建
包名最好起的比较易理解一点,如com.quan9i.servlet
,接下来去继承Httpservlet
,同时改写一下GET方法和POST方法
public class HelloServlet extends HttpServlet {
//由于get或者post只是请求实现的不同的方式,可以相互调用,业务逻辑都一样;
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//ServletOutputStream outputStream = resp.getOutputStream();
PrintWriter writer = resp.getWriter(); //响应流
writer.print("Hello,Serlvet");
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
接下来就需要去访问了,但是在访问之前我们需要去写一下servlet的映射 为什么需要映射:
我们写的是JAVA程序,但是要通过浏览器访问,而浏览器需要连接web服务器,所以我们需
要再web服务中注册我们写的Servlet,还需给他一个浏览器能够访问的路径;
这个的话需要写在web.xml里,其内容更新后如下
<?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">
<!--注册Servlet-->
<servlet>
<servlet-name>hello</servlet-name>
<servlet-class>com.quan9i.servlet.Helloservlet</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
</web-app>
接下来配置tomcat
接下来直接运行即可
成功访问到界面
然后我们此时去访问hello
路径,刚刚配置的web.xml
中配置有这个,那么它就会调用对应的方法,我们在方法中重写了GET,此时就会对应那个重写的get方法,即输出Hello,Serlvet
简单的说,浏览器向Web容器请求Servlet,Web容器获取Servlet的响应,而我们可以控制的就是中间,即写Servlet,控制响应内容,还有就是这里的Web容器是Tomcat。 图解如下
一个Servlet指定单个映射路径
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
一个Servlet指定多个
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello2</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello3</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello4</url-pattern>
</servlet-mapping>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello5</url-pattern>
</servlet-mapping>
一个Servlet指定通用
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello/*</url-pattern>
</servlet-mapping>
默认请求路径
<!--默认请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/*</url-pattern>
</servlet-mapping>
指定后缀
<!--默认请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>*.quan9i</url-pattern> //注:此时前面是不能加通配符的
</servlet-mapping>
优先级问题
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello/*</url-pattern>
</servlet-mapping>
<!--404-->
<servlet>
<servlet-name>error</servlet-name>
<servlet-class>com.kuang.servlet.ErrorServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>error</servlet-name>
<url-pattern>/*</url-pattern>
</servlet-mapping>
当同时存在通配符和固定映射路径时,固定映射路径优先级是高于通配符的
# read.java
public class read extends HttpServlet {
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException, IOException {
ServletContext context = this.getServletContext();
String username = (String) context.getAttribute("username");
resp.setContentType("text/html");
resp.setCharacterEncoding("utf-8");
resp.getWriter().print("名字"+username);
}
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
#HelloServlet.java
public class HelloServlet extends HttpServlet {
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//this.getInitParameter() 初始化参数
//this.getServletConfig() Servlet配置
//this.getServletContext() Servlet上下文
ServletContext context = this.getServletContext();
String username = "秦疆"; //数据
context.setAttribute("username",username); //将一个数据保存在了ServletContext中,名字为:username 。值 username
}
}
#web.xml
<?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">
<!--注册Servlet-->
<!--注册Servlet-->
<servlet>
<servlet-name>hello</servlet-name>
<servlet-class>com.quan9i.servlet.servlet.read</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>write</servlet-name>
<servlet-class>com.quan9i.servlet.servlet.HelloServlet</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>write</servlet-name>
<url-pattern>/write</url-pattern>
</servlet-mapping>
</web-app>
先访问write
,写入值,得到结果为
再去访问hello
可以写一些初始化参数在web.xml中,然后我们用这个方法去获取
#web.xml
<?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应用初始化参数-->
<context-param>
<param-name>url</param-name>
<param-value>jdbc:mysql://localhost:3306/mybatis</param-value>
</context-param>
<!--注册Servlet-->
<servlet>
<servlet-name>hello</servlet-name>
<servlet-class>com.quan9i.servlet.servlet.read</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
</web-app>
#read.java
package com.quan9i.servlet.servlet;
import javax.servlet.ServletContext;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
public class read extends HttpServlet {
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
ServletContext context = this.getServletContext();
String url = context.getInitParameter("url");
resp.getWriter().print(url);
}
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
访问Hello
getRequestDispatcher
函数可以实现请求转发,即将某一路径下的内容在另一路径下同样可以请求到,与重定向是不同的
# test.java
public class test extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
ServletContext context = this.getServletContext();
System.out.println("进入了test");
//RequestDispatcher requestDispatcher = context.getRequestDispatcher("/gp"); //转发的请求路径
//requestDispatcher.forward(req,resp); //调用forward实现请求转发;
context.getRequestDispatcher("/hello").forward(req,resp);
}
}
# web.xml
<?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应用初始化参数-->
<context-param>
<param-name>url</param-name>
<param-value>jdbc:mysql://localhost:3306/mybatis</param-value>
</context-param>
<!--注册Servlet-->
<servlet>
<servlet-name>hello</servlet-name>
<servlet-class>com.quan9i.servlet.servlet.read</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>test</servlet-name>
<servlet-class>com.quan9i.servlet.servlet.test</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>test</servlet-name>
<url-pattern>/test</url-pattern>
</servlet-mapping>
</web-app>
访问test
请求转发与重定向图解如下
在resources中新建配置文件db.properties
,写入内容后启动tomcat,可以发现它的WEB路径是
WEB-INF-classes-db.properties
接下来就可以写一个java文件,读取文件内容,转换为字节流,然后再新建一个对象用反序列化读取内容,就可以获取到配置文件了
#Servletdemo1.java
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
InputStream is =this.getServletContext().getResourceAsStream("/WEB-INF/classes/aa.properties");
Properties prep = new Properties();
prep.load(is);
String user = prep.getProperty("username");
String pwd = prep.getProperty("password");
resp.getWriter().print(user+":"+pwd);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
#web.xml
<?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">
<!--注册Servlet-->
<servlet>
<servlet-name>sd1</servlet-name>
<servlet-class>com.quan9i.servlet.servlet.Servletdemo1</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>sd1</servlet-name>
<url-pattern>/sd1</url-pattern>
</servlet-mapping>
</web-app>
而当在java那个文件夹下放置配置文件时,有时候会出现报错,这是因为约定大于配置
然后新建的话build一下应该也是可以生成的,但是我这里没生成,就不访问了,以后再看这个。
过程实现分为以下几步
1、要获取下载文件的路径
2、下载的文件名是啥?
3、设置想办法让浏览器能够支持下载我们需要的东西
4、获取下载文件的输入流
5、创建缓冲区
6、获取OutputStream对象
7、将FileOutputStream流写入到bufer缓冲区
8、使用OutputStream将缓冲区中的数据输出到客户端!
实现代码如下
# servlet.java
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 1. 要获取下载文件的路径
String realPath = "D:\\QQ\\保存的消息\\4.jpg";
System.out.println("下载文件的路径:"+realPath);
// 2. 下载的文件名是啥?
String fileName = realPath.substring(realPath.lastIndexOf("\\") + 1);
// 3. 设置想办法让浏览器能够支持(Content-Disposition)下载我们需要的东西,中文文件名URLEncoder.encode编码,否则有可能乱码
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();
}
#web.xml
<?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">
<servlet>
<servlet-name>down</servlet-name>
<servlet-class>com.quan9i.servlet.servlet</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>down</servlet-name>
<url-pattern>/down</url-pattern>
</servlet-mapping>
</web-app>
接下来访问可能404,这是因为tomcat配置的没修改,我们需要去修改tomcat的Deployment
为当前这个路径,然后再随便写一下根目录即可
访问down
,获取到下载文件
前端实现 后端实现,需要用到Java的图片类,生产一个图片
步骤分为以下几步
1、设置图片,设置背景颜色
2、设置字体颜色,设置随机数函数,将随机数函数画入图片
3、清空缓存,设置每三秒刷新一次,设置字体
代码实现
#imageservlet.java
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//让浏览器每3秒刷新一次
resp.setHeader("refresh","3");
//在内存中创建一个图片
BufferedImage bufferedImage = new BufferedImage(80,80,BufferedImage.TYPE_INT_RGB);
//得到图片
Graphics2D g =(Graphics2D) bufferedImage.getGraphics();
//设置图片背景颜色
g.setColor(Color.white);
//给图片写数据
g.fillRect(0,0,80,80);
g.setColor(Color.blue);
g.setFont(new Font(null,Font.BOLD,20));
g.drawString(makeNum(),0,20);
//告诉浏览器以图片形式打开
resp.setContentType("image/jpeg");
//禁止浏览器缓存
resp.setDateHeader("expires",-1);
resp.setHeader("Cache-Control","no-Cache");
resp.setHeader("Pragma","no-Cache");
//把图片写给浏览器
ImageIO.write(bufferedImage,"jpeg",resp.getOutputStream());
}
//生成随机数
private String makeNum(){
Random random = new Random();
String num = random.nextInt(999999)+"";
StringBuffer sb = new StringBuffer();
for (int i = 0; i<7-num.length() ; i++){
sb.append("0");
}
num = sb.toString()+num;
return num;
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
#web.xml
<?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">
<servlet>
<servlet-name>image</servlet-name>
<servlet-class>com.quan9i.servlet.imageservlet</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>image</servlet-name>
<url-pattern>/img</url-pattern>
</servlet-mapping>
</web-app>
请求后就会发现每隔几秒刷新一次验证码了
请求重定向,即请求后重新定向到另一个路径下,具体实现代码如下。
#sendservlet.java
public class sendservlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
resp.sendRedirect("/r/img");
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req, resp);
}
}
#web.xml
<?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">
<servlet>
<servlet-name>image</servlet-name>
<servlet-class>com.quan9i.servlet.imageservlet</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>image</servlet-name>
<url-pattern>/img</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>send</servlet-name>
<servlet-class>com.quan9i.servlet.sendservlet</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>send</servlet-name>
<url-pattern>/send</url-pattern>
</servlet-mapping>
</web-app>
然后就是转发和重定向的区别
1、请求转发url不变化,重定向url变化
简单重定向,示例代码
# index.jsp
<html>
<body>
<h2>Hel1o World!</h2>
<%--这里超交的路径,需要寻找到项目的路径--%>
<%--${pageContext. request, contextPath}代表当前的项目--%>
<form action="${pageContext. request.contextPath}/login" method="get">
用户名: <input type="text" name="username"> <br>
密码: <input type="password" name="password"> <br>
<input type="submit">
</form>
</body>
</html>
#request.java
public class request extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//处理方求
System.out.println("成功进入");
}
}
# web.xml
<?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">
<servlet>
<servlet-name>req</servlet-name>
<servlet-class>com.quan9i.servlet.request</servlet-class>
</servlet>
<!--servlet的请求路径-->
<servlet-mapping>
<servlet-name>req</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
</web-app>
这里的是空白的,那我们让他跳转到成功界面 实现代码如下
#success.jsp
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
</head>
<body>
<h1>success!!!</h1>
</body>
</html>
#web.xml同上
#index.jsp同上
#request.java
public class request extends HttpServlet {
@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//处理方求
String username = req.getParameter("username");
String password = req.getParameter("password");
System.out.println(username + ":" + password);
resp.sendRedirect("/r/success.jsp");
}
}
此时输入值后的效果是这样的
获取前端参数的函数
我们这里通过设计一个前端代码获取参数同时进行转发,具体实现代码如下所示
#request.java
public class request extends HttpServlet {
protected void doGet(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("hobbies");
System.out.println("username:" + username + ",password:" + password + ",hobbies:" + Arrays.toString(hobbies));
// 通过请求转达
req.getRequestDispatcher("/success.jsp").forward(req, resp);
}
@Override
protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
doGet(req,resp);
}
}
#web.xml同上
#success.jsp同上
#index.jsp
<html>
<body>
<div style="text-align: center">
<%-- 这里表单提交的意思,以 post 方式提交表单,提交到我们的 login 请求--%>
<form action="${pageContext.request.contextPath}/login" method="post">
用户名:<input type="text" name="username"> <br>
密码:<input type="password" name="password"> <br>
爱好:<input type="checkbox" name="hobbies" value="开心">????
<input type="checkbox" name="hobbies" value="流泪">????
<input type="checkbox" name="hobbies" value="研究">????
<input type="checkbox" name="hobbies" value="调皮">????
<br>
<input type="submit" value="登录">
</form>
</div>
</body>
</html>
启动tomcat
登录后
成功实现转发 在idea中也看到了输出信息