JSP不会从资源文件夹中看到CSS和JS文件(JSP doesn't see CSS and JS files from resources folder)

我在我的web应用程序中导入了我的css和js导入问题。我正在使用Servlets / JSP / CSS / JS。

对于这个问题，我很抱歉，我看到很多关于这个主题和情况的问题和答案，但没有任何帮助。

我正在尝试添加像这样的CSS和js文件：

但事情发生了，我的所有css和js文件都不起作用。我在项目中的文件夹/文件位置：

我曾尝试过许多不同的方法来解决这个问题。我试过这个： https ： //stackoverflow.com/a/23687360/5331196和https://stackoverflow.com/a/29012643/5331196

没有什么帮助我。但唯一有效的是dinamyc import： <%@include file="/resources/stylesheet/login.css" %> etc

它有所帮助，但是，在这种情况下，我的jsp页面中会有很多代码，因为我的.css和.js文件非常庞大。

我应该怎么做才能终止这个问题，在这种情况下我该如何做静态导入？

感谢所有人，谁能回答，你的朋友，davakin111。

我的web.xml文件：

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Jean taxi-service</display-name> <listener> <listener-class>com.taxi.service.utils.ApplicationContext</listener-class> </listener> <filter> <filter-name>ClientFilter</filter-name> <filter-class>com.taxi.service.filter.ClientFilter</filter-class> </filter&t; <filter-mapping> <filter-name>ClientFilter</filter-name> <url-pattern>/someUrl1</url-pattern> </filter-mapping> <filter> <filter-name>OrderFilter</filter-name> <filter-class>com.taxi.service.filter.OrderFilter</filter-class> </filter> <filter-mapping> <filter-name>OrderFilter</filter-name> <url-pattern>/someUrl2</url-pattern> </filter-mapping> <servlet> <servlet-name>InitController</servlet-name> <servlet-class>com.taxi.service.controller.InitController</servlet-class> </servlet> <servlet> <servlet-name>LoginController</servlet-name> <servlet-class>com.taxi.service.controller.LoginController</servlet-class> </servlet> <servlet> <servlet-name>RegistrationController</servlet-name> <servlet-class>com.taxi.service.controller.RegistrationController</servlet-class> </servlet> <servlet> <servlet-name>UserController</servlet-name> <servlet-class>com.taxi.service.controller.UserController</servlet-class> </servlet> <servlet> <servlet-name>OrderController</servlet-name> <servlet-class>com.taxi.service.controller.OrderController</servlet-class> </servlet> <servlet> <servlet-name>PrivateAreaController</servlet-name> <servlet-class>com.taxi.service.controller.PrivateAreaController</servlet-class> </servlet> <servlet> <servlet-name>ReviewController</servlet-name> <servlet-class>com.taxi.service.controller.OrderController</servlet-class> </servlet> <servlet> <servlet-name>AdminController</servlet-name> <servlet-class>com.taxi.service.controller.AdminController</servlet-class> </servlet> <servlet-mapping> <servlet-name>InitController</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>LoginController</servlet-name> <url-pattern>/login</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>UserController</servlet-name> <url-pattern>/savePersonData</url-pattern> <url-pattern>/changePassword</url-pattern> <url-pattern>/madeModerator</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>OrderController</servlet-name> <url-pattern>/orderCreation</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>RegistrationController</servlet-name> <url-pattern>/registration</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>ReviewController</servlet-name> <url-pattern>/review</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>PrivateAreaController</servlet-name> <url-pattern>/privateArea</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>AdminController</servlet-name> <url-pattern>/adminPanel</url-pattern> </servlet-mapping>  <session-config> <session-timeout>45</session-timeout> </session-config> <resource-ref> <description>DB Connection</description> <res-ref-name>jdbc/order_board</res-ref-name> <res-type>javax.sql.DataSource</res-type> <res-auth>Container</res-auth> </resource-ref> <welcome-file-list> <welcome-file>/index.jsp</welcome-file> </welcome-file-list> <login-config> <auth-method>BASIC</auth-method> </login-config> </web-app>

I have some problem with my css and js import in my web application. I am using Servlets/JSP/CSS/JS.

I am sorry for this question, i saw many questions and answers for this theme and situation but nothing helped me.

I am trying to add css and js files like this:

But something happends and all of my css and js files doesn't work. My folders/files positions in the project:

I had tried many different ways to terminate that issue. I tried this: https://stackoverflow.com/a/23687360/5331196 and https://stackoverflow.com/a/29012643/5331196

And nothing helped me. But the only thing which is working is dinamyc import: <%@include file="/resources/stylesheet/login.css" %> e.t.c.

It helped, but, in that case, there will be a lot of code in my jsp page because my .css and .js files are huge.

What should i do to terminate that issue and how can i do that static import in this situation?

Thanks to all,who can answer, your friend, davakin111.

My web.xml file:

<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd" version="3.1"> <display-name>Jean taxi-service</display-name> <listener> <listener-class>com.taxi.service.utils.ApplicationContext</listener-class> </listener> <filter> <filter-name>ClientFilter</filter-name> <filter-class>com.taxi.service.filter.ClientFilter</filter-class> </filter> <filter-mapping> <filter-name>ClientFilter</filter-name> <url-pattern>/someUrl1</url-pattern> </filter-mapping> <filter> <filter-name>OrderFilter</filter-name> <filter-class>com.taxi.service.filter.OrderFilter</filter-class> </filter> <filter-mapping> <filter-name>OrderFilter</filter-name> <url-pattern>/someUrl2</url-pattern> </filter-mapping> <servlet> <servlet-name>InitController</servlet-name> <servlet-class>com.taxi.service.controller.InitController</servlet-class> </servlet> <servlet> <servlet-name>LoginController</servlet-name> <servlet-class>com.taxi.service.controller.LoginController</servlet-class> </servlet> <servlet> <servlet-name>RegistrationController</servlet-name> <servlet-class>com.taxi.service.controller.RegistrationController</servlet-class> </servlet> <servlet> <servlet-name>UserController</servlet-name> <servlet-class>com.taxi.service.controller.UserController</servlet-class> </servlet> <servlet> <servlet-name>OrderController</servlet-name> <servlet-class>com.taxi.service.controller.OrderController</servlet-class> </servlet> <servlet> <servlet-name>PrivateAreaController</servlet-name> <servlet-class>com.taxi.service.controller.PrivateAreaController</servlet-class> </servlet> <servlet> <servlet-name>ReviewController</servlet-name> <servlet-class>com.taxi.service.controller.OrderController</servlet-class> </servlet> <servlet> <servlet-name>AdminController</servlet-name> <servlet-class>com.taxi.service.controller.AdminController</servlet-class> </servlet> <servlet-mapping> <servlet-name>InitController</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>LoginController</servlet-name> <url-pattern>/login</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>UserController</servlet-name> <url-pattern>/savePersonData</url-pattern> <url-pattern>/changePassword</url-pattern> <url-pattern>/madeModerator</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>OrderController</servlet-name> <url-pattern>/orderCreation</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>RegistrationController</servlet-name> <url-pattern>/registration</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>ReviewController</servlet-name> <url-pattern>/review</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>PrivateAreaController</servlet-name> <url-pattern>/privateArea</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>AdminController</servlet-name> <url-pattern>/adminPanel</url-pattern> </servlet-mapping>  <session-config> <session-timeout>45</session-timeout> </session-config> <resource-ref> <description>DB Connection</description> <res-ref-name>jdbc/order_board</res-ref-name> <res-type>javax.sql.DataSource</res-type> <res-auth>Container</res-auth> </resource-ref> <welcome-file-list> <welcome-file>/index.jsp</welcome-file> </welcome-file-list> <login-config> <auth-method>BASIC</auth-method> </login-config> </web-app>

最满意答案

对于JSP项目：

在文件夹webapp创建cssLoader.jsp页面，如下所示：

webapp -cssLoader.jsp

cssLoader.jsp

然后使用<jsp:include page="../../cssLoader.jsp"></jsp:include>加载这个cssLoader页面，您想在页面中导入css / js文件。 例如：在我的情况下DIRECTORY：

WEB-INF -pages -page.jsp

page.jsp

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>WEB-INF INSIDE PAGE</title> <jsp:include page="../../cssLoader.jsp"></jsp:include> </head> <body> <h1>WEB-INF INSIDE PAGE</h1> </body> </html>

注意：

../../取决于文件夹级别的结构。

For JSP project:

Create cssLoader.jsp page inside folder webapp as below:

webapp -cssLoader.jsp

cssLoader.jsp

Then load this cssLoader page where you want to import css/js file in page using <jsp:include page="../../cssLoader.jsp"></jsp:include>. For example: in my case DIRECTORY:

WEB-INF -pages -page.jsp

page.jsp

Note: