idea中jsp不加载css
<%@ page contentType="text/html;charset=utf-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>员工列表</title>
<link href="${pageContext.request.contextPath}/css/bootstrap.css?v=<%= System.currentTimeMillis()%>" type="text/css" rel="stylesheet"></link>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<style type="text/css">
.pagination {
margin: 0px
}
.pagination > li > a, .pagination > li > span {
margin: 0 5px;
border: 1px solid #dddddd;
}
.glyphicon {
margin-right: 3px;
}
.form-control[readonly] {
cursor: pointer;
background-color: white;
}
#dlgPhoto .modal-body{
text-align: center;
}
.preview{
max-width: 500px;
}
</style>
<script>
$(function () {
$("#btnAdd").click(function () {
$('#dlgForm').modal()
});
})
</script>
</head>
<body>
<div class="container">
<div class="row">
<h1 style="text-align: center">IMOOC员工信息表</h1>
<div class="panel panel-default">
<div class="clearfix panel-heading ">
<div class="input-group" style="width: 500px;">
<button class="btn btn-primary" id="btnAdd"><span class="glyphicon glyphicon-zoom-in"></span>新增
</button>
</div>
</div>
<table class="table table-bordered table-hover">
<thead>
<tr>
<th>序号</th>
<th>员工编号</th>
<th>姓名</th>
<th>部门</th>
<th>职务</th>
<th>工资</th>
<th> </th>
</tr>
</thead>
<tbody>
<c:forEach items="${applicationScope.employees}" var="emp" varStatus="idx">
<tr>
<td>${idx.index + 1}</td>
<td>${emp.empno}</td>
<td>${emp.ename}</td>
<td>${emp.department}</td>
<td>${emp.job}</td>
<td style="color: red;font-weight: bold">￥${emp.salary}</td>
</tr>
</c:forEach>
</tbody>
</table>
</div>
</div>
</div>
<!-- 表单 -->
<div class="modal fade" tabindex="-1" role="dialog" id="dlgForm">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
</button>
<h4 class="modal-title">新增员工</h4>
</div>
<div class="modal-body">
<form action="#" method="post" >
<div class="form-group">
<label for="empno">员工编号</label>
<input type="text" name="empno" class="form-control" id="empno" placeholder="请输入员工编号">
</div>
<div class="form-group">
<label for="ename">员工姓名</label>
<input type="text" name="ename" class="form-control" id="ename" placeholder="请输入员工姓名">
</div>
<div class="form-group">
<label>部门</label>
<select id="dname" name="department" class="form-control">
<option selected="selected">请选择部门</option>
<option value="市场部">市场部</option>
<option value="研发部">研发部</option>
<option value="后勤部">后勤部</option>
</select>
</div>
<div class="form-group">
<label>职务</label>
<input type="text" name="job" class="form-control" id="sal" placeholder="请输入职务">
</div>
<div class="form-group">
<label for="sal">工资</label>
<input type="text" name="salary" class="form-control" id="sal" placeholder="请输入工资">
</div>
<div class="form-group" style="text-align: center;">
<button type="submit" class="btn btn-primary">保存</button>
</div>
</form>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</body>
</html>
正在回答
注：原employee.html文件中的bootstrap和jQuery的导入路径无需更改！
第一步，Intellij IDEA中选择File菜单中的Invalidate Caches / Restart ... 选项，在弹出的子窗口中选择Invalidate，清除项目缓存。
第二步，从项目根目录开始，定位到employee/out/artifacts目录下，将artifacts目录清空，清空后如下图所示：
接着找到项目编译后生成的class字节码文件的输出路径，将该路径下的内容同样清空。（找到该路径的方法为：在IDE左边目录树子窗口中，对项目根目录右键，选择Open Module Settings，或者按Command + 分号，进入后左边栏点击Module，接着在右侧点击Paths，即可看到Output path和Test output path路径的设置）。
如上图所示，我的class编译输出路径设置为/Users/wayne/imooc/stage2/employee/web/WEB-INF/classes，所以我需要清空该路径下的内容，清空后如下图所示：
你需要找到自己设置的路径！上面的只是我个人设置的路径，仅供参考。
第三步，选择Build菜单，点击Rebuild Project，重新构建项目
第四步，重新启动Tomcat服务器，浏览器中按Command+Shift+R忽略缓存强制刷新页面，样式就能够正常显示了，如下图所示：（Windows下应该是按Ctrl + F5吧）
我跟你发生了一样的问题，网上到处找答案，问题还是servlet访问路径不能解析。包括在jsp中把css，js的路径改为绝对路径也不行，后发现如果把css，js，fonts3个文件夹放在WebContent这个文件夹下面就OK了，你可以试试
老师您好，我发现问题所在了，如果将CSS，js文件放到相应的文件夹中，就无法部署到tomcat服务器中，在sourse中也没有相应的文件夹；但是如果直接把css放在jsp同一个目录下就可以部署到服务器上，也就可以加载到。请问老师如何处理这个问题？
css，js加载报错；直接用浏览器打开html文件可以加载，但在javaWeb下无法加载
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手，到Java Web基础，前后端结合助你完成Java Web小白的蜕变！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星