在每个 jsp 页面中包含 css 和 js 文件答案

【问题标题】：Include css and js file in every jsp page在每个 jsp 页面中包含 css 和 js 文件
【发布时间】：2015-01-18 00:13:36
【问题描述】：

我在每个 jsp 文件中都有常用的 css 和 js 文件。

那么将它们包含在每个页面中的最佳做法是什么？

我曾经使用<%@ include file="header.jsp" %>，但我想知道这是否是最好和最干净的方式。

【问题讨论】：

标签： java spring jsp spring-mvc

【解决方案1】：

我喜欢为此使用片段，它们是 JSP 支持的标准，因此不需要其他依赖项。正如您将看到的那样，它还会带来许多其他好处。

创建标签（parentpage.tag）：

<%@tag description="Base page" pageEncoding="UTF-8" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags" %>

<%@attribute name="extra_css" fragment="true" %>
<%@attribute name="footer" fragment="true" %>
<%@attribute name="header" fragment="true" %>

<html>
<head> ....
// insert css that is needed for every page
<jsp:invoke fragment="extra_css"/>
<jsp:invoke fragment="header"/>
<jsp:doBody/>
<jsp:invoke fragment="footer"/>

然后您创建从该标签继承的单个页面

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<t:parentpage>

    <jsp:attribute name="extra_css">
        // custom css for this page 
    </jsp:attribute>
    <jsp:attribute name="footer">
        // footer content
    </jsp:attribute>
    <jsp:body>
       // body content
    </jsp:body>

</t:parentpage>

【讨论】：

【解决方案2】：

您可以在您的web.xml 中尝试不使用任何框架：

<jsp-config>
   <jsp-property-group>
     <display-name>Display</display-name>
     <url-pattern>*.jsp</url-pattern>
     <el-ignored>false</el-ignored>
     <scripting-invalid>false</scripting-invalid>
     <is-xml>false</is-xml>
     <include-prelude>/template/header.jsp</include-prelude><!-- header -->
     <include-coda>/template/footer.jsp</include-coda><!-- footer -->
   </jsp-property-group>
 </jsp-config>

查看更多here

【讨论】：

我认为这不是一个好的解决方案，原因有 3 个。首先，行为取决于您的 servlet 容器/应用程序服务器，请查找与特定编辑器无关的单个文档（您链接了 weblogic 文档）。其次，它根本不灵活。第三，如果你使用 Servlet 3.0，你可能根本就没有 web.xml！
@alain.janinm ，它是一个如何使用它的例子
是的，当然 :) 没问题，这就是我没有投反对票的原因。我只是认为这不是最好的解决方案。（但它仍然是一个可行的解决方案，我同意）
@alain.janinm 我找不到任何明确的标准规范，但看起来应该到处都支持。看看这些：docs.oracle.com/javaee/5/tutorial/doc/bnajg.html oracle.com/webfolder/technetwork/jsc/xml/ns/javaee/index.html#5

【解决方案3】：

是的！将所有 css 和 js 定义在一个 jsp 中，然后将该 jsp 包含在所有页面/jsp 中，这是一个不错的选择。

当您使用 spring 时，我建议您使用瓷砖 https://tiles.apache.org/，这是制作标准布局然后在您的所有 jsp 中使用该布局的更好方法。

【讨论】：

但是我的方法不是一样吗？使用瓷砖我会赢什么？
看到这个spring.io/blog/2012/10/30/…

【解决方案4】：

最好的解决办法是使用JSP Tag File。它允许使用标签文件封装可重用的内容：Java doc ref

这是一个很好的例子：https://stackoverflow.com/a/3257426/1140748

【讨论】：

【解决方案5】：

使 JavaScript 和 CSS 外部化。

在现实世界中使用外部文件通常会产生更快的页面，因为 JavaScript 和 CSS 文件由浏览器缓存。每次请求 HTML 文档时，都会下载 HTML 文档中内联的 JavaScript 和 CSS。这会减少所需的 HTTP 请求数量，但会增加 HTML 文档的大小。另一方面，如果 JavaScript 和 CSS 在浏览器缓存的外部文件中，则 HTML 文档的大小会减小，而不会增加 HTTP 请求的数量。

“include external java script file in jsp page ”

【讨论】：