layui html中绑定变量,如何基于layui的laytpl实现数据绑定的示例代码

想了半天才想起自己园子的登录密码。可想而知，多长时间没登录了

正文

一开始用layui做了几个管理系统，所以用起来觉得确实很容易上手，管理后台最常用的就是form和table以及弹窗类。layui提供的form table layer已经是很简洁好用了，抛开底层的封装不说，给我们展现出来的使用方法我觉得是非常简化了。管理用到的除了form table layer之外，经常会有一些统计数据展示或者详情页这种内容展示。那么一些用到的统计数据(除图表)，如文字统计型数据展示。这个时候，用layui的基于laytpl展现这种功能其实是极好的。

先写一个简单的数据绑定

第一步：引入layui的css文件和js文件(自行引入)

第二步：建立视图，用于呈现渲染结果，代码如下：

第三步：编写模版，使用一个script标签存放模板，代码如下：

订单概况

• 营业额

  { {d.turnover}}

• 订单数

  { {d.orderNum}}

• 已发货

  { {d.delivered}}