layui.js改成绝对路径还是不识别
来源:5-5 实现用户登录-3
_谁会观星
2021-01-03 19:37:35
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>慕课网办公OA系统</title>
<!--引入LayUI的css-->
<link rel="stylesheet" href="resources/layui/css/layui.css">
<style>
body{
background-color: #F2F2F2;
}
.oa-container{
background-color: white;
position: absolute;
width: 400px;
height: 350px;
top:50%;
left: 50%;
padding:20px;
margin-left: -200px; /* 像左移一半*/
margin-top: -175px; /*像上移一半*/
}
#username,#password{
text-align: center;
font-size: 20px;
}
</style>
</head>
<body>
<div class="oa-container">
<h1 style="text-align: center;margin-bottom: 20px;">慕课网办公OA系统</h1>
<form class="layui-form">
<div class="layui-form-item">
<input type="text" id="username" lay-verify="required" name="username" placeholder="请输入用户名" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-item">
<!--autocomplete自动补齐历史 一般默认的不美观 因此off -->
<input type="password" id="password" lay-verify="required" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
</div>
<div class="layui-form-item">
<!--layui-btn-fluid与div同宽 lay-filter代表layui专属id -->
<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="login">登录</button>
</div>
</form>
</div>
<script src="E:\ideaWork\imooc-oa\src\main\webapp\resources\layui\layui.all.js"></script>
<script>
layui.form.on("submit(login)",function (formdata) {
//data参数包含当前表单的数据
console.log(formdata);
//$是jquery别称
layui.$.ajax({
url:"/check_login",
data:formdata.field,
type:"post",
dataType:"json", // 服务器传来的是json字符串
success:function (json) {
console.log(json);
if(json.code == "0"){
layui.layer.msg("登录成功");
}else{
layui.layer.msg(json.message);
}
}
});
return false; //submit提交事件返回true则表单提交,false则组织表单提交
})
</script>
</body>
</html>
1回答
好帮手慕小班
2021-01-04
同学你好,在web项目中,绝对路径是指ip+端口号,在加上具体的路径。比如:使用绝对路径访问css等文件,访问路径应该是localhost:8080/resources/layui/xx.css。
而在项目的具体使用中,可以在路径前加直接加/,表示使用绝对路径。
同学参考如上写法再来试试。
祝学习愉快!
相似问题