1、 Servlet api引入
【STEP 1】在创建Web项目中引入Tomcat里面提供servlet-api.jar类库
项目右键 -> 打开模块设置
【STEP 2】选择依赖页面,进行新建一个库。
【STEP 3】如果不使用默认的库,就新增库->Java
【step 4】找到tomcat下的servlet-api.jar包
【STEP 5】选择成功,确定即可。
【6】选中servlet-api库进行添加
【7】在依赖选项卡可以看到servlet-api库有关信息
【8】在项目目录的外部库,也可以看到servelt-api库被添加进来了
2、 创建一个Servlet
public class MyServlet extends HttpServlet { }
【1】新建一个类,例如Myservlet,继承自HttpServlet
【2】快速生成Get、Post重写的方法。用来提供给外部(客户端)调用的Get、Post请求。
【3】在Html页面里面新增两个触发按钮,用来测试使用
<form action="" method="post"> <input type="submit" value="this is Post Request"> </form> <form action="" method="get"> <input type="submit" value="this is Get Request"> </form>
3、使用Servlet
3.1 基于原始配置
【1】在web.xml配置文件内,进行添加配置
【2】配置servlet有关信息
【3】其中,引用的类路径为,在对应的写Get、Post等方法的类右键,选择复制引用,即可寻找到复制引用的选项。
<!--配置Servlet--> <servlet> <servlet-name>weskyServlet</servlet-name> <servlet-class>com.wesky.servlet.demo.MyServlet</servlet-class> </servlet> <!--配置Servlet映射--> <servlet-mapping> <servlet-name>weskyServlet</servlet-name> <url-pattern>/wesky</url-pattern> </servlet-mapping>
【4】对类做个输出,以便于测试
【5】修改页面请求的代码,填写action的路径,action路径和配置文件的路径保持一致(前缀没有斜杠,映射路径有斜杠)
【6】然后启动程序
【7】先后点击Post请求和Get请求按钮。在第一次点击的时候,类型会被实例化,后续就没有继续实例化了。并且也都可以看到点击进入到了对应的方法里面。
3.2 Servlet生命周期
测试生命周期
【1】重载三个方法,分别是init,service,destroy;他们分别代表servlet服务的初始化、服务分发、以及销毁。
【2】然后再启动程序,看下效果。
第一次执行:
构造函数 -> init() -> service() -> doXXX()
第二次:service() -> doXXX()
第三次:service() -> doXXX()
【3】关闭服务的时候,执行一次销毁动作。
【4】super.service()方法反编译,可以看到具体实现效果
【5】所以我们可以对super.service进行一些自定义改造,或者不管什么请求,都可以指定为Post请求。例如,判断Post和Get请求走正常渠道,其他请求全部引导向Post方法里面去。
3.3 servlet上使用注解
【注意】Servlet版本必须是3.0以上才可以使用注解
例如查看我当前的servlet版本是6.0
【1】注解说明:
@WebServlet(name = "weskyServlet", urlPatterns = "/wesky2") name: 代表servlet的名称 urlPatterns: 定义映射路径
【2】html静态页面里面也修改action为wesky2,与注解写的保持一致,用于区分和配置文件实现的差别
【3】对原先配置的xml文件进行注释
【4】运行程序,并点击请求按钮,可以看到也能被访问成功。如果访问不成功,action没有成功跳转,可以清理缓存再试试。
3.4 servlet编程实现
【1】为了节省工作时间,此处就不手写了,直接问ChatGPT要了份代码,我们接下来做个简单的解析
【2】前端代码(login.html)说明:在 HTML 页面中,我们创建了一个简单的登录表单,其中包含用户名和密码的输入框。该表单将提交到 login Servlet。在 Servlet 中,我们可以获取并验证用户输入的用户名和密码,然后决定是否允许用户登录。
<!DOCTYPE html> <html xmlns:c="https://jakarta.ee/xml/ns/jakartaee"> <head> <meta charset="UTF-8"> <title>Login Page</title> </head> <body> <h1>Login Page</h1> <!-- 显示登录表单 --> <form method="post" action="login"> <p> <label>用户名:</label> <input type="text" name="username" /> </p> <p> <label>密码:</label> <input type="password" name="password" /> </p> <p> <input type="submit" value="登录" /> </p> </form> </body> </html>
【3】servlet部分代码,做了点小调整以后:
import jakarta.servlet.ServletException; import jakarta.servlet.annotation.WebServlet; import jakarta.servlet.http.HttpServlet; import jakarta.servlet.http.HttpServletRequest; import jakarta.servlet.http.HttpServletResponse; @WebServlet(name = "loginServlet",urlPatterns = "/login") public class LoginServlet extends HttpServlet { private static final long serialVersionUID = 1L; @Override protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 显示登录页面 request.getRequestDispatcher("/login.html").forward(request, response); } @Override protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/html;charset=UTF-8"); // 设置字符编码 PrintWriter writer = response.getWriter(); // 处理登录请求 String username = request.getParameter("username"); String password = request.getParameter("password"); if ("admin".equals(username) && "admin123".equals(password)) { // 登录成功,重定向到欢迎页面 response.sendRedirect("hello.html"); } else { // 登录失败,重定向到登录页面并显示错误消息 writer.write("<script>alert('登录失败!');location.href='login.html';</script>"); } // 释放操作流资源 writer.flush(); writer.close(); } }
【4】一些说明:
<form method="post" action="login"> post代表访问到doPost里面;action=login代表通过注解的urlPatterns找到/login,从而可以确定servlet服务所在的入口; Java代码:String username = request.getParameter("username"); 前端标签代码:<input type="text" name="username" /> HttpServletRequest request 参数的getParameter方法,传递一个字符串参数,该参数用于匹配前端name与之对应的内容
【5】现在启动程序运行一下,看下效果。看来机器人写的登录页面还是可以用的。
【6】输入错误的用户名或密码,显示失败,点击确定会回到登录页。
【7】输入正确的密码以后,就会跳转到预设的页面了。