错误 404：无法在 JSP 中加载 css 页面答案

【问题标题】：Error 404 : css page can't load in JSP错误 404：无法在 JSP 中加载 css 页面
【发布时间】：2018-05-04 15:11:44
【问题描述】：

我在 JSP 页面中遇到 CSS 问题。

CSS 文件不会加载到任何页面中。

我有这个 JSP 页面，它是一个学生的注册表。

我有一个页面可以正常工作，但该页面没有来自我的数据库的信息。

其余页面包括数据库中的一些行和一些数据。

我真的不知道问题出在哪里，所以我需要你的帮助:(

学生形式：

<%@page import="java.util.List"%>
<%@page import="tables.Optionn"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<!DOCTYPE html>
<html>
    <head>
                <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <base href="${pageContext.request.contextPath}">
        <link href="Style/bootstrap.css" rel="stylesheet" type="text/css">
        <link href="Style/font-awesome.css" rel="stylesheet" />
        <link href="Style/style.css" rel="stylesheet">
        <link href="Style/style-responsive.css" rel="stylesheet">

        <% List<Optionn> option = (List<Optionn>) request.getAttribute("option_list");%>

        <title>Etudiant</title>

    </head>
    <body>
        <div class="container" id="registration_form">
            <form method="post"  class="form-login"  action="//localhost:8086/GestionPfe/reg_etudiant">
                <h2  class="form-login-heading"  >ajouter un Etudiant!</h2>
                <div class="login-wrap">
                    Option:  <br> <select name="opt"     class="form-control">
                        <%for (Optionn tempop : option) {%>
                        <option value=<%=tempop.getIdOption()%> > <%=tempop.getNomOption()%></option> 
                        <%}%>
                    </select><br>
                    Nom:  <br>  <input name="nom_etudiant" type="text" class="form-control">
                    <br>
                    Prenomt:  <br> <input name="prenom_etudiant" type="text" class="form-control">
                    <br>
                    Niveau:  <br> <input name="niveau_etudiant" type="text" class="form-control">
                    <br>
                    Date De Naissance:  <br><input name="date_naissance_etudiant" type="date" class="form-control">
                    <br>
                    Numero D'inscription:  <br> <input name="num_inscription_etudiant" type="text" class="form-control">
                    <br>
                    Adresse:  <br> <input name="adresse_etudiant" type="text" class="form-control">
                    <br>
                    Email:  <br><input name="email_etudiant" type="email" class="form-control">
                    <br>
                    Mot De Pass:  <br><input name="mot_de_pass_etudiant" type="password" class="form-control">
                    <br>
                    Telephone:  <br><input name="telephone_etudiant" type="text" class="form-control">
                    <br>

                    <button type="submit"   class="btn btn-theme btn-block"><i class="fa fa-lock"></i> SIGN IN</button>

                </div>
            </form>
        </div>
    </body>
</html>

学生 Servlet：

 protected void doPost(HttpServletRequest request, HttpServletResponse response)throws ServletException,IOException{

   Session session = HibernateUtil.getSessionFactory().openSession();
   session.beginTransaction();


   String op= request.getParameter("opt");

   String nom_etudiant= request.getParameter("nom_etudiant");

   String prenom_etudiant= request.getParameter("prenom_etudiant");

   String niveau_etudiant= request.getParameter("niveau_etudiant");

   String num_inscription_etudiant= request.getParameter("num_inscription_etudiant");

   String date_naissance_etudiant= request.getParameter("date_naissance_etudiant");

   String adresse_etudiant = request.getParameter("adresse_etudiant");

   String email_etudiant = request.getParameter("email_etudiant");

   String mot_de_pass_etudiant = request.getParameter("mot_de_pass_etudiant");

   String telephone_etudiant = request.getParameter("telephone_etudiant");

   try {
      int idop=Integer.parseInt(op);
      int tel=Integer.parseInt(telephone_etudiant);

      SimpleDateFormat simpledate=new SimpleDateFormat("yyy-MM-dd");
      Date birthdayDate = simpledate.parse(date_naissance_etudiant);

      Optionn opt = new Optionn();
      opt = (Optionn) session.get(Optionn.class,idop);

      Etudiant etudiant=new Etudiant(opt,nom_etudiant,prenom_etudiant,niveau_etudiant, mot_de_pass_etudiant,num_inscription_etudiant,birthdayDate,adresse_etudiant,email_etudiant,tel);

     session.save(etudiant);
     session.getTransaction().commit();
     session.close();

     response.sendRedirect("Jsp/home.jsp");

   } catch (ParseException ex) {
        Logger.getLogger(reg_agent.class.getName()).log(Level.SEVERE, null, ex);
   }

  }
}

【问题讨论】：

检查${pageContext.request.contextPath}的值并添加项目结构的截图
什么应用服务器托管您的内容？

标签： java css jsp servlets jakarta-ee

【解决方案1】：

将“..”添加到您的所有路径中，

<link href="../Style/style.css" rel="stylesheet">

【讨论】：

我为什么要放..？
只有当“Style”文件夹是父目录结构中的一个时，这才有效吗？

【解决方案2】：

试试这个：

 try {
      int idop=Integer.parseInt(op);
      int tel=Integer.parseInt(telephone_etudiant);

      SimpleDateFormat simpledate=new SimpleDateFormat("yyy-MM-dd");
      Date birthdayDate = simpledate.parse(date_naissance_etudiant);

      Optionn opt = new Optionn();
      opt = (Optionn) session.get(Optionn.class,idop);

      Etudiant etudiant=new Etudiant(opt,nom_etudiant,prenom_etudiant,niveau_etudiant, mot_de_pass_etudiant,num_inscription_etudiant,birthdayDate,adresse_etudiant,email_etudiant,tel);

     session.save(etudiant);
     session.getTransaction().commit();
     session.close();

    RequestDispatcher dispatcher = request.getRequestDispatcher("Jsp/home.jsp");
        dispatcher.forward(request, response);



   } catch (ParseException ex) {
        Logger.getLogger(reg_agent.class.getName()).log(Level.SEVERE, null, ex);
   }

【讨论】：

谢谢先生！这是答案_对我很有帮助。

【解决方案3】：

尝试使用绝对路径

<%
String path = request.getContextPath();
String serverPath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort();
String basePath = serverPath + path+"/";
%>
<base href="<%=basePath%>"/>

【讨论】：