add new login (not complete)

This commit is contained in:
杨黄林
2023-09-11 22:59:23 +08:00
parent 60f4c75d4b
commit 0df98345d5
3 changed files with 106 additions and 6 deletions

View File

@@ -0,0 +1,62 @@
<!DOCTYPE html>
<html lang="">
<head>
<title>Login</title>
<link rel="stylesheet" href="./static/lib/layui/css/layui.css">
<link rel="stylesheet" href="./static/css/layui-theme-dark.css">
<link rel="stylesheet" href="./static/css/index.css">
<link rel="stylesheet" href="./static/css/index-color.css">
<script src="./static/lib/layui/layui.js"></script>
<script src="./static/js/index.js"></script>
<style>
.login-container {
width: 320px;
margin: 21px auto 0;
}
</style>
</head>
<body>
<div class="layui-form login-container">
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-username"></i>
</div>
<input type="text" name="username" value="" lay-verify="required" placeholder="用户名"
lay-reqtext="请填写用户名" autocomplete="off" class="layui-input" lay-affix="clear">
</div>
</div>
<div class="layui-form-item">
<div class="layui-input-wrap">
<div class="layui-input-prefix">
<i class="layui-icon layui-icon-password"></i>
</div>
<input type="password" name="password" value="" lay-verify="required" placeholder="密码"
lay-reqtext="请填写密码" autocomplete="off" class="layui-input" lay-affix="eye">
</div>
</div>
<div class="layui-form-item">
<button class="layui-btn layui-btn-fluid" id="login">登录</button>
</div>
</div>
<script>
var $ = layui.$;
$(function () {
$('#login').click(function () {
$.ajax({
url: "/login",
type: "post",
header: {
Authorization: btoa("admin" + ":" + "admin")
},
success: function (result) {
console.log(result);
}
});
});
});
</script>
</body>
</html>