12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
- <title></title>
- <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css" />
- <link rel="stylesheet" href="./bootstrap/css/bootstrap-theme.min.css" />
- <link rel="stylesheet" href="./css/index.css" />
- <script src="./js/jquery.js"></script>
- <script src="./bootstrap/js/bootstrap.min.js"></script>
- </head>
- <body>
- <div class="loginPage">
- <div class="loginItem">
- <div class="logo">
- <img />
- </div>
- <div class="form">
- <div class="login-head">
- <h3>登录</h3>
- </div>
- <form>
- <div class="form-group">
- <label for="user">账号</label>
- <input type="test" class="loca-input form-control" id="user" placeholder="请输入账号" />
- </div>
- <div class="form-group">
- <label for="password">密码</label>
- <input type="password" class="loca-input form-control" id="password" placeholder="请输入密码" />
- </div>
- <div style="text-align: center">
- <div class="btn btn-primary submit">确 认</div>
- </div>
- </form>
- </div>
- </div>
- </div>
- <script src="./js/base.js"></script>
- <script>
- $(".logo img").attr('src', Config.logoUrl)
- $(".submit").click(() => {
- const user = $("#user").val();
- const password = $("#password").val();
- console.log(user, password);
- if (!user || !password) {
- showAlert("请输入账号或密码");
- return;
- }
- $.post(Config.baseUrl + "/login", {
- username: user,
- password: password
- }, function (e) {
- console.log(e)
- if (e.code === 0) {
- localStorage.login = user
- localStorage.token = e.data.token;
- location.href = "./skeleton.html";
- } else {
- showAlert("账号或密码错误");
- }
- })
- });
- </script>
- </body>
- </html>
|