客户端
parent
83617994c8
commit
1a568102c5
File diff suppressed because one or more lines are too long
@ -0,0 +1,2 @@
|
|||||||
|
/** layuiAdmin.std-v1.2.1 LPPL License By http://www.layui.com/admin/ */
|
||||||
|
#LAY_app,body,html{height:100%}.layui-layout-body{overflow:auto}#LAY-user-login,.layadmin-user-display-show{display:block!important}.layadmin-user-login{position:relative;left:0;top:0;padding:110px 0;min-height:100%;box-sizing:border-box}.layadmin-user-login-main{width:375px;margin:0 auto;box-sizing:border-box}.layadmin-user-login-box{padding:20px}.layadmin-user-login-header{text-align:center}.layadmin-user-login-header h2{margin-bottom:10px;font-weight:300;font-size:30px;color:#000}.layadmin-user-login-header p{font-weight:300;color:#999}.layadmin-user-login-body .layui-form-item{position:relative}.layadmin-user-login-icon{position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center;color:#d2d2d2}.layadmin-user-login-body .layui-form-item .layui-input{padding-left:38px}.layadmin-user-login-codeimg{max-height:38px;width:100%;cursor:pointer;box-sizing:border-box}.layadmin-user-login-other{position:relative;font-size:0;line-height:38px;padding-top:20px}.layadmin-user-login-other>*{display:inline-block;vertical-align:middle;margin-right:10px;font-size:14px}.layadmin-user-login-other .layui-icon{position:relative;top:2px;font-size:26px}.layadmin-user-login-other a:hover{opacity:.8}.layadmin-user-jump-change{float:right}.layadmin-user-login-footer{position:absolute;left:0;bottom:0;width:100%;line-height:30px;padding:20px;text-align:center;box-sizing:border-box;color:rgba(0,0,0,.5)}.layadmin-user-login-footer span{padding:0 5px}.layadmin-user-login-footer a{padding:0 5px;color:rgba(0,0,0,.5)}.layadmin-user-login-footer a:hover{color:rgba(0,0,0,1)}.layadmin-user-login-main[bgimg]{background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.05)}.ladmin-user-login-theme{position:fixed;bottom:0;left:0;width:100%;text-align:center}.ladmin-user-login-theme ul{display:inline-block;padding:5px;background-color:#fff}.ladmin-user-login-theme ul li{display:inline-block;vertical-align:top;width:64px;height:43px;cursor:pointer;transition:all .3s;-webkit-transition:all .3s;background-color:#f2f2f2}.ladmin-user-login-theme ul li:hover{opacity:.9}@media screen and (max-width:768px){.layadmin-user-login{padding-top:60px}.layadmin-user-login-main{width:300px}.layadmin-user-login-box{padding:10px}}
|
@ -1,92 +1,76 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="utf-8">
|
||||||
<title>Title</title>
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||||
|
<title>登录</title>
|
||||||
<style>
|
<link rel="stylesheet" href="layui/css/layui.css">
|
||||||
* {
|
<link rel="stylesheet" href="layui/css/admin.css">
|
||||||
margin: 0;
|
<link rel="stylesheet" href="layui/css/log.css">
|
||||||
padding: 0;
|
|
||||||
}
|
|
||||||
html {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
body {
|
|
||||||
height: 100%;
|
|
||||||
}
|
|
||||||
.container {
|
|
||||||
height: 100%;
|
|
||||||
background-image: linear-gradient(to right, #E0E0E0, #A3A3A3);
|
|
||||||
}
|
|
||||||
.login-wrapper {
|
|
||||||
background-color: white;
|
|
||||||
width: 358px;
|
|
||||||
height: 588px;
|
|
||||||
border-radius: 15px;
|
|
||||||
padding: 0 50px;
|
|
||||||
position: relative;
|
|
||||||
left: 50%;
|
|
||||||
top: 50%;
|
|
||||||
transform: translate(-50%,-50%);
|
|
||||||
}
|
|
||||||
.header {
|
|
||||||
font-size: 38px;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
line-height: 200px;
|
|
||||||
}
|
|
||||||
.input-item {
|
|
||||||
display: block;
|
|
||||||
width: 100%;
|
|
||||||
margin-bottom: 20px;
|
|
||||||
border: 0;
|
|
||||||
padding: 10px;
|
|
||||||
border-bottom: 1px solid rgb(128,125,125);
|
|
||||||
font-size: 15px;
|
|
||||||
outline: none;
|
|
||||||
}
|
|
||||||
.input-item::placeholder {
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.btn {
|
|
||||||
text-align: center;
|
|
||||||
padding: 10px;
|
|
||||||
width: 100%;
|
|
||||||
margin-top: 40px;
|
|
||||||
background-image: linear-gradient(to right,#a6c1ee, #fbc2eb);
|
|
||||||
color: #fff;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
.msg {
|
|
||||||
text-align: center;
|
|
||||||
line-height: 88px;
|
|
||||||
}
|
|
||||||
a {
|
|
||||||
text-decoration-line: none;
|
|
||||||
color: #3580BB;
|
|
||||||
}
|
|
||||||
|
|
||||||
</style>
|
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div class="container">
|
<div class="layadmin-user-login layadmin-user-display-show" id="LAY-user-login" style="display: none;">
|
||||||
<div class="login-wrapper">
|
<div class="layadmin-user-login-main">
|
||||||
<div class="header">用户登录</div>
|
<div class="layadmin-user-login-box layadmin-user-login-header">
|
||||||
<div class="form-wrapper">
|
<h2>用户登录</h2>
|
||||||
<form action="http://localhost:8080/user/login" method="post">
|
<p>客户端后台管理</p>
|
||||||
<input type="text" name="username" placeholder="username" class="input-item">
|
|
||||||
<input type="password" name="password" placeholder="password" class="input-item">
|
|
||||||
<div><input class="btn" style="border:none;" type="submit" value="登录"></div>
|
|
||||||
</form>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="msg">
|
<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
|
||||||
Don't have account?
|
<div class="layui-form-item">
|
||||||
<a href="">Sign up</a>
|
<label class="layadmin-user-login-icon layui-icon layui-icon-username"></label>
|
||||||
|
<input type="text" id="userName" name="userName" lay-verify="required" placeholder="用户名" class="layui-input">
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<label class="layadmin-user-login-icon layui-icon layui-icon-password"></label>
|
||||||
|
<input type="password" id="password" name="password" lay-verify="required" placeholder="密码" readonly onfocus="this.removeAttribute('readonly');" class="layui-input">
|
||||||
|
</div>
|
||||||
|
<div class="layui-form-item">
|
||||||
|
<button class="layui-btn layui-btn-fluid" lay-submit id="userlogin">登 入</button>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<script src="layui/layui.js" type="text/javascript"></script>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
//JavaScript代码区域
|
||||||
|
layui.use(['layer','element','form','jquery'], function(){
|
||||||
|
let layer = layui.layer;
|
||||||
|
let form = layui.form;
|
||||||
|
let element = layui.element;
|
||||||
|
let $ = layui.jquery;
|
||||||
|
|
||||||
|
$("#userlogin").click(function(){
|
||||||
|
let userName = $("#userName").val()
|
||||||
|
let password = $("#password").val()
|
||||||
|
$.ajax({
|
||||||
|
url:"http://localhost:8080/user/login",
|
||||||
|
data:{
|
||||||
|
userCode:userName,
|
||||||
|
password:password
|
||||||
|
},
|
||||||
|
type:"post",
|
||||||
|
success:function(result){
|
||||||
|
console.log(result);
|
||||||
|
if (result.msg==='success'){
|
||||||
|
layer.msg(result.tip,{icon:1,time:100},function () {
|
||||||
|
location.href="http://localhost:63342/zhiyun/src/main/resources/templates/layui-v2.6.8/index.html"
|
||||||
|
})
|
||||||
|
}else if (result.type==='error'){
|
||||||
|
layer.msg(result.tip)
|
||||||
|
}else {
|
||||||
|
layer.msg('未知异常,请联系管理员')
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
})
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
});
|
||||||
|
|
||||||
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue