thymeleaf使用和渲染

Thymeleaf是一种支持HTML原型的Java模板引擎,可在浏览器中以静态页面形式预览,通过Servlet动态替换内容实现页面动态显示。本文介绍了Thymeleaf的配置步骤,包括添加jar包、创建Servlet类、配置视图前缀和后缀,以及如何通过th:text、th:if和th:each等属性与后台交互,实现数据的动态渲染。
摘要由CSDN通过智能技术生成

    Thymeleaf 是新一代 Java 模板引擎,与 Velocity、FreeMarker,jsp 等传统 Java 模板引擎同, 

        Thymeleaf 支持 HTML 原型,其文件后缀为“.html”,因此它可以直接被浏览器打开,

      此时浏览器会忽略未定义的 Thymeleaf 标签属性,展示 thymeleaf 模板的静态页面效果;

  当通过 Web 应用程序(Servlet)访问时,Thymeleaf 会动态地替换掉静态内容,使页面动态显示。

直接看例子:

 准备工作: DAO

public interface FruitDao {
//获取所有的库存列表信息
List<Fruit> getFruitList();
}







public class FruitDaoImpl extends BaseDao<Fruit> implements FruitDao {
    @Override
    public List<Fruit> getFruitList() {
        return super.executeQuery("select * from t_fruit");
    }
}



      Thymeleaf - 视图模板技术
                1) 添加thymeleaf的jar包

             2) 新建一个Servlet类ViewBaseServlet,有两个方法一个初始化一个处理模板,

                      这个方法可以帮我们完成资源的转发,并且数据的渲染

public class ViewBaseServlet extends HttpServlet {
    private TemplateEngine templateEngine;

    @Override
    public void init() throws ServletException {

        // 1.获取ServletContext对象
        ServletContext servletContext = this.getServletContext();

        // 2.创建Thymeleaf解析器对象
        Ser
Theleaf是一种用于在服务器端渲染HTML的模板引擎,它使用原生的HTML标签进行模板渲染。然而,Thymeleaf本身并不支持直接使用原生的JavaScript进行渲染。如果您需要在Thymeleaf使用原生JavaScript进行渲染,可以考虑以下几种方法: 1. 使用Thymeleaf表达式生成JavaScript代码: 您可以在Thymeleaf模板中使用Thymeleaf表达式生成JavaScript代码,并将其插入到HTML中。例如,您可以使用Thymeleaf的属性前缀`th:inline="javascript"`来指示Thymeleaf解析内联的JavaScript代码。然后,您可以在`<script>`标签中编写原生的JavaScript代码,并在其中使用Thymeleaf表达式来引用模板中的数据。请注意,该方法只能在内联JavaScript中使用Thymeleaf表达式,而不能在外部JavaScript文件中使用。 2. 使用Thymeleaf生成动态数据: Thymeleaf还支持使用动态值来生成HTML属性的值。您可以在Thymeleaf模板中使用Thymeleaf的属性前缀`th:`来指示Thymeleaf使用动态值。例如,您可以使用`th:src`属性来指定一个动态的图片路径。然后,您可以在JavaScript中使用这些动态值来渲染页面。 3. 结合其他JavaScript库: 如果您需要更灵活地使用原生JavaScript进行渲染,可以考虑将Thymeleaf与其他JavaScript库(如jQuery)结合使用。您可以使用Thymeleaf生成HTML模板,并在模板中使用特殊的占位符来表示需要替换的数据。然后,在客户端使用JavaScript库来解析模板并替换占位符为实际数据。这样,您就可以使用原生JavaScript来进行更灵活的渲染。 总结起来,Thymeleaf本身并不直接支持使用原生JavaScript进行渲染,但可以通过使用Thymeleaf表达式生成JavaScript代码、使用动态值和结合其他JavaScript库等方法来实现在Thymeleaf使用原生JavaScript进行渲染。具体选择哪种方法取决于您的需求和项目要求。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值