bookList.jsp的css样式无法加载

# 具体遇到的问题
别的类都可以正常加载，但是这个类始终无法加载
# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码，切记添加代码注释（请勿截图）

package com.imooc.library.controller;<br><br>import java.io.File;<br>import java.io.IOException;<br>import java.util.List;<br>import java.util.UUID;<br><br>import javax.servlet.ServletException;<br>import javax.servlet.annotation.WebServlet;<br>import javax.servlet.http.HttpServlet;<br>import javax.servlet.http.HttpServletRequest;<br>import javax.servlet.http.HttpServletResponse;<br><br>import org.apache.commons.fileupload.FileItem;<br>import org.apache.commons.fileupload.FileItemFactory;<br>import org.apache.commons.fileupload.FileUploadException;<br>import org.apache.commons.fileupload.disk.DiskFileItemFactory;<br>import org.apache.commons.fileupload.servlet.ServletFileUpload;<br><br>import com.imooc.library.entity.Book;<br>import com.imooc.library.service.BookServiceImpl;<br><br>/**<br> * Servlet implementation class AddBookController<br> */<br>@WebServlet("/dept/add.do")<br>public class AddBookController extends HttpServlet {<br> private static final long serialVersionUID = 1L;<br> private BookServiceImpl bookService=new BookServiceImpl();<br> /**<br> * @see HttpServlet#HttpServlet()<br> */<br> public AddBookController() {<br> super();<br>

// TODO Auto-generated constructor stub<br>    }<br><br>  /**<br>  * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)<br>  */<br> protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br>       FileItemFactory factory=new DiskFileItemFactory();<br>      ServletFileUpload sf=new ServletFileUpload(factory);<br><br>        try {<br>           List<FileItem> formData=sf.parseRequest(request);<br>         Book book=new Book();<br>           for(FileItem fi:formData) {<br>             if(fi.isFormField()) {<br>                  switch(fi.getFieldName()) {<br>                 case "bookId":<br>                      book.setBookId(fi.getString("utf-8"));<br>                      break;<br>                  case "bookName":<br>                        System.out.println("name"+fi.getString("utf-8"));<br>                       book.setBookName(fi.getString("utf-8"));<br>                        break;<br>                  case "categoryId":<br>                      System.out.println("category"+fi.getString("utf-8"));<br>                       book.setBookCategory(fi.getString("utf-8"));<br>                        break;<br>                  case "bookPrice":<br>                       book.setBookPrice(fi.getString("utf-8"));<br>                       break;<br>                  case "remarks":<br>                     book.setBookNote(fi.getString("utf-8"));<br><br>                    }<br>               }else {<br>                 String path=request.getServletContext().getRealPath("/upload");<br>                 String fileName=UUID.randomUUID().toString();<br>                   String suffix=fi.getName().substring(fi.getName().lastIndexOf("."));<br><br>                    fi.write(new File(path,fileName+suffix));<br><br>                   book.setBookFace("/upload"+fileName+suffix);<br>                }<br>           }<br><br>           bookService.addBook(book);<br>          request.getRequestDispatcher("/WEB-INF/jsp/bookList.jsp").forward(request, response);;<br>      } catch (Exception e) {<br>         // TODO Auto-generated catch block<br>          e.printStackTrace();<br>        }<br>   }<br><br>   /**<br>  * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)<br>     */<br> protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {<br>      // TODO Auto-generated method stub<br>      request.setCharacterEncoding("utf-8");<br>      response.setContentType("text/html;charset=utf-8");<br>     doGet(request, response);<br>   }<br><br>}<br>

<%@page contentType="text/html;charset=utf-8"%><br><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><br><!DOCTYPE html><br><html><br> <head><br> <meta charset="UTF-8"><br> <title>新建图书信息</title><br> <link rel="stylesheet" href="css/bootstrap.min.css"><br> <link rel="stylesheet" href="css/add.css"><br> </head><br> <body><br> <nav class="navbar navbar-default"><br> <div class="container"><br> <div class="navbar-header"><br> <a class="navbar-brand" href="/dept/list.do"

><br>                        图书信息管理<br>                    </a><br>                </div><br>            </div><br>        </nav><br>        <div class=

"container"><br> <div class="jumbotron"><br> <h1>Hello, Imooc!</h1

><br>                <p>请小心地新增图书信息，要是建了一个错误的就不好了。。。</p><br>            </div><br>            <div class=

"page-header"><br> <h3><small>新建</small></h3><br> </div><br> <form class="form-horizontal" action="/dept/add.do" method="post" enctype="multipart/form-data"><br><br> <div class="form-group"><br> <label for="name" class="col-sm-2 control-label">图书编号：</label><br> <div class="col-sm-8"><br> <input name="bookId" class="form-control" id="bookId"

><br>                    </div><br>                </div><br>                <div class=

"form-group"><br> <label for="name" class="col-sm-2 control-label">图书名称：</label><br> <div class="col-sm-8"><br> <input name="bookName" class="form-control" id="bookName"

><br>                    </div><br>                </div><br>                <div class=

"form-group"><br> <label for="categoryId" class="col-sm-2 control-label">分类：</label><br> <select id="categoryId" name="categoryId" class="col-sm-2 form-control" style="width: auto;margin-left: 15px"><br> <option value="ca0001" selected="">计算机</option><br> <option value="ca0002">文学</option><br> <option value="ca0003"

>历史</option><br>                       <!-- 下拉列表的内容要从分类中进行读取，value值是分类id --><br>                    </select><br>                </div><br><br>                 <div class=

"form-group"><br> <label for="name" class="col-sm-2 control-label">价格：</label><br> <div class="col-sm-8"><br> <input name="bookPrice" class="form-control" id="bookPrice"

><br>                    </div><br>                  </div><br><br>                  <div class=

"form-group" ><br> <label for="name" class="col-sm-2 control-label">图书封面：</label><br> <input type="file" id="bookPic" name="bookPic" style="padding-left: 15px"><br> </div><br><br> <div class="form-group"><br> <label for="name" class="col-sm-2 control-label">备注：</label><br> <div class="col-sm-8"><br> <input name="remarks" class="form-control" id="remarks"

><br>                    </div><br>                  </div><br><br>                <div class=

"form-group"><br> <div class="col-sm-offset-2 col-sm-10"><br> <button type="submit" class="btn btn-primary"

>保存</button>&nbsp;&nbsp;&nbsp;<br>                    </div><br>                </div><br>            </form><br>        </div><br>        <footer class=

"text-center" ><br> copy@imooc<br> </footer><br> </body><br></html><br>

<%@page contentType="text/html;charset=utf-8"%><br><%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%><br><!DOCTYPE html><br><html><br> <head><br> <meta charset="UTF-8"><br> <title>图书后台管理</title><br> <link rel="stylesheet" href="css/index.css"><br> <link rel="stylesheet" href="css/bootstrap.min.css"><br><br> </head><br><br> <body><br> <c:set var="bookNo" value="0"></c:set><br> <header><br> <div class="container"><br> <nav><br> <a href="bookList.html"

>图书信息管理</a><br>                    </nav><br>                    <nav><br>                            <a href=

"categoryList.html"

>分类管理</a><br>                    </nav><br><br>            </div><br>        </header><br>        <section class=

"banner"><br> <div class="container"><br> <div><br> <h1>图书管理系统</h1

><br>                    <p>图书信息管理</p><br>                </div><br>            </div><br>        </section><br>        <section class=

"main"><br><br><br> <div class="container"><br> <form class="form-horizontal" action="/searchBook" method="post"><br> <div class="form-group" style="float: right;"><br> <div class="col-sm-offset-2 col-sm-10"><br> <button type="submit" class="btn btn-primary"

>查询</button>&nbsp;&nbsp;&nbsp;<br>                    </div><br>                </div><br>                <div class=

"form-group" style="float: right;width: 300px;"><br> <div class="col-sm-8"><br> <input name="searchContent" class="form-control" id="searchContent"<br> placeholder="输入要查询的分类" style="width: 250px"

><br>                    </div><br>                </div><br><br><br>            </form><br>            </div><br>            <div class=

"container"><br><br> <table class="table table-striped"

><br>                    <thead><br>                    <tr><br>                        <th>序号</th><br>                        <th>图书编号</th><br>                        <th>图书名称</th><br>                        <th>分类</th><br>                        <th>价格</th><br>                        <th>图书封面</th><br>                        <th>操作</th><br><br>                    </tr><br>                    </thead><br>                    <tbody><br>                        <c:forEach items=

"${bookList }" var="b"

><br>                            <tr><br>                                <td>${bookNo=bookNo+

1

}</td><br>                                <td>${b.bookId }</td><br>                                <td>${b.bookName }<td><br>                                <td><br>                                  <c:choose><br>                                        <c:when test=

"${b.bookCategory =='ca0001'}">计算机</c:when><br> <c:when test="${b.bookCategory =='ca0002'}">文学</c:when><br> <c:when test="${b.bookCategory =='ca0003'}"

>历史</c:when><br>                                 </c:choose><br>                                </td><br>                                <td>${b.bookPrice }</td><br>                                <td><img src=

"${b.bookFace }"

></td><br>                                <td><br>                                <a href=

"/updateBook?bookId=book0001">修改</a><br> <a href="/deleteBook?bookId=book0001"

>删除</a><br><br>                                </td><br>                                <!--在循环显示数据时，此处的book

0001

可以用EL表达式进行替换--><br><br>                            </tr><br>                        </c:forEach><br>                    </tbody><br>                </table><br>            </div><br>        </section><br>        <section class=

"page"><br> <div class="container"><br> <div id="fatie"><br> <a href="addBook.jsp"

><button>新建</button></a><br>                </div><br>            </div><br>        </section><br>        <footer><br>            copy@慕课网<br>        </footer><br>    </body><br></html><br>

importSharp 2020-12-10

源自：企业门户网站前后台开发 5-3 项目作业

收起

2回答

好帮手慕阿满回答被采纳获得+3积分 2020-12-12 09:55:46

同学你好，报错404是路径加载不正确。问一下同学的dept是项目名还是映射？

从代码中看，dept应该是映射路径而不是项目名。

这里建议同学使用绝对路径加载css，重启项目再试试，如：

1	`<link rel="stylesheet"` `href="${pageContext.request.contextPath }/css/bootstrap.min.css"><br>`

如果还有问题，建议同学将url中的访问路径也贴一下。

祝学习愉快~

收起回答

好帮手慕阿满 2020-12-11 10:08:05

同学你好，样式无法加载可能是加载css样式的路径不对，还可能是css样式被拦截。建议同学在浏览器中按F12，查看浏览器控制台的报错信息，并将报错信息贴一下。另外建议同学将webapp下的目录结构展开截图贴一下，以及url中的访问路径贴一下，方便我们查看具体问题。

祝学习愉快~

收起回答

提问者 importSharp #1

2020-12-11 16:39:54
好帮手慕阿满回复提问者 importSharp #2

同学你好，同学没有贴出浏览器控制台的报错以及访问路径，无法了解具体是什么错误。这里建议同学使用绝对路径加在css再试试，例如：<link rel="stylesheet" href="${pageContext.request.contextPath }/css/bootstrap.min.css">。
如果还有问题，建议同学将浏览器控制台的报错贴一下。祝学习愉快~

2020-12-11 17:46:46
提问者 importSharp #3

老师在网页的控制器上有如下的报错

2020-12-11 20:34:07