feature: 登录&权限拦截

templates/index.html

@@ -118,7 +118,7 @@
 
         admin.logout(function () {
           popup.success("注销成功", function () {
-            location.href = "./login.html";
+            location.href = "/api/v1/logout";
           });
 
           // 清空 tabs 缓存

templates/login.html

@@ -22,7 +22,7 @@
             <input
               type="text"
               name="username"
-              value=""
+              value="正心全栈编程"
               lay-verify="required"
               placeholder="用户名"
               lay-reqtext="请填写用户名"
@@ -40,7 +40,7 @@
             <input
               type="password"
               name="password"
-              value=""
+              value="123654"
               lay-verify="required"
               placeholder="密   码"
               lay-reqtext="请填写密码"
@@ -50,50 +50,21 @@
             />
           </div>
         </div>
-        <div class="layui-form-item">
-          <div class="layui-row">
-            <div class="layui-col-xs7">
-              <div class="layui-input-wrap">
-                <div class="layui-input-prefix">
-                  <i class="layui-icon layui-icon-vercode"></i>
-                </div>
-                <input
-                  type="text"
-                  name="captcha"
-                  value=""
-                  lay-verify="required"
-                  placeholder="验证码"
-                  lay-reqtext="请填写验证码"
-                  autocomplete="off"
-                  class="layui-input"
-                  lay-affix="clear"
-                />
-              </div>
-            </div>
-            <div class="layui-col-xs5">
-              <div style="margin-left: 10px">
-                <img
-                  src="https://www.oschina.net/action/user/captcha"
-                  onclick="this.src='https://www.oschina.net/action/user/captcha?t='+ new Date().getTime();"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
         <div class="layui-form-item">
           <input
             type="checkbox"
             name="remember"
             lay-skin="primary"
             title="记住密码"
+            checked
           />
           <a href="#forget" style="float: right; margin-top: 7px">忘记密码？</a>
         </div>
         <div class="layui-form-item">
           <button
-            class="layui-btn layui-btn-fluid"
+            class="layui-btn layui-btn-fluid login"
             lay-submit
-            lay-filter="demo-login"
+            lay-filter="login-in"
           >
             登录
           </button>
@@ -129,20 +100,31 @@
         var form = layui.form;
         var button = layui.button;
         var popup = layui.popup;
+        var $ = layui.$;
 
         // 登 录 提 交
-        form.on("submit(login)", function (data) {
+        form.on("submit(login-in)", function (data) {
           /// 验证
 
-          /// 登录
-
           /// 动画
-          button.load({
-            elem: ".login",
-            time: 1500,
-            done: function () {
-              popup.success("登录成功", function () {
-                location.href = "./index.html";
+          let btn = button.load({ elem: ".login" });
+
+          /// 登录
+          $.ajax({
+            url: "/api/v1/login",
+            type: "POST",
+            data: JSON.stringify(data.field),
+            contentType: "application/json",
+            success: function (res) {
+              btn.stop(function () {
+                popup.success("登录成功", function () {
+                  location.href = "/";
+                });
+              });
+            },
+            error: function (XMLHttpRequest, textStatus, errorThrown) {
+              btn.stop(function () {
+                popup.failure(XMLHttpRequest.responseJSON.message);
               });
             },
           });