文档章节

05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》

Gavin-King
 Gavin-King
发布于 2018/12/11 11:51
字数 596
阅读 203
收藏 2

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>

本期视频实现了博客的详情页面;

内容简介:使用了标签函数layout完成详情功能

一起学beetl目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598

作者:GK


标签函数 layout

所谓标签函数,即允许处理模板文件里的一块内容,功能等于同jsp tag。

如Beetl内置的layout标签

index.html

<%
layout("/inc/layout.html",{title:'主题'}){
%>
Hello,this is main part
<% } %>

layout.html

title is ${title}
body content ${layoutContent}
footer

第1行变量title来自于layout标签函数的参数

第2行layoutContent 是layout标签体{}渲染后的结果

关于layout标签,参考高级主题布局

layout标签函数,相当于把公共部分抽取出来,包裹主单个页面的个性化内容。


定界符、占位符

通俗易懂的说:

定界符就是 界定动态beetl语言 与 html静态代码之间的符号。 比如,在<%%>中间的代码,是beetl代码(被包裹的代码会被Beetl模板引擎编译), 而定界符之外的代码就是html静态代码(beetl语法不会生效)。

<%if(a==1){%>
<a href="xxxx">跳转</a>
<%}%>

占位符,就是在静态代码中占一个位置。占位符中可以使用表达式,以及函数,占位符包裹住的代码会被Beetl引擎编译。

比如下面的url:

<a href="${url}">跳转</a>

因为都是beetl代码,所以在定界符中,不需要在使用占位符包裹变量,可以直接使用变量名!


Beetl作用阶段

Beetl的主要作用是把 数据(变量)+ 模板 => 编译成 静态代码。

静态代码产生之后就没有 Beetl 什么事情了,浏览器打开静态代码才开始执行JS脚本。


项目git地址:https://gitee.com/gavink/beetl-blog

视频地址:下载下来会更清晰,视频比较长,可使用倍速看

百度网盘下载: https://pan.baidu.com/s/1LyxAxlKpVXgVjwSXIbzBuA 提取码: 68im

在线播放地址:bilibili (可以调节清晰度): https://www.bilibili.com/video/av36278644/?p=5

博客目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598

© 著作权归作者所有

Gavin-King
粉丝 27
博文 17
码字总数 14592
作品 0
杭州
私信 提问
07.HTML标签以及自定义定界符配置---《Beetl视频课程》

本期视频实现了评论列表分页; 内容简介:使用了HTML完成分页抽取,并且介绍了自定义定界符 一起学beetl目录:https://my.oschina.net/u/1590490?tab=newest&catalogId=6214598 作者:GK --...

Gavin-King
2018/12/12
227
0
Beetl 2.4.0 发布,Java 模板引擎

Beetl 2.4.0 发布,本次 包含了一个特性升级,允许html 标签和 html 实现的Function 采用不同的定界符,如模板中使用简洁的 @和回车,html标签使用 对渲染逻辑较为友好的<% %> 定界符 #238 允...

闲大赋
2016/05/09
1K
14
第五章:视图技术之-Beetl模板引擎

1、特性介绍 功能完备:作为主流模板引擎,Beetl具有相当多的功能和其他模板引擎不具备的功能。适用于各种应用场景,从对响应速度有很高要求的大网站到功能繁多的CMS管理系统都适合。Beetl本...

刘祖鹏
2018/05/19
389
0
Beetl 3.0.0.M1 版本发布,Java 模板引擎

Beetl是一款全功能,性能优秀的国产模板引擎,可以广泛用于动态页面生成,静态页面生成,代码生成,文本转换,脚本和规则引擎等,从2011年来,一直维护,并得到国内用户的肯定。 本次发布是3...

闲大赋
04/23
2.1K
30
04.Beetl常用内置函数以及安全输出---《Beetl视频课程》

本期视频实现了三个功能,模糊搜索、标签分类、登录/注销功能; 内容简介:使用了常用内置函数,以及安全输出,实现了上面提到的三个业务 一起学beetl目录:https://my.oschina.net/u/159049...

Gavin-King
2018/11/24
680
6

没有更多内容

加载失败,请刷新页面

加载更多

x005-构造程序逻辑

构造程序逻辑 结合生活例子运用程序语言 百钱百鸡是我国古代数学家张丘建在《算经》一书中提出的数学问题:鸡翁一值钱五,鸡母一值钱三,鸡雏三值钱一。百钱买百鸡,问鸡翁、鸡母、鸡雏各几何...

伟大源于勇敢的开始
38分钟前
3
0
问题汇总

最近在补知识面的时候发现有几个问题, 第一个呢是 教程 没有提前准备好。(视频方面的吧 书上面的 都要有) 第二个呢是 ,开发工具太多了,搞不清楚到底用哪个了 和哪个教程相匹配。 第三个...

T型人才追梦者
今天
7
0
OSChina 周三乱弹 —— 我以前超喜欢晒太阳的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @watergood :分享海先生的单曲《东篱》: 《东篱》- 海先生 手机党少年们想听歌,请使劲儿戳(这里) @xiaoshiyue :早.先喝几大碗鸡汤 @小小...

小小编辑
今天
19
1
法国电力项目二期正式验收

2019年12月10日, 法国电力项目二期正式验收. 二期实现了一个个人能源的自交易/自管理APP + 管理后台。 并就未来的合作技术方向进行了探讨: 去中心化数据存储/搜索引擎 可信计算/零知识证明...

怎当她临去时秋波那一转
今天
13
0
索引延迟关联

前言 今天在看代码的时候学习到了一种索引的优化,就先在此记录下来。 具体 举个例子,原sql如下: SELECT * FROM TABLE WHERE INDEX = '' LIMIT 10000, 10; 现象 就算INDEX用了查询索引,...

无敌小杰杰
今天
8
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部