layui.js改成绝对路径还是不识别

来源:5-5 实现用户登录-3

_谁会观星

2021-01-03 19:37:35

http://img.mukewang.com/climg/5ff1ac58094efdd919201080.jpg

<!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。

而在项目的具体使用中,可以在路径前加直接加/,表示使用绝对路径。

http://img.mukewang.com/climg/5ff27e7b0988351408330262.jpg

同学参考如上写法再来试试。

祝学习愉快!


0

0 学习 · 16556 问题

查看课程