簡體   English   中英

使用Servlet在Java Web應用程序中渲染CSS和JS

[英]Rendering css and js in a Java web application using servlet

項目結構

在intellij IDEA中,我啟動了一個新的Java Web應用程序,並使用servlet處理GET和POST請求,現在問題出在我在JSP頁面中引入CSS和JS時,它們似乎沒有從源代碼中呈現/提取。當我在瀏覽器中檢查代碼並單擊href或src鏈接時,使用此代碼將我重定向到servlet錯誤頁面

<!doctype html><html lang="en"><head><title>HTTP Status 404 – Not Found</title><style type="text/css">h1 {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;font-size:22px;} h2 {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;font-size:16px;} h3 {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;font-size:14px;} body {font-family:Tahoma,Arial,sans-serif;color:black;background-color:white;} b {font-family:Tahoma,Arial,sans-serif;color:white;background-color:#525D76;} p {font-family:Tahoma,Arial,sans-serif;background:white;color:black;font-size:12px;} a {color:black;} a.name {color:black;} .line {height:1px;background-color:#525D76;border:none;}</style></head><body><h1>HTTP Status 404 – Not Found</h1><hr class="line" /><p><b>Type</b> Status Report</p><p><b>Message</b> &#47;post&#47;MIS&#47;assets&#47;css&#47;contracts-list.jsp</p><p><b>Description</b> The origin server did not find a current representation for the target resource or is not willing to disclose that one exists.</p><hr class="line" /><h3>Apache Tomcat/8.5.43</h3></body></html>

從我的研究中,我改變了我的鏈接

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

<link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">

但是,同樣的問題(重定向到servlet錯誤頁面)仍然存在

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css">
    <!-- Material Design Bootstrap -->
    <link href="${pageContext.request.contextPath}/assets/css/mdb.min.css" rel="stylesheet">
    <!-- Your custom styles (optional) -->
    <link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">

    <!-- MDBootstrap Datatables  -->
    <link href="${pageContext.request.contextPath}/assets/css/addons/datatables.min.css" rel="stylesheet">
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/jquery-3.4.1.min.js"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/popper.min.js"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/mdb.min.js"></script>
<!-- MDBootstrap Datatables  -->
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/addons/datatables.min.js"></script>

我希望頁面能夠呈現鏈接的CSS和JS文件,但這會重定向到servlet錯誤頁面

通過分析您的錯誤,

HTTP狀態404 –未找到****** /post/MIS/assets/css/contracts-list.jsp

我有你的問題
1.您沒有在閱讀由intellij服務器發送的錯誤消息。
2. URL中的兩個錯誤。 一種。 上下文路徑/ post / MIS,但是應該是/ MIS b。 資產/css/contract-list.jsp,我想您在包含JSP(轉發到JSP或重定向到JSP)時出錯。

與您的404錯誤的CSS路徑沒有關系。 在載入jsp之后,載入css和js文件。 主條目只有404。修復了包括contract-list.jsp在內的問題,其余的事情肯定會起作用。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM