05.Beetl标签函数以及定界符、占位符介绍---《Beetl视频课程》
本期视频实现了博客的详情页面;
内容简介:使用了标签函数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
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
报表数据填报中的自动计算
都说数据是死的,其实它们也可以生龙活虎,到底咋回事呢?且听我慢慢道来。接触过 excel 的小伙伴们都知道,excel 中可以设置表达式,用以支持常见的加减乘除等运算,更复杂的还可以自己写 function,单元格中的数据会根据表达式自己计算出来结果,不要再用计算器了。这么方便的一个功能如果能在报表中实现,而且是在填报表中将自动计算后的数据填入数据库,那岂不是美事一桩?问题又来了,具体应该怎么操作呢?不用担心,不用着急,我们接下来要请出的润乾报表就提供了一整套的解决机制,来,看这里,我们从最简单的部分开始。 简单自动计算最简单的校验方式莫过于加减乘除了,润乾报表可以直接通过“列号 + 行号”的引用方式来获取对应单元格的数据。例如:下图是自动计算工资的自动计算表达式配置:=H3*1.2,表示应发工资是工资的 1.2 倍,用户只需要填写工资基数,就可以计算出来应发工资。 其中,表达式 =H3*1.2 中 H3 表示取第三行 H 列对应单元格的数据如果 H3 单元格是扩展数据,润乾报表可以自动识别扩展数据进行计算,无需另外做配置。 表达式自动运算如果我们在简单计算的基础上,加上一些判断处理,...
- 下一篇
【NLP学习笔记】(二)gensim使用之Topics and Transformations
本文主要翻译自:https://radimrehurek.com/gensim/tut2.html 这个教程会向大家展示如何将代表文档的向量转换成另一种向量,做这件事的目的主要有两个: 发现语料中的隐藏结构,比如词与词之间的联系,然后用一种全新的方式、一种更能表现语义的方式(semantic way)来描述文档。 使文档的表示更加紧凑,这样可以提高效率和功效,因为新的表达方式消耗更少的资源,并且去除了噪音。 一、回顾 在之前的gensim基础使用中,我们介绍了如何将语料提取特征后转换为向量(基于词袋模型),上一章中的结果: # 清洗后的语料库,只有九句话,代表九个文档 [['human', 'interface', 'computer'], ['survey', 'user', 'computer', 'system', 'response', 'time'], ['eps', 'user', 'interface', 'system'], ['system', 'human', 'system', 'eps'], ['user', 'response', 'time'], ['tre...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- CentOS关闭SELinux安全模块
- SpringBoot2初体验,简单认识spring boot2并且搭建基础工程
- SpringBoot2整合Redis,开启缓存,提高访问速度
- MySQL8.0.19开启GTID主从同步CentOS8
- Hadoop3单机部署,实现最简伪集群
- 设置Eclipse缩进为4个空格,增强代码规范
- CentOS7,CentOS8安装Elasticsearch6.8.6
- Linux系统CentOS6、CentOS7手动修改IP地址
- CentOS6,7,8上安装Nginx,支持https2.0的开启
- Windows10,CentOS7,CentOS8安装MongoDB4.0.16