如何在 JSP 页面 struts2 中包含 css 文件？答案

【问题标题】：How to include css files in JSP page struts2?如何在 JSP 页面 struts2 中包含 css 文件？
【发布时间】：2014-11-21 07:15:41
【问题描述】：

我是 Java 新手。现在我正在做 Struts2 项目。我在这个路径中添加了样式表

/WEB-INF/common/css/style.css

并在此路径中添加引导程序

/WEB-INF/common/css/bootstrap/bootstrap.min.css

并将它们包含在 JSP 文件中

<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<link href="/WEB-INF/common/css/bootstrap/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="/WEB-INF/common/css/style.css" rel="stylesheet" type="text/css">
<title>Login</title>

但是当我运行程序时 css 不起作用。我需要在 Struts2 中做什么才能包含 CSS 文件？

【问题讨论】：

从路径中移除 /WEB-INF/

标签： java css jsp struts2

【解决方案1】：

您需要将 css 文件移出 WEB-INF 目录，因为它不是公开的。以下是对 WEB-INF 是什么以及如何使用它的一个很好的解释： What is WEB-INF used for in a Java EE web application?

【讨论】：

【解决方案2】：

CSS 文件路径取决于您的 JSP 文件所在的位置。分享您的项目文件夹结构。

例如：

Application name
   |
   | - WEB_INF
   | - JSP -(If this folder having JSP files)
   | - common/css
   | - JS

那么JSP文件中CSS的路径是这样的

<link href="../common/css/style.css" rel="stylesheet" type="text/css">

这里单.(点)代表当前目录，即JSP Direcrory(Folder)

双..（点）previous/upper目录，即Application/Main项目目录，从这个目录指向/common/css/style.css

【讨论】：

【解决方案3】：

首先将所有css文件和js文件放在一个JSP页面中，然后该jsp页面使用标签包含在jsp页面中......

很好，即<%@include file="header.jsp"%>

【讨论】：

【解决方案4】：

你不能在 /WEB-INF 路径中包含 CSS 文件，把它放在 web 根路径中，然后使用 /common/css/style.css 来访问你的页面

【讨论】：

谢谢。我更改了目录，它现在可以工作了。但是只有输入类型按钮没有改变，尽管我在同一个样式表中设置了样式
清理浏览缓存，检查bootstrap.min.js文件，bootstrap应该包含js文件。