【问题标题】:CSS linking is not working in jsp [duplicate]CSS链接在jsp中不起作用[重复]
【发布时间】:2017-03-22 15:35:38
【问题描述】:

我的代码是 AddBookCategory.java

    package com.bhim.admin;
    import java.io.IOException;
    import java.sql.PreparedStatement;
    import java.sql.SQLException;
    import javax.servlet.ServletException;
    import javax.servlet.annotation.WebServlet;
    import javax.servlet.http.HttpServlet;
    import javax.servlet.http.HttpServletRequest;
    import javax.servlet.http.HttpServletResponse;

    import com.bhim.dbConnection.DBConnection;

    @WebServlet(name = "category", urlPatterns = "/addCategory")
    public class AddBookCategory extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp)throws 
    ServletException, IOException {
    // for checking 
    System.out.println("reached here...");
    DBConnection dbConnection=new DBConnection();
    try {
    dbConnection.open();
    String query="insert into `bookcategory`(`c_name`) values(?)";
    PreparedStatement preparedStatement=dbConnection.gePreparedStatement(query);
    preparedStatement.setString(1, req.getParameter("category"));
    int i=preparedStatement.executeUpdate();
    if(i>0)  {
    System.out.println("Insert Successfully");
    //  req.getRequestDispatcher("admin/addCategory.jsp").forward(req, resp);
    resp.sendRedirect("admin/addCategory.jsp");

            }
    else{
    System.out.println("insertion Failed...");
     }
        } catch (ClassNotFoundException e) {
    e.printStackTrace();

        } catch (SQLException e) 
    e.printStackTrace();
            }
            }
         }

addCategory.jsp

<jsp:include page="adminHeader.jsp" />
<center>
   <div class="content">
    <form action="${pageContext.request.contextPath}/addCategory" method="get">
       <table class="full" border="0">
        <tr>
            <td><h2>Category Name</h2></td>
         </tr>
         <tr>
            <td><input type="text" name="category" /></td>
         </tr>
         <tr>
           <td><input type="submit" value="Add Category" /></td>
         </tr>
    </table>
  </form>
 </div>
</center>
<jsp:include page="../footer.jsp" />

adminheader.jsp

<!DOCTYPE html>
<html>
<head>
  <link href="../css/style.css" rel="stylesheet" type="text/css" />
  <title>Bus Booking System</title> 
</head>
<body>
 <div id='wrapper'>
    <div class="banner">
       <h1>Online Library Management System</h1>

       <% // Using session...
       HttpSession session1 = request.getSession();
       String user = (String) session1.getAttribute("user");
       %>
    <span class="session"> Welcome:<%=user%>
    </span>
  </div>

  <div class="menu">
    <ul>
      <li><a href="index.jsp" class="current">Home</a></li>
      <li><a href="bookCategory.jsp">Book Category</a></li>
      <li><a href="#">Books</a></li>
      <li><a href="#feedback.html"> User Mgmt</a></li>
      <li><a href="#about.html">Search Book </a></li>
      <li><a href="#about.html">Check allocated Book</a></li>
      <li><a href="login.jsp"> Notification</a></li>
      <li><a href="${pageContext.request.contextPath}/index.jsp">Logout</a>
     </li>
    </ul>
</div>

我正在尝试使用 RequestDispatcher 将页面从 servlet 转发到 jsp CSS 不起作用,但我也尝试 sendRedirect css 正在工作。给我建议为什么使用 requestDispatcher 时 css 不起作用。

【问题讨论】:

  • index.jsp 的代码在哪里?
  • @jmmontero 请查看编辑后的代码并给我建议
  • 另外,有助于了解项目的目录结构。
  • @jmmontero 是的。我也在发截图
  • 没看到?你看我的回答了吗?

标签: html css jsp servlets


【解决方案1】:

我发现的问题在于您包含 css 文件的方式。如果您使用 Chrome 对其进行调试,您应该会看到加载 style.css 文件时出现 404 错误。试试这个:

addCategory.jsp

    <!DOCTYPE html>
<html>
<head>
  <link href="../css/style.css" rel="stylesheet" type="text/css" />
  <title>Bus Booking System</title> 
</head>
<body>
<jsp:include page="adminHeader.jsp" />
<center>
   <div class="content">
    <form action="${pageContext.request.contextPath}/addCategory" method="get">
       <table class="full" border="0">
        <tr>
            <td><h2>Category Name</h2></td>
         </tr>
         <tr>
            <td><input type="text" name="category" /></td>
         </tr>
         <tr>
           <td><input type="submit" value="Add Category" /></td>
         </tr>
    </table>
  </form>
 </div>
</center>
<jsp:include page="../footer.jsp" />

adminHeader.jsp

 <div id='wrapper'>
<div class="banner">
   <h1>Online Library Management System</h1>

   <% // Using session...
   HttpSession session1 = request.getSession();
   String user = (String) session1.getAttribute("user");
   %>
<span class="session"> Welcome:<%=user%>
</span>
  </div>

  <div class="menu">
    <ul>
      <li><a href="index.jsp" class="current">Home</a></li>
      <li><a href="bookCategory.jsp">Book Category</a></li>
      <li><a href="#">Books</a></li>
      <li><a href="#feedback.html"> User Mgmt</a></li>
      <li><a href="#about.html">Search Book </a></li>
      <li><a href="#about.html">Check allocated Book</a></li>
      <li><a href="login.jsp"> Notification</a></li>
      <li><a href="${pageContext.request.contextPath}/index.jsp">Logout</a>
     </li>
    </ul>
</div>

【讨论】:

  • @Binod Pant 你也可以查看这个帖子:stackoverflow.com/questions/2047122/…
  • @Binod Pant 这对你有用吗?
  • 当我使用 requestDispatcher 不工作但当我使用发送重定向 css 工作。
  • 为了使用 requestDispatcher,您必须使用:String path = request.getContextPath()
猜你喜欢
  • 2015-07-10
  • 1970-01-01
  • 1970-01-01
  • 2015-02-09
  • 1970-01-01
  • 1970-01-01
  • 2016-08-06
  • 2016-01-26
  • 1970-01-01
相关资源
最近更新 更多