Servlet前后端交互

Servlet前后端交互

前端表格设计：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form method="get" action="logon.do">
    <table border="red "  style="background: antiquewhite;margin: auto;width: 300px;height: 100px; border: 1px solid red"    >
        <tr>
            <!--第一行-->
            <td>
                用户名：
            </td>
            <td>
                <input type="text" name="username">
            </td>
        </tr>
        <tr>
            <!--第二行-->
            <td>
                密码：
            </td>
            <td>
                <input type="password" name="pwd">
            </td>
        </tr>
        <tr>
            <!--第三行-->
            <td>
                <button type="submit" content="content">登录</button>
            </td>
        </tr>
    </table>
</form>
</body>
</html>

交互路径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">
    <!--  修改默认访问页  -->
    <welcome-file-list>
        <welcome-file>logo.html</welcome-file>
    </welcome-file-list>
    <!--  向tomcat申明一个servlet  -->
    <servlet>
        <!--填写别名-->
        <servlet-name>logon</servlet-name>
         <!--填写绝对路径-->
        <servlet-class>com.msb.login.Lonin.Logon</servlet-class>
    </servlet>
    <servlet-mapping>
        <!--给servlet匹配的映射路径-->
        <servlet-name>logon</servlet-name>
        <!-- /logon.do注意：路径符/；不要丢       -->
        <url-pattern>/logon.do</url-pattern>
    </servlet-mapping>
</web-app>

后端通过getParameter获取数据

package com.msb.login.Lonin;
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 Logon extends HttpServlet {
    @Override
    protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        //req.getParameter获取前端用户传入数据；用户名，密码
        String pwd = req.getParameter("pwd");
        String username = req.getParameter("username");
         //这里是向前端返回数据的两种方式
        /*String message = null;
        if (pwd.equals("123")&&username.equals("msb")){
            message = "success";
        }else {
            message = "false";
        }
        resp.getWriter().write(message);*/
        if (pwd.equals("123")&&username.equals("msb")){
            resp.getWriter().write("success");
        }else {
            resp.getWriter().write("false");
        }
    }
}
posted @ 2022-05-23 08:39  爱豆技术部  阅读(80)  评论(0)    收藏  举报