页面css样式渲染加载问题

页面css样式渲染加载问题

问题1:为什么我在WEB-INF下没有放任何的文件,但是在一开始通过index页面跳入category页面时候仍然带有页面css加载.

问题2:我在WEB-INF下放置了训练素材,但是通过category右上方进行跳转出来的就没有css加载了








前端category显示

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>分类列表</title>
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
</head>

<body>
<header>
<div class="container">

<nav>
<a href="/" >Java</a>
</nav>
<nav>
<a href="/forward/first" >前端</a>
</nav>
<nav>
<a href="/forward/category" >分类</a>
</nav>

</div>
</header>
<section class="banner">
<div class="container">
<div>
<h1>图书</h1>
<p>图书分类列表</p>
</div>
</div>
</section>
<section class="main">
<div class="container">
<table class="table table-striped">
<thead>
<tr>
<th>名称</th>
<th>创建时间</th>
<th>最后修改时间</th>
</tr>
</thead>
<tbody>
<tr>
<td>Java</td>
<td></td>
<td></td>


</tr>
</tbody>
</table>
</div>
</section>
<section class="page">
<div class="container">
<div id="fatie">
<a href=""><button>新建</button></a>
</div>
</div>
</section>
<footer>
copy@慕课网
</footer>
</body>
</html>

默认跳转

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
</head>
<body>
<script>
window.location.href="/firstPage"
</script>
</body>
</html>

servlet

package library.controller;

import javax.servlet.*;
import javax.servlet.http.*;
import javax.servlet.annotation.*;
import java.io.IOException;

@WebServlet(name = "IndexServlet", urlPatterns = "/firstPage")
public class IndexServlet extends HttpServlet {
@Override
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.getRequestDispatcher("/category.ftl").forward(request,response);
}

@Override
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
this.doGet(request,response);
}
}

http://img1.sycdn.imooc.com//climg/606526fb0986c8b219200664.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,1、刚开始文件可以正常展示,可能是缓存导致的,同学可以尝试清理一下服务器和浏览器的缓存再来试试。

    ​2、在WEB-INF下放置了素材,这里同学说的webapp目录下吧

http://img1.sycdn.imooc.com//climg/60655f75099178c905750491.jpg

对应的css文件不显示,同学可以尝试检查一下在浏览器中,对应的css文件地址是不是正确的,比如:


http://img1.sycdn.imooc.com//climg/60655f3d09ff095906430211.jpg

如上所示,同学可以检查一下自己的对应路径。最后重启一下项目再来试试。

祝学习愉快!

  • importSharp 提问者 #1

    素材路径是

    <link rel="stylesheet" href="css/bootstrap.min.css">

    更改为

    <link rel="stylesheet" href="/css/bootstrap.min.css">

    解决了css加载的问题

    2021-04-01 14:17:17
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师