基于layui的ssm表单登陆验证案例

柔情只为你懂 2021-09-22 22:44 279阅读 0赞

### **引言：简单的表单验证注册案例，其中包括了表单校验，使用layui的ui组件，以及采用ajax跟后台进行数据交换并提交表单。** ###

--------------------

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcXo2NjY_size_16_color_FFFFFF_t_70][]

--------------------

代码实现：

<%@ page language="java" contentType="text/html; charset=utf-8"  
    pageEncoding="utf-8"%><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="UTF-8">  
    <title>后台管理-登陆</title>  
    <%pageContext.setAttribute("path",request.getContextPath()); %>  
    <link rel="stylesheet" href="$\{path \}/layui/css/layui.css" type="text/css">  
    <link rel="stylesheet" href="$\{path \}/css/systemlogin.css" type="text/css">  
    <script src="./js/jquery-2.1.1.js" type="text/javascript"></script>  
    <script src="$\{path\}/layui/layui.all.js" type="text/javascript"></script>  
</head>  
<body style="background-color:\#fff;">  
<div id="container">  
    <div class="admin-login-background">  
         
        <form class="layui-form" action="$\{path\}/systemLogin" method="post">  
            <div> <h1 style="position:relative;top:-30px;color:\#009688;padding-left:15px;">教务系统登陆窗口!!!</h1></div>  
            <div>  
               <i class="layui-icon" style="font-size:30px; color:\#000;padding:6px;">&\#xe66f;</i>   
                <input type="text" name="username" placeholder="请输入用户名"  
                 class="layui-input admin-input admin-input-username" style="padding-left:40px;" lay-verify="username">  
            </div>  
            <div style="margin-top:20px;">  
                 <i class="layui-icon" style="font-size: 30px; color:\#000;padding:6px;">&\#xe60c;</i>  
                <input type="password" name="password"  
                       placeholder="请输入密码"  
                       autocomplete="off"  
                       lay-verify="password"  
                       class="layui-input admin-input" style="padding-left:40px;">  
            </div>  
              
            <button class="layui-btn admin-button" lay-submit="" lay-filter="SystemLogin" style="background-color:\#009688;">登陆</button>  
        </form>  
        <div style="margin-top:10px;">没有账号?<I ><a href="$\{path\}/registerUserTo" style="color:\#009688;margin-left:180px;"><b>点我注册</b></a></I></div>  
    </div>  
</div>

</body>

\});  
</script>  
</html>

--------------------

### 后台代码:(Controller） ###

@RequestMapping("/systemLogin")   
      public ModelAndView  login(HttpServletRequest request,  
             Model model)\{  
          
            String name=request.getParameter("username");  
            String pwd=request.getParameter("password");  
            User user = userService.findByUsername(name);  
            System.out.println("\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*\*");  
            if(user==null)\{  
                request.getSession().setAttribute("result", "-1");  
                return new ModelAndView("SystemLogin");  
            \}else if(!user.getPassword().equals(pwd))\{  
                request.getSession().setAttribute("result", "-2");  
                return new ModelAndView("SystemLogin");  
            \}else\{  
                //登录成功后跳转到主页面  
                request.getSession().removeAttribute("result");  
                request.getSession().setAttribute("user", user);  
                return new ModelAndView("default");  
                  
            \}  
            
        \}

--------------------

喜欢学Java请加群：893474028

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpcXo2NjY_size_16_color_FFFFFF_t_70]: /images/20210920/4c0675b0bb314429827270afa192c9d2.png