PLAY2.6-SCALA(十) 模板引擎Twirl
一、语法
1.@
它是一个特殊的字符,表示动态声明的开始。对于简单的动态声明结尾可以从代码块中自动推断结尾,对于复杂的表达式通常加上()
Hello @(customer.firstName + customer.lastName)!
注意: 在关键字、动态声明和参数之间不能有空格,否则会编译错误
也可以使用大括号来编写多语句块:
Hello @{val name = customer.firstName + customer.lastName; name}!
因为@
是一个特殊的字符,需要规避它,需要的情况下使用@@来转义
My email is bob@@example.com
2.参数
必须在模板的顶部,可以有默认参数,也可以有多个参数
@(customer: Customer, orders: List[Order])
@(title: String = "Home")
@(title: String)(body: Html)
3.构造器
Twirl支持构造器,可以通过模板顶部什么@this()
字符(要在参数声明之前)来创建构造器。构造器的参数声明方式与模板参数一致。
@this(myComponent: MyComponent) @(customer: Customer, orders: List[Order])
4.for与if
for,if与{ 必须在同一行
<ul>
@for(p <- products) {
<li>@p.name ($@p.price)</li>
}
</ul>
@if(items.isEmpty) {
<h1>Nothing to display</h1>
} else {
<h1>@items.size items!</h1>
}
5.重复使用
@display(product: Product) = {
@product.name ($@product.price)
} <ul>
@for(product <- products) {
@display(product)
}
</ul>
也可以声明可重复使用的纯函数
@title(text: String) = @{
text.split(' ').map(_.capitalize).mkString(" ")
} <h1>@title("hello world")</h1>
通常的,以隐式开头的名称定义的可重用块将被标记为implicit
@implicitFieldConstructor = @{ MyFieldConstructor() }
声明可重用值时,可以通过defining定义域
@defining(user.firstName + " " + user.lastName) { fullName =>
<div>Hello @fullName</div>
}
6.import语句
可以在任何位置使用import语句
@import utils._
可以使用root前缀来使用绝对路径
@import _root_.company.product.core._
一些所有模板都会使用的通用引用,可以在buid.sbt文件中声明
TwirlKeys.templateImports += "org.abc.backend._"
7.注释
@* *@
在第一行注释时可以生成Scala API文档
@*************************************
* Home page. *
* *
* @param msg The message to display *
*************************************@
@(msg: String) <h1>@msg</h1>
8.转义
默认情况下,动态内容根据模板类型(例如HTML或XML)规则进行转义。如果要输出原始内容片段,请将其包装在模板内容类型中
<p>@Html(article.content)</p>
9.字符串插值
模板引擎可以用作字符串插值器。把“@”换成“$”即可
import play.twirl.api.StringInterpolation val name = "Martin"
val p = html"<p>Hello $name</p>"
10.可直接解析被包裹在Option
或集合(Seq
,Array
,TraversableOnce
)里的值
二、依赖注入
通过使用构造器,模板可以被生成为一个class而不是一个静态对象。这就意味着模板可以被直接注入到Controller中,并且可以自己管理依赖。而不是controller既管理自己的依赖又管理模板的依赖
假设模板依赖于组件Summarizer
,而这个组件不会被Controller使用
trait Summarizer {
/** Provide short form of string if over a certain length */
def summarize(item: String)
}
创建一个模板文件 app/views/IndexTemplate.scala.html
@this(summarizer: Summarizer)
@(item: String) @{summarizer.summarize(item)}
And finally define the controller in Play by injecting the template in the constructor: public MyController @Inject()(template: views.html.IndexTemplate,
cc: ControllerComponents)
extends AbstractController(cc) { def index = Action { implicit request =>
val item = "some extremely long text"
Ok(template(item))
}
}
通过这种方式,Controller不用得知Summarizer
的存在,模版可以自己管理依赖信息。
如果在Play以外的框架中使用Twirl,需要用以下方式添加注解
TwirlKeys.constructorAnnotations += "@javax.inject.Inject()"
PLAY2.6-SCALA(十) 模板引擎Twirl的更多相关文章
- Express全系列教程之(十):jade模板引擎
一.前言 随着前端业务的不断发展,页面交互逻辑的不断提高,让数据和界面实现分离渐渐被提了出来.JavaScript的MVC思想也流行了起来,在这种背景下,基于node.js的模板引擎也随之出现. 什么 ...
- vue系列---Mustache.js模板引擎介绍及源码解析(十)
mustache.js(3.0.0版本) 是一个javascript前端模板引擎.官方文档(https://github.com/janl/mustache.js) 根据官方介绍:Mustache可以 ...
- 最简单的JavaScript模板引擎
在小公司待久了感觉自己的知识面很小,最近逛博客园和一些技术网站看大家在说JavaScript模版引擎的事儿,完全没有概念,网上一搜这是08年开始流行起来的...本来以为这是很高深的知识,后来在网上看到 ...
- Velocity模板引擎语法
Velocity 模板引擎介绍 Velocity是一个基于java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由java ...
- js 模板引擎 jade使用语法
Jade是一款高性能简洁易懂的模板引擎,Jade是Haml的Javascript实现,在服务端(NodeJS)及客户端均有支持. 功能 · 客户端支持 · 超强的可读性 · 灵活易用的缩进 · 块扩展 ...
- Java 前端模板引擎学习:thymeleaf 模板引擎
模板引擎接口 ITemplateEngine 一.后台数据与外部数据 1.处理后台数据 $表达式是个变量表达式,用于处理在 request parameters and the request, s ...
- Jade —— 源于 Node.js 的 HTML 模板引擎
2013-12-11 发布 Jade —— 源于 Node.js 的 HTML 模板引擎 开源项目介绍 web 模板引擎 node.js jade 207.8k 次阅读 · 读完需要 69 分钟 ...
- SpringBoot日记——Thymeleaf模板引擎篇
开发通常我们都会使用模板引擎,比如:JSP.Velocity.Freemarker.Thymeleaf等等很多,那么模板引擎是干嘛用的? 模板引擎,顾名思义,是一款模板,模板中可以动态的写入一些参数, ...
- SpringBoot静态资源访问+拦截器+Thymeleaf模板引擎实现简单登陆
在此记录一下这十几天的学习情况,卡在模板引擎这里已经是四天了. 对Springboot的配置有一个比较深刻的认识,在此和大家分享一下初学者入门Spring Boot的注意事项,如果是初学SpringB ...
随机推荐
- MyBatis映射器(一)--多参数传递方式
在mybatis映射器的接口中,一般在查询时需要传递一些参数作为查询条件,有时候是一个,有时候是多个.当只有一个参数时,我们只要在sql中使用接口中的参数名称即可,但是如果是多个呢,就不能直接用参数名 ...
- 彻底理解setTimeout()
之前在网上看了很多关于setTimeout的文章,但我感觉都只是点到为止,并没有较深入的去剖析,也可能是我脑袋瓜笨,不容易被点解.后面看了<你不知道的javascript-上卷>一书,决定 ...
- PYTHON__ ITERTOOLS模块
组成 总体,整体了解 无限迭代器 迭代器 参数 结果 例子 count() start, [step] start, start+step, start+2*step, ... count(10) - ...
- uni-app开发的应用(小程序,app,web等),使用Node+Koa2开发的后端程序接收上传文件的方法
uni-app使用使用Node+Koa2开发的后端程序接收上传的文件 通过gitbook浏览此随笔 通过其它客户端上传(h5,小程序等),接收方法一致 使用koa接收时,我们需安装一个中间件koa-b ...
- 玩转webpack之webpack的entry output
webpack的入口配置项表示要配置的文件就是开发环境或者生产环境 浏览器本身不能认识的一些东西必须经过webpack的编译才能认识,但是要去写的时候我们经常用到预编译什么的比如scss比如jsx甚至 ...
- WPF 实现简单的跑马灯
本文用WPF的动画实现一个简单的跑马灯 xmal: <Window x:Class="wpfstatusBar.MainWindow" xmlns="http:// ...
- GIT → 01:学习版本控制的原因
1.1 没有版本控制出现的问题 备份多个版本,浪费存储空间,花费时间长. 难以恢复至以前的历史版本,容易引发BUG,解决代码冲突困难. 难于追溯问题代码的修改人和修改时间.修改内容.日志信息. 项目升 ...
- js顺序加载与并行加载
前端优化过程中常提到js的加载方式,下面说下几种常用的加载方式: 1:head标签内插入<script>标签 <script type="text/javaScript&q ...
- 基于 DataLakeAnalytics 的数据湖实践
随着软硬件各方面条件的成熟,数据湖(Data Lake)已经越来越受到各大企业的青睐, 与传统的数仓实践不一样的是,数据湖不需要专门的“入仓”的过程,数据在哪里,我们就从哪里读取数据进行分析.这样的好 ...
- git 报错:没有权限 remote: error: unable to unlink old 'README.md' (Permission denied)
解决: