html - CSS 链接在 jsp 中不起作用

标签 html css jsp servlets

<分区>

image我的代码是 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();
            }
            }
         }

添加类别.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 正在工作。给我建议为什么 css 在使用 requestDispatcher 时不工作。

最佳答案

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

添加类别.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>

关于html - CSS 链接在 jsp 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42956260/

上一篇:html - 如何在 css vuejs 中使通知 float 并右对齐

下一篇:jquery - 无法访问 DOM 元素

相关文章:

java - 为什么servlet名称保留在RequestDispatcher.forward之后的url中?

java - useBean 与 ServletContextListener

html - 使网页上的设计静态化

html - 使 2 个元素恰好位于彼此下方

jquery - Fabricjs Youtube 视频

css - Wordpress 站点中的水平列表

java - 在显示数据库记录的应用程序中显示进度条

java - Spring MVC 将逗号分隔列表绑定(bind)到多选

javascript - Bootstrap Modal 使用数据图像作为源

java - 如何将网页上的图片加载到webview中?