login.jsp:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>用户登录</title>
<meta name="description" content="particles.js is a lightweight JavaScript library for creating particles.">
<meta name="author" content="Vincent Garreau" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" media="screen" href="static/css/style.css">
<link rel="stylesheet" type="text/css" href="static/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="static/layui/css/layui.css"/>
</head>
<body>
<div id="particles-js">
<form class="login layui-form">
<div class="login-top">
登录
</div>
<div class="login-center clearfix">
<!--隐藏的属性 ,默认值是 登录-->
<input type="hidden" name="service" value="login" />
<div class="login-center-img"><img src="static/img/name.png"/></div>
<div class="login-center-input">
<input type="text" value="abc" name="user_name" placeholder="用户名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的用户名'"/>
<div class="login-center-input-text">用户名</div>
</div>
</div>
<div class="login-center clearfix">
<div class="login-center-img"><img src="static/img/password.png"/></div>
<div class="login-center-input">
<input type="password" value="abc" name="password" placeholder="用户密码" onfocus="this.placeholder=''" onblur="this.placeholder='请输入您的密码'"/>
<div class="login-center-input-text">密码</div>
</div>
</div>
<div class="login-center clearfix">
<div class="login-center-img"><img src="static/img/password.png"/></div>
<div class="login-center-input">
<input type="text" name="checkCode" placeholder="验证码" style="width: 130px"/>
<div class="login-center-input-text">验证码</div>
<img id="checkCode" alt="验证码" src="checkCode" style="width: 70px;margin-left: 20px">
</div>
</div>
<div class="login-button" lay-submit lay-filter="loginBtnFilter">
登录