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

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

        在前面的文章里介绍过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倍…...

Kafka-Connect源码分析

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

项目五 李白个人生平(资源)

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

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

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

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

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

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

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

M-LAG【根桥方式】

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

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

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

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

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

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

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

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

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

网络原理之 IP 协议

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

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

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

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 设…...

Go 语言基础知识语法

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

贪心算法part05

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

02、SpringMVC核心(上)

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

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

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

哈希表介绍、实现与封装

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

使用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;三种网…...

YOLOv7训练VisDrone数据集避坑指南:标签转换、类别映射与路径配置详解

YOLOv7实战&#xff1a;VisDrone数据集训练全流程精解与疑难排查 1. 理解VisDrone数据集特性与YOLO格式差异 VisDrone作为无人机视角下的目标检测基准数据集&#xff0c;其标注格式与YOLOv7的预期输入存在本质区别。原始标注文件&#xff08;annotations/*.txt&#xff09;采用…...

量子错误校正与机器学习中的辅助比特影响研究

1. 量子错误校正与量子机器学习的基础概念量子计算的核心挑战之一是量子态的脆弱性。与环境相互作用导致的退相干效应会迅速破坏量子信息&#xff0c;这使得量子错误校正&#xff08;QEC&#xff09;成为实现实用量子计算的关键技术。在传统量子计算中&#xff0c;QEC通过冗余编…...

RV1126 NPU部署ResNet50全流程:从PyTorch训练到嵌入式板端推理

1. 项目概述&#xff1a;从零到一&#xff0c;在RV1126上跑通ResNet50最近在折腾一块EASY-EAI-Nano开发板&#xff0c;核心是瑞芯微的RV1126芯片&#xff0c;这玩意儿带了个NPU&#xff0c;不拿来跑跑AI模型实在说不过去。手头正好有个车辆分类的需求&#xff0c;就想试试经典的…...

别再为MATLAB+Amesim联合仿真装环境发愁了!保姆级VS2019+2022a+2021.1安装避坑指南

MATLABAmesim联合仿真环境搭建全攻略&#xff1a;从零避坑到一次成功 当第一次接触MATLAB与Amesim联合仿真时&#xff0c;许多工程师和研究生都会在环境搭建阶段遭遇各种"玄学问题"——明明按照教程操作&#xff0c;却总是卡在某个环节无法继续。本文将分享一套经过…...

通过curl命令快速测试Taotoken的API兼容性与连通性

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 通过curl命令快速测试Taotoken的API兼容性与连通性 在接入大模型服务时&#xff0c;开发者常常需要一个快速、轻量的方法来验证API…...

Bash脚本自动化部署ROS机械臂环境:OpenClaw一键安装实践

1. 项目概述&#xff1a;一个为中文用户定制的自动化安装脚本如果你在GitHub上搜索过与机械臂、机器人操作系统&#xff08;ROS&#xff09;或类似开源硬件项目相关的资源&#xff0c;大概率会看到过“OpenClaw”这个名字。它是一个开源的、模块化的机械爪项目&#xff0c;设计…...

Agent 工程化系列 · 第 13 篇_Agent安全与可靠性如何保障

Agent 工程化系列 第 13 篇 Agent 的安全与可靠性如何保障&#xff1f; Agent 最危险的不是回答错&#xff0c;而是执行错开篇定位 前面我们已经讲过&#xff1a;LLM 是能力核心&#xff0c;Agent 是执行系统&#xff1b;Function Call 让模型能够调用工具&#xff1b;MCP 负责…...

长期使用 Taotoken Token Plan 套餐的成本控制感受

&#x1f680; 告别海外账号与网络限制&#xff01;稳定直连全球优质大模型&#xff0c;限时半价接入中。 &#x1f449; 点击领取海量免费额度 长期使用 Taotoken Token Plan 套餐的成本控制感受 在团队或个人项目中持续调用大模型 API&#xff0c;成本管理往往是一个容易被忽…...

小白程序员必看!收藏这份AI学习指南,从0到1逆袭高薪职业(内含经验分享)

作者原UI设计师&#xff0c;因职业瓶颈被辞退后转行AI领域。文章分享了学习AI的动机、遇到的困难、心得体会以及成功转行后的薪资提升经历。强调主动拥抱变化的重要性&#xff0c;建议多练习、多总结&#xff0c;并感谢老师们的耐心指导。最后&#xff0c;作者表示将继续深耕AI…...

【GitHub宝藏框架】跨平台桌面开发利器:PinnacleQt与PySide6/PyQt6实战解析

1. 为什么PinnacleQt是Python开发者的跨平台利器 第一次接触PinnacleQt是在去年开发一个医疗数据可视化工具时。当时需要在Windows和macOS上部署相同的界面&#xff0c;试过Electron、Flutter等方案后&#xff0c;最终被这个基于Qt的框架惊艳到了。它完美解决了我在Python生态中…...