如何使用 Tiles 进行类似 Facelets 的模板合成？

发布于 2024-11-06 05:31:10 字数 1732 浏览 0 评论 0原文

我正在使用 Spring、JSP 和 Tiles 做一个 Java Web 项目。在上一个项目中，我们使用 Facelets 和标签将 JS 和 CSS 库包含在模板的标头中。我想知道是否有办法使用 Tiles 来做同样的事情。

以下是我想要执行的 Facelets 主模板示例：

<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:sec="http://www.springframework.org/security/facelets/tags">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <title><ui:insert name="title">MediMercado</ui:insert></title>
        <link href="${request.contextPath}/css/layout.css" rel="stylesheet" type="text/css" />
        <ui:insert name="additional-js"></ui:insert>
    </head>
    <body>
         <ui:insert name="content">
             <ui:include src="main-content.xhtml"/>
         </ui:insert>
    </body>
</html>

页面模板：

<ui:composition template="/layout/layout.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:define name="additional-js">
        <script src="${request.contextPath}/js/jquery.js" type="text/javascript"></script>
    </ui:define>
    <ui:define name="content">
        <h1>Just an example</h1>
    </ui:define>
</ui:composition>

因此，在此示例中，页面模板中的 jquery 库包含在主模板的 HTML 头中。

我们如何使用 Tiles 来做到这一点？

原文

I'm doing a Java Web Project using Spring, JSP and Tiles. In our last project we have used Facelets <ui:composition> and <ui:define> tags to include JS and CSS libraries in the header of a template. I'm wondering if there is a way to do the same using Tiles.

Here's an example of the Facelets master template what I'm trying to do:

<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:sec="http://www.springframework.org/security/facelets/tags">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
        <title><ui:insert name="title">MediMercado</ui:insert></title>
        <link href="${request.contextPath}/css/layout.css" rel="stylesheet" type="text/css" />
        <ui:insert name="additional-js"></ui:insert>
    </head>
    <body>
         <ui:insert name="content">
             <ui:include src="main-content.xhtml"/>
         </ui:insert>
    </body>
</html>

Page template:

<ui:composition template="/layout/layout.xhtml"
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets">
    <ui:define name="additional-js">
        <script src="${request.contextPath}/js/jquery.js" type="text/javascript"></script>
    </ui:define>
    <ui:define name="content">
        <h1>Just an example</h1>
    </ui:define>
</ui:composition>

So in this example the jquery library in our page template is been included in the HTML head of the master template.

How can we do this using Tiles?

分享到QQ

分享到微博