签入版本

2026-09-10 21:41:50 +08:00
commit 717116a605
2693 changed files with 355025 additions and 0 deletions
@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+<!-- 引入头部 -->
+<header th:replace="~{./public/header :: header}"></header>
+<body class="no-padding">
+<!-- header -->
+<div th:replace="~{./public/common_header::common_header}"></div>
+
+<!-- login-wrapper -->
+<div class="login-wrapper">
+    <div class="layui-container">
+        <form class="layui-form">
+            <h2>用户登录</h2>
+            <div class="layui-form-item input-icon-group">
+                <i class="layui-icon layui-icon-username input-icon-left"></i>
+                <input class="layui-input" name="username" type="text" placeholder="请输入账号(邮箱)"
+                       lay-verType="tips" lay-verify="required" required/>
+            </div>
+            <div class="layui-form-item input-icon-group">
+                <i class="layui-icon layui-icon-password input-icon-left"></i>
+                <input class="layui-input" name="password" type="password" placeholder="请输入登录密码"
+                       lay-verType="tips" lay-verify="required" required/>
+            </div>
+            <div class="layui-form-item input-icon-group login-captcha-group">
+                <i class="layui-icon layui-icon-auz input-icon-left"></i>
+                <input class="layui-input" name="captcha" type="text" placeholder="请输入验证码"
+                       autocomplete="off" lay-verType="tips" lay-verify="required" required/>
+                <img class="login-captcha" src="/captcha"/>
+            </div>
+            <div class="layui-form-item layui-text">
+                <a href="/register">账号注册</a>
+                <a href="/forget" class="pull-right">忘记密码?</a>
+            </div>
+            <div>
+                <button class="layui-btn layui-btn-lg layui-btn-fluid" lay-filter="userLogin" lay-submit>登录</button>
+            </div>
+            <div class="login-oauth-group">
+<!--                <a id="goQqLogin" href="javascript:;" title="QQ授权登录"><i class="layui-icon layui-icon-login-qq"></i></a>-->
+<!--                <a id="goWxLogin" href="javascript:;" title="微信授权登录"><i class="layui-icon layui-icon-login-wechat"></i></a>-->
+            </div>
+        </form>
+    </div>
+</div>
+
+<!-- js部分 -->
+<!-- 引入脚部 -->
+<script type="text/javascript" src="/static/assets/layui/layui.js"></script>
+<script type="text/javascript" src="/static/assets/js/common.js"></script>
+<script>
+    layui.use(['layer', 'form'], function () {
+        var $ = layui.jquery;
+        var layer = layui.layer;
+        var form = layui.form;
+
+        // 表单提交
+        form.on('submit(userLogin)', function (data) {
+            var loadIndex = layer.load(2);
+            $.ajax({
+                type: "POST",
+                url: '/login',
+                data: JSON.stringify(data.field),
+                contentType: "application/json",
+                dataType: "json",
+                beforeSend: function () {
+                    // TODO...
+                },
+                success: function (res) {
+                    layer.close(loadIndex);
+                    if (res.code == 0) {
+                        layer.msg('登录成功', {
+                            icon: 1,
+                            time: 1500
+                        });
+
+                        // 延迟3秒
+                        setTimeout(function () {
+                            // 跳转后台首页
+                            location.replace('/user/order');
+                        }, 2000);
+
+                        return false;
+                    } else {
+                        layer.msg(res.msg, {icon: 2, anim: 6});
+
+                        /* 刷新验证码 */
+                        $('img.login-captcha').click(function () {
+                            this.src = '/captcha?t=' + (new Date).getTime();
+                        }).trigger('click');
+                    }
+                },
+                error: function () {
+                    layer.msg("AJAX请求异常");
+                }
+            });
+            return false;
+        });
+
+        /* 图形验证码 */
+        $('img.login-captcha').click(function () {
+            this.src = '/captcha?t=' + (new Date).getTime();
+        }).trigger('click');
+
+        // QQ登录
+        $('#goQqLogin').click(function () {
+            layui.layer.msg('抱歉，QQ登录暂未开放', {icon: 5, anim: 6});
+        });
+
+        // 微信登录
+        $('#goWxLogin').click(function () {
+            layui.layer.msg('抱歉，微信登录暂未开放', {icon: 5, anim: 6});
+        });
+    });
+</script>
+</body>
+</html>