如何将自定义标签库与 Thymeleaf 和 Spring Boot 一起使用?

问题描述 投票:0回答:2

我使用 Spring MVC、JSP 和 Tyles 创建了一个自定义标签库,因此我有几个

.tagx
文件。 在新项目中,我决定尝试 Spring Boot 和 Thymelaf,但我想保留我的自定义库......

那么您是否可以使用 thymleaf 创建自定义标签库?或者我是否可以以任何方式导入我的自定义标签库?

编辑

我添加了一些代码以使其更加清晰。以下使用的标签是我定制的标签。所以我在 JSP 中包含了

xmlns:form="urn:jsptagdir:/WEB-INF/tags/form"

<form:create id="fu_utente" modelAttribute="utente" path="/utente">
    <div class="row">
        <div class="col-md-12 text-center">
            <h1 class="fa fa-user-plus" style="color:green;"><b>&#160;&#160;Stai creando un nuovo utente di tipo: <var class="varFont">&#160;${utente.ruolo}</var></b></h1>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-2">
            <field:input field="nome" id="c_utente_nome" required="true"/>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4">
            <field:input field="userName" id="c_utente_username" min="5" max="15" required="true"/>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2">
            <field:input field="email" id="c_Utente_email" required="true" validationRegex="^[a-z0-9_\+-]+(\.[a-z0-9_\+-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*\.([a-z]{2,4})$"/>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4 col-md-offset-2">
            <field:input field="nuovaPassword" id="c_utente_password" min="6" max="15" required="true" type="password"/>
        </div>
        <div class="col-xs-12 col-sm-12 col-md-4">
            <field:input field="confermaNuovaPassword" id="c_utente_confirmPassword" required="true" type="password"/>
        </div>
    </div>
</form>

此页面的结果是一个标准的 HTML 页面,其中包含一个表单、一些字段和标签以及一个提交按钮..

这样我可以快速写出很多html代码。例如,我可以只使用国际化来编写

<label>..... </label><input....../>
,而不是为每个字段编写
<field:input......>

我想在 Thymeleaf 中拥有(并且我认为可能非常有用)同样的东西。

否则,如果您知道使用 Thymeleaf 避免节省代码和时间的方法,请告诉我..

spring spring-boot thymeleaf taglib tagx
2个回答
2
投票

我使用以下内容作为一种解决方案/解决方法。目前我只创建了 2 个简单标签,我不确定这是否是实现更复杂标签的好方法。

输入标签

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
    <section th:fragment="input(name, value, type, required)" class="form-group" th:switch="${required}">
        <label th:text="#{${name}}" th:for="${name}" class="control-label"></label>
        <input th:case="true" th:type="${type}" th:id="${name}" th:name="${name}" th:value="${value}" class="form-control" required="required"/>
        <input th:case="false" th:type="${type}" th:id="${name}" th:name="${name}" th:value="${value}" class="form-control"/>
    </section>
</body>
</html>

显示标签

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
    <section th:fragment="display(name, value)" class="form-group">
        <label th:text="#{${name}}" th:for="${name}" class="control-label"></label>
        <div class="box" th:id="${name}" th:text="${value}"></div>
    </section>
</body>
</html>

然后我使用这两个标签传递我想要的参数,例如:

<section th:replace="~{/tags/input :: input(username, *{username}, text, true)}"></section>

<section th:replace="~{/tags/display :: display(nome, *{nome})}"></section>

0
投票
  1. 创建自定义方言:

公共类 CnmCustomDialect 扩展 AbstractProcessorDialect {

public CnmCustomDialect() {

    super("CNM Tags", "cnmtags", StandardDialect.PROCESSOR_PRECEDENCE);

}

@Override
public Set<IProcessor> getProcessors(String dialectPrefix) {

    Set<IProcessor> processors = new HashSet<>();       
    processors.add(new TableBuilderElementTagProcessor(getPrefix()));
    return processors;

}

}

  1. 将方言注册到WebMvcConfigurer

@Bean

公共 SpringTemplateEngine templateEngine(ITemplateResolver templateResolver, SpringSecurityDialect sec) {

    final SpringTemplateEngine templateEngine = new SpringTemplateEngine();   

    templateEngine.addDialect(new CnmCustomDialect());
    return templateEngine;

}

3.实现自定义AbstractElementTagProcessor

-使用 doProcess() 方法通过此标记变量从 HTML 获取输入并绑定到处理程序变量

-String modelType = tag.getAttributeValue("tt");

-Content=”根据需要添加 html 您的内容”

-structHandler.replaceWith(content, false);

公共类 TableBuilderElementTagProcessor 扩展 AbstractElementTagProcessor {

private ApplicationContext applicationContext;


public TableBuilderElementTagProcessor(String dialectPrefix) {
    super(TemplateMode.HTML, dialectPrefix, "table", true, null, false, StandardDialect.PROCESSOR_PRECEDENCE);

}

@Override
protected void doProcess(ITemplateContext context, IProcessableElementTag tag,IElementTagStructureHandler structureHandler) {   
        applicationContext = SpringContextUtils.getApplicationContext(context); 

字符串内容=“”; StructureHandler.replaceWith(content, false);}}

© www.soinside.com 2019 - 2024. All rights reserved.