From 7cd5f47afd29793a09e3d68b445a814faae3f8bd Mon Sep 17 00:00:00 2001
From: chenjinlong <$chenjinlong>
Date: Fri, 15 Jan 2021 01:10:51 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90register.html=E3=80=91=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=B3=A8=E5=86=8C=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/main/webapp/pages/register.html | 244 ++++++++++++++++++++++++++++
 1 file changed, 244 insertions(+)
 create mode 100644 src/main/webapp/pages/register.html
diff --git a/src/main/webapp/pages/register.html b/src/main/webapp/pages/register.html
new file mode 100644
index 00000000..b8955a68
--- /dev/null
+++ b/src/main/webapp/pages/register.html
@@ -0,0 +1,244 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8"/>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link href="${ctxPath}/assets/expand/images/favicon.ico" rel="icon">
+    <title>${constants.getSystemName()}-用户注册</title>
+    <link rel="stylesheet" href="${ctxPath}/assets/common/libs/layui/css/layui.css"/>
+    <link rel="stylesheet" href="${ctxPath}/assets/common/module/admin.css?v=318">
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <style>
+        body {
+            background-image: url("${ctxPath}/assets/common/images/bg-login.jpg");
+            background-repeat: no-repeat;
+            background-size: cover;
+            min-height: 100vh;
+        }
+
+        body:before {
+            content: "";
+            background-color: rgba(0, 0, 0, .2);
+            position: fixed;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+        }
+
+        .login-wrapper {
+            max-width: 420px;
+            padding: 20px;
+            margin: 0 auto;
+            position: relative;
+            box-sizing: border-box;
+            z-index: 2;
+        }
+
+        .login-wrapper > .layui-form {
+            padding: 25px 30px;
+            background-color: #fff;
+            box-shadow: 0 3px 6px -1px rgba(0, 0, 0, 0.19);
+            box-sizing: border-box;
+            border-radius: 4px;
+        }
+
+        .login-wrapper > .layui-form > h2 {
+            color: #333;
+            font-size: 18px;
+            text-align: center;
+            margin-bottom: 25px;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item {
+            margin-bottom: 25px;
+            position: relative;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item:last-child {
+            margin-bottom: 0;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item > .layui-input {
+            height: 46px;
+            line-height: 46px;
+            border-radius: 2px !important;
+        }
+
+        .login-wrapper .layui-input-icon-group > .layui-input {
+            padding-left: 46px;
+        }
+
+        .login-wrapper .layui-input-icon-group > .layui-icon {
+            width: 46px;
+            height: 46px;
+            line-height: 46px;
+            font-size: 20px;
+            color: #909399;
+            position: absolute;
+            left: 0;
+            top: 0;
+            text-align: center;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item.login-captcha-group {
+            padding-right: 135px;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item.login-captcha-group > .login-captcha {
+            height: 46px;
+            width: 120px;
+            cursor: pointer;
+            box-sizing: border-box;
+            border: 1px solid #e6e6e6;
+            border-radius: 2px !important;
+            position: absolute;
+            right: 0;
+            top: 0;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox {
+            margin: 0 !important;
+            padding-left: 25px;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item > .layui-form-checkbox > .layui-icon {
+            width: 15px !important;
+            height: 15px !important;
+        }
+
+        .login-wrapper > .layui-form .layui-btn-fluid {
+            height: 48px;
+            line-height: 48px;
+            font-size: 16px;
+            border-radius: 2px !important;
+        }
+
+        .login-wrapper > .layui-form > .layui-form-item.login-oauth-group > a > .layui-icon {
+            font-size: 26px;
+        }
+
+        .login-copyright {
+            color: #eee;
+            padding-bottom: 20px;
+            text-align: center;
+            position: relative;
+            z-index: 1;
+        }
+
+        \@media screen and (min-height: 550px) {
+            .login-wrapper {
+                margin: -250px auto 0;
+                position: absolute;
+                top: 50%;
+                left: 0;
+                right: 0;
+                width: 100%;
+            }
+
+            .login-copyright {
+                position: absolute;
+                bottom: 0;
+                right: 0;
+                left: 0;
+            }
+        }
+
+        .layui-btn {
+            background-color: #5FB878;
+            border-color: #5FB878;
+        }
+
+        .layui-link {
+            color: #5FB878 !important;
+        }
+    </style>
+</head>
+<body>
+<div class="login-wrapper layui-anim layui-anim-scale layui-hide">
+    <form class="layui-form">
+        <h2>用户注册</h2>
+        <div class="layui-form-item layui-input-icon-group">
+            <i class="layui-icon layui-icon-username"></i>
+            <input class="layui-input" name="username" placeholder="请输入登录账号" autocomplete="off"
+                   lay-verType="tips" lay-verify="required" required/>
+        </div>
+        <div class="layui-form-item layui-input-icon-group">
+            <i class="layui-icon layui-icon-password"></i>
+            <input class="layui-input" name="password" placeholder="请输入登录密码" type="password"
+                   lay-verType="tips" lay-verify="required" required/>
+        </div>
+        <div class="layui-form-item layui-input-icon-group">
+            <i class="layui-icon layui-icon-key"></i>
+            <input class="layui-input" name="password2" placeholder="请再次输入登录密码" type="password"
+                   lay-verType="tips" lay-verify="equalTo" lay-equalTo="[name=password]" required/>
+        </div>
+        <div class="layui-form-item layui-input-icon-group login-captcha-group">
+            <i class="layui-icon layui-icon-auz"></i>
+            <input class="layui-input" name="code" placeholder="请输入验证码" autocomplete="off"
+                   lay-verType="tips" lay-verify="required" required/>
+            <img class="login-captcha" alt=""/>
+        </div>
+        <div class="layui-form-item">
+            <a href="/" class="layui-link">返回登录</a>
+            <a href="${ctxPath}/forget" class="layui-link pull-right">忘记密码</a>
+        </div>
+        <div class="layui-form-item" style="margin-bottom: 20px;">
+            <button class="layui-btn layui-btn-fluid" lay-filter="loginSubmit" lay-submit>注册</button>
+        </div>
+    </form>
+</div>
+<div class="login-copyright">copyright © 2020 stylefeng.cn all rights reserved.</div>
+
+@/* 加入contextPath属性和session超时的配置 */
+<script type="text/javascript">
+    var Feng = {
+        ctxPath: "${ctxPath}",
+        version: '${constants.getReleaseVersion()}'
+    };
+</script>
+
+<!-- js部分 -->
+<script type="text/javascript" src="${ctxPath}/assets/common/libs/layui/layui.js"></script>
+<script type="text/javascript" src="${ctxPath}/assets/common/js/common.js?v=318"></script>
+<script>
+    layui.use(['layer', 'form', 'formX'], function () {
+        var $ = layui.jquery;
+        var layer = layui.layer;
+        var form = layui.form;
+        $('.login-wrapper').removeClass('layui-hide');
+
+        /* 表单提交 */
+        form.on('submit(loginSubmit)', function (obj) {
+            // console.log(obj.field);
+            layer.msg('注册成功', {icon: 1, time: 1500}, function () {
+                location.href = 'login.html';
+            });
+            /*var loadIndex = layer.load(2);
+            $.post('reg', obj.field, function (res) {
+                layer.close(loadIndex);
+                if (res.code === 0) {
+                    layer.msg('注册成功', {icon: 1, time: 1500}, function () {
+                        location.href = 'login.html';
+                    });
+                } else {
+                    layer.msg(res.msg, {icon: 2, anim: 6});
+                }
+            }, 'json');*/
+            return false;
+        });
+
+        /* 图形验证码 */
+        var captchaUrl = 'http://shiro.easyweb.vip/assets/captcha';
+        $('img.login-captcha').click(function () {
+            this.src = captchaUrl + '?t=' + (new Date).getTime();
+        }).trigger('click');
+
+    });
+</script>
+</body>
+</html>
\ No newline at end of file
