当前位置： 首页 > news >正文

IntelliJ+SpringBoot项目实战（28）--整合Beetl模板框架

news 2026/3/30 1:12:10

        在前面的文章里介绍过freemarker，thymeleaf模板引擎，本文介绍另一个性能超高的模板引擎---Beetl，据说此模板引擎的性能远超Freemarker。官网的说法是，Beetl 远超过主流java模板引擎性能(引擎性能5-6倍于FreeMarker，2倍于JSP。参考附录），而且消耗较低的CPU。

        官方网站是：

DocumentDescriptionicon-default.png?t=O83Ahttp://ibeetl.com/guide/#/beetl        这个网站上有详细的示例。想深入学习的话可在此网站上下载资料。

        那么为什么有时候我们需要考虑使用模板引擎呢？使用VUE做前后端分离的前端不可以吗？使用模板引擎的主要场景是内容类网站，希望HTML正文能够对爬虫友好的，或者说内容能够直接呈现在html元素中，而不是通过接口动态赋值给页面元素的。

       本文介绍Beetl快速上手的过程。

一、引入依赖

        在openjweb-core模块中引入beetl依赖

<dependency><groupId>com.ibeetl</groupId><artifactId>beetl-framework-starter</artifactId><version>1.2.28.RELEASE</version></dependency>

二、开发测试类

        在openjweb-sys工程中建一个BeetlDemoController.java：

package org.openjweb.sys.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;import java.util.HashMap;
import java.util.Map;/*** http://localhost:8001/demo/beetl/queryBook*/
@Controller
@RequestMapping(value="/demo/beetl/")
public class BeetlDemoController {@RequestMapping(value="/queryBook")public String queryBook( Model model) {Map<String,Object> map = new HashMap();map.put("name", "三国演义");map.put("author", "罗贯中");model.addAttribute("book", map);return "beetlDemo.btl";//返回页面名}
}

         这段代码创建了一个Map，map中含name，author，然后设置给book变量返回给前端的beetlDemo.btl页面。

        然后在openjweb-sys的resources/templates下建一个beetlDemo.btl文件：

        

<!DOCTYPE HTML>
<html>
<head><title>图书</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/></head><body>
<table border="1"><tr><td>book</td><td>author</td></tr><tr><td>${book.name}</td><td>${book.author}</td></tr>
</table>
</body>
</html>

        文件中使用了${book.name}和${book.author}两个变量。

        运行http://localhost:8001/demo/beetl/queryBook ：

        但是在实际项目中，如果把前端制作好的.html文件再改成扩展名.btl的话，会耗费时间，另外也不利于实时查看页面展示效果。所以还是使用.html后缀比较方便一点。如果使用.html后缀，可在application-dev.yml中增加：

beetl:suffix: html

        注意不是在spring节点下增加的，后缀html也不带. 别写成.html ,这个是实测过的。改成html后缀后，上面的beetlDemoController.java中的return  "beetlDemo.btl" ;改为return  "beetlDemo.html" ;即可。注意如果去掉.html会解析失败，所以需要写完整的文件名。改为解析.html后，.btl的解析就不支持了。

        经过测试，beetl改为解析.html后，并不影响thymeleaf解析前面章节示例中的页面。另外以后项目主要还是使用beetl作为模板引擎。

 二、beetl基础语法

        如果完整学习beetl基础语法可查看官方资料：DocumentDescriptionicon-default.png?t=O83Ahttp://ibeetl.com/guide/#/beetl/all     这里介绍常用的语法，beetl的语法有点类似javascript,也有点类似jsp，可以使用<%%>来书写beetl脚本。我们创建一个测试html，命名为beetlDemo3.html：

<!DOCTYPE HTML>
<html>
<head><title>图书2</title><meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/></head><body><%
var a = 2;
var b = 3;
var result = a+b;
%>
hello 2+3=${result}<p><!--rotate--><%for(user in users){%>hello,${user.realName},your email is ${user.userEmail} ;<% } %></body>
</html>

        然后在控制层中再增加一个测试方法，这个测试方法返回用户列表，然后在前端展示：

//http://localhost:8001/demo/beetl/demo/*** 演示beetl语法* @param model* @return*/@RequestMapping(value="/demo")public String demo( Model model) {CommUser user = new CommUser();user.setRealName("张三");user.setUserEmail("abc@163.com");List<CommUser> list = new ArrayList<>();list.add(user );user = new CommUser();user.setRealName("李四");user.setUserEmail("lisi@163.com");list.add(user );model.addAttribute("users", list);return "beetlDemo3.html";//返回页面名}

        上面的代码创建了2个用户，放到users变量中返回给beetleDemo3.html，在beetleDemo3.html中，使用

  <%for(user in users){%>hello,${user.realName},your email is ${user.userEmail} ;<% } %>

        循环显示users中的realName和userEmail，运行效果：

另外

<%
var a = 2;
var b = 3;
var result = a+b;
%>

hello 2+3=${result}<p>

演示了在html中书写动态脚本，有点类似jsp和javascript。 

另外我们还可以使用beetl的逻辑表达式if，在beetlDemo3.html的</body>前加上下面的代码：

   <%var aa = 1;var bb="good";var cc = null;if(aa==1&&bb=="good"&&cc==null){%><script>alert('符合条件')</script><%}else{%><script>alert('不符合条件')</script><%}%>

运行效果：

还有其他常用的语法，下面是for的表达式：

<% var a = [1,2,3]; for(var i=0;i<a.~size;i++){ print(a[i]); } %>

下面是while循环：

<% var i = 0; while(i<5){ print(i); i++; } %>

其他语法就不再一一列举了。大家可以在使用的过程中根据需要来学习更多的语法。

本例代码见github:

GitHub - openjweb/cloud at masterOpenJWeb is a java bases low code platform. Contribute to openjweb/cloud development by creating an account on GitHub.icon-default.png?t=O83Ahttps://github.com/openjweb/cloud/tree/master

相关文章：

IntelliJ+SpringBoot项目实战（28）--整合Beetl模板框架

在前面的文章里介绍过freemarker&#xff0c;thymeleaf模板引擎&#xff0c;本文介绍另一个性能超高的模板引擎---Beetl&#xff0c;据说此模板引擎的性能远超Freemarker。官网的说法是&#xff0c;Beetl 远超过主流java模板引擎性能(引擎性能5-6倍于FreeMarker&#xff0c;2倍…...

编程日记 2024/12/8 6:34:41

Kafka-Connect源码分析

一、上下文 《Kafka-Connect自带示例》中我们尝试了零配置启动producer和consumer去生产和消费数据&#xff0c;那么它内部是如何实现的呢&#xff1f;下面我们从源码来揭开它神秘的面纱。 二、入口类有哪些&#xff1f; 从启动脚本&#xff08;connect-standalone.sh&#…...

编程日记 2024/12/8 6:33:40

项目五 李白个人生平（资源）

本项目旨在能够灵活运用整章知识点设计页面。本项目创建了“唐朝诗人群像”网站的第三个页面——即李白个人生平页面，主要完成其 HTML部分。 【项目目的】 灵活运用HTML 基本标记。掌握在 HTML页面中嵌入多媒体对象的方法。【项目内容】 利用HTML标记对网页进行结…...

编程日记 2024/12/8 6:31:38

计算机视觉与各个学科融合：探索新方向

目录 引言计算机视觉与其他学科的结合 与医学的结合与机械工程的结合与土木工程的结合与艺术与人文的结合发文的好处博雅知航的辅导服务 引言 计算机视觉作为人工智能领域的重要分支&#xff0c;正迅速发展并渗透到多个学科。通过与其他领域的结合&#xff0c;计算机视觉不仅…...

编程日记 2024/12/8 6:30:37

数据分析类论文通过stata进行数据预处理（一）

一&#xff1a;导入数据 打开Stata命令窗口&#xff0c;输入以下命令&#xff1a; use "文件路径\数据文件名.dta", clear其中&#xff0c;.dta是Stata的数据文件格式。clear选项用于在打开新数据文件前关闭当前数据集。 以下是一些导入不同格式数据的方法&#x…...

编程日记 2024/12/8 6:28:35

力扣——1.返回字符串中第一个唯一的字符；2.把字符串转换成整数（C++）

1.返回字符串中第一个唯一的字符 1.1题目描述 给定一个字符串s &#xff0c;找到它的第一个不重复的字符&#xff0c;并返回它的索引 。如果不存在&#xff0c;则返回 -1 。 示例&#xff1a; 1.2思路 这里提供两种思路&#xff1a;第一种是利用哈希表&#xff0c;先遍历一…...

编程日记 2024/12/8 6:27:34

M-LAG【根桥方式】

1.M-LAG不是有单向隔离机制天然防环吗&#xff0c;为什么还要使用STP&#xff1f; 答&#xff1a;因为M-LAG设备下面不是只接服务器&#xff0c;也不是和所有下联设备组成M-LAG&#xff0c;和没有组成M-LAG的设备可能会造成环路。 2.为什么要关闭peer-link接口的生成树计算&a…...

编程日记 2024/12/8 6:26:34

新书速览|循序渐进Node.js企业级开发实践

《循序渐进Node.js企业级开发实践》 1 本书内容 《循序渐进Node.js企业级开发实践》结合作者多年一线开发实践&#xff0c;系统地介绍了Node.js技术栈及其在企业级开发中的应用。全书共分5部分&#xff0c;第1部分基础知识&#xff08;第1&#xff5e;3章&#xff09;&#xf…...

编程日记 2024/12/8 6:25:33

Xlsxwriter生成Excel文件时TypeError异常处理

在使用 XlsxWriter 生成 Excel 文件时&#xff0c;如果遇到 TypeError&#xff0c;通常是因为尝试写入的值或格式与 XlsxWriter 的限制或要求不兼容。 1、问题背景 在使用 Xlsxwriter 库生成 Excel 文件时&#xff0c;出现 TypeError: “expected string or buffer” 异常。此…...

编程日记 2024/12/8 6:22:31

【NLP高频面题 - LLM架构篇】大模型使用SwiGLU相对于ReLU有什么好处？

【NLP高频面题 - LLM架构篇】大模型使用SwiGLU相对于ReLU有什么好处&#xff1f; 重要性&#xff1a;★★★ &#x1f4af; NLP Github 项目&#xff1a; NLP 项目实践&#xff1a;fasterai/nlp-project-practice 介绍&#xff1a;该仓库围绕着 NLP 任务模型的设计、训练、优化…...

编程日记 2024/12/8 6:21:29

2021 年“泰迪杯”数据分析技能赛B 题肥料登记数据分析

2021 年“泰迪杯”数据分析技能赛B 题肥料登记数据分析 完整代码请私聊 博主 # 一、背景 肥料是农业生产中一种重要的生产资料&#xff0c;其生产销售必须遵循《肥料登记管理办法》&#xff0c;依法在农业行政管理部门进行登记。各省、自治区、直辖市人民政府农业行政主管部门主…...

编程日记 2024/12/8 6:19:27

网络原理之 IP 协议

目录 1. IP 协议报文格式 2. 网段划分 3. 地址管理 1) 动态分配 2) NAT 机制 (网络地址转换) 3) IPv6 4. 路由选择 1. IP 协议报文格式 IP 协议是网络层的重点协议。 网络层要做的事情&#xff0c;主要就是两方面&#xff1a; 1) 地址管理 制定一系列的规则&#xff…...

编程日记 2024/12/8 6:18:25

在 Spring Boot 项目中使用 Thymeleaf 时，通常情况下，你需要配置热加载（Hot Reload）来在开发过程中更快速地看到页面的变化。

配置步骤&#xff1a; 1. 添加 DevTools 依赖 在 pom.xml 中添加 spring-boot-devtools 依赖。DevTools 提供了自动重启、LiveReload、模板热加载等功能。 <dependencies><!-- Spring Boot DevTools (用于热加载) --><dependency><groupId>org.spri…...

编程日记 2024/12/8 6:17:24

arm-linux GPIO控制-脚本及shell格式

以下是针对BCM编号27, 28, 29, 30, 31的shell命令 shell方式 导出GPIO引脚 echo 27 > /sys/class/gpio/export echo 28 > /sys/class/gpio/export echo 29 > /sys/class/gpio/export echo 30 > /sys/class/gpio/export echo 31 > /sys/class/gpio/export 设…...

编程日记 2024/12/8 6:16:23

Go 语言基础知识语法

很早听人说过一句话&#xff1a;“每年学习&#xff08;接触&#xff09;一门新的编程语言”&#xff0c;这听起来可能有点不太现实&#xff0c;但是其实很多种语言都是相通的。掌握新的编程语言不仅仅是增加职业工具箱中的工具&#xff0c;更是一种扩展我们思维方式、解决问题…...

编程日记 2024/12/8 6:15:22

贪心算法part05

文章参考来源代码随想录 (programmercarl.com) 56. 合并区间 本题和前几题类似&#xff0c;都是判断上一个元素的右边界与当前元素的左边界大小关系 但是需要注意是&#xff1a;本题需要更新结果数组元素的右边界&#xff0c;因此比较的是数组最后一个元素右边界与当前元素左…...

编程日记 2024/12/8 6:10:17

02、SpringMVC核心（上）

一、RequestMapping注解 @Target({ElementType.TYPE, ElementType.METHOD}) @Retention(RetentionPolicy.RUNTIME) @Documented @Mapping @Reflective({ControllerMappingReflectiveProcessor.class}) public @interface RequestMapping {String name() default "";…...

编程日记 2024/12/8 6:09:16

EasyPlayerPro的同一个组件实例根据url不同展示视频流

效果 学习 url的组成 webrtc://192.168.1.225:8101/index/api/webrtc?applive&stream001&typeplay 协议部分 webrtc://: 这表示使用 WebRTC 协议来进行实时通信。WebRTC 允许浏览器之间直接交换音频、视频和其他数据&#xff0c;而不需要通过中间服务器 主机和端口部分…...

编程日记 2024/12/8 6:08:14

哈希表介绍、实现与封装

哈希表介绍、实现与封装 一、哈希概念二、哈希表实现直接定址法其他映射方法介绍1. 哈希冲突2. 负载因子3. 将关键字转为整数4. 设计哈希函数除法散列法 / 除留余数法乘法散列法全域散列法其他方法 将关键字转为整数处理哈希冲突开放定址法线性探测二次探测双重散列 开放定址法…...

编程日记 2024/12/8 6:06:12

使用vm配置网络

查看本地ip 配置vm网络 配置固定ip vi /etc/sysconfig/network-script/ifcfg-ens33参考 vm使用nat模式&#xff0c;导致vm中docker部署的服务&#xff0c;无法通过局域网中其他机器连接 https://www.cnblogs.com/junwind/p/14345385.html 三张图看懂vm中&#xff0c;三种网…...

编程日记 2024/12/8 6:05:09

Windows/Mac/Linux三平台实测：X-AnyLabeling自动标注YOLO数据集避坑指南

Windows/Mac/Linux三平台实测&#xff1a;X-AnyLabeling自动标注YOLO数据集避坑指南 在计算机视觉项目的开发流程中&#xff0c;数据标注往往是耗时最长的环节之一。传统手动标注不仅效率低下&#xff0c;还容易因疲劳导致标注质量下降。X-AnyLabeling作为一款新兴的开源标注工…...

编程新知 2026/3/30 0:49:46

RT-Thread消息邮箱机制解析与应用实践

RT-Thread消息邮箱机制深度解析1. 消息邮箱概述1.1 线程通信基础机制在实时操作系统中&#xff0c;线程间通信(IPC)是系统设计的关键组成部分。RT-Thread提供了两种基础通信机制&#xff1a;消息邮箱和消息队列。消息邮箱以其轻量级和高效性著称&#xff0c;特别适合小数据量的…...

编程新知 2026/3/30 0:25:39

化妆镜前扮精致，脊柱 “被扯得变形错位”！

低头化妆、整理发型、涂抹护肤品、搭配饰品&#xff0c;颈腰椎损伤风险显著。低头时颈椎前伸角度过大&#xff0c;肌肉持续紧张痉挛&#xff1b;久坐化妆时腰部缺乏支撑&#xff0c;腰椎同步受累&#xff1b;反复低头抬头动作&#xff0c;导致颈肩腰背肌肉协同疲劳。长期如此&a…...

编程新知 2026/3/29 23:13:09

从libdatachannel到AioRTC：构建轻量级WebRTC原型实践指南

1. 为什么选择libdatachannel和AioRTC 最近在研究浏览器音视频流推送技术时&#xff0c;我发现WebRTC虽然强大但入门门槛较高。经过多轮技术选型对比&#xff0c;最终锁定了两个轻量级开源库&#xff1a;C的libdatachannel和Python的AioRTC。这两个项目特别适合快速原型开发&am…...

编程新知 2026/3/29 23:05:08

掌握AI落地三件套：微调、Agent、部署，让你薪资直冲20K+！

文章核心内容是介绍AI行业高薪技能&#xff0c;即掌握大模型落地的“三件套”&#xff1a;微调、Agent、部署。微调是将通用模型变为专属专家的关键&#xff0c;Agent开发让模型能自动解决问题&#xff0c;部署则是基础但重要的能力。文章还强调了传统AI基础的重要性&#xff0…...

编程新知 2026/3/29 23:01:06

Verilog条件语句实战：如何避免if-else嵌套中的常见陷阱？

Verilog条件语句实战&#xff1a;如何避免if-else嵌套中的常见陷阱&#xff1f; 在数字电路设计中&#xff0c;条件语句的正确使用直接关系到电路的功能实现和性能表现。Verilog作为硬件描述语言&#xff0c;其if-else和case语句的灵活运用是每位工程师必须掌握的技能。但看似简…...

编程新知 2026/3/29 22:28:48

Linux服务器安装Linux宝塔面板并部署wordpress网站以及雷池WAF，设置禁止使用IP地址访问网站，只能使用域名访问网站

一、Linux服务器安装Linux宝塔面板 这个步骤参考网上其他教程。 二、Linux宝塔面板部署wordpress网站 这个步骤参考网上其他教程&#xff0c;保证网站能够正常访问&#xff0c;并且使用Linux宝塔面板申请并部署了SSL证书&#xff0c;使用https协议默认443端口正常访问网站。 三…...

编程新知 2026/3/29 21:52:31

开源工具OptiScaler：突破显卡限制的跨平台上采样解决方案

开源工具OptiScaler&#xff1a;突破显卡限制的跨平台上采样解决方案 【免费下载链接】OptiScaler DLSS replacement for AMD/Intel/Nvidia cards with multiple upscalers (XeSS/FSR2/DLSS) 项目地址: https://gitcode.com/GitHub_Trending/op/OptiScaler OptiScaler是…...

编程新知 2026/3/29 21:24:21

从约束到报告：一份给Synopsys PT新手的保姆级命令行操作指南

从约束到报告&#xff1a;一份给Synopsys PT新手的保姆级命令行操作指南 第一次打开PrimeTime&#xff08;PT&#xff09;时&#xff0c;面对黑底白字的命令行界面和密密麻麻的时序报告&#xff0c;大多数数字IC工程师都会感到手足无措。作为Synopsys的旗舰级静态时序分析&…...

编程新知 2026/3/29 21:20:20

i.MX6ULL镜像制作避坑指南：为什么你的SD卡启动失败？从分区表到文件系统的深度解析

i.MX6ULL镜像制作避坑指南&#xff1a;为什么你的SD卡启动失败&#xff1f;从分区表到文件系统的深度解析 当你在深夜调试i.MX6ULL开发板&#xff0c;反复确认每个步骤都按教程操作&#xff0c;却依然遭遇SD卡启动失败时&#xff0c;那种挫败感每个嵌入式开发者都深有体会。本文…...

编程新知 2026/3/29 21:04:13