laytpl JavaScript模板引擎使用

最新推荐文章于 2023-12-15 11:50:20 发布

ligengdipan

最新推荐文章于 2023-12-15 11:50:20 发布

阅读量7.8k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/ligengdipan/article/details/51043107

版权

本文介绍了laytpl，一个仅2kb的JavaScript模板引擎，执行效率高，易于上手。通过官网学习，展示了如何使用laytpl进行数据绑定和HTML转义。在页面结构中，laytpl通过<script id="demo" type="text/javascript">进行模板定义，并在id为view的div中渲染结果。

摘要由CSDN通过智能技术生成

1.页面发送异步请求获取数据后构造页面结构之前都是采用拼接的方式，后来发现laytpl这个模板引擎尝试使用了一下，上手非常快。官网地址http://laytpl.layui.com/ 模板只有2kb，执行效率也不错，详见官网。

2.页面结构

<script id="demo" type="text/javascript">
	 <div id class="message">
                <span>总体概况：</span> <span id="all">总数：<label>{
  {d.length}}</label></span> <span id="online">在线：
                <label>{
  {getFMonline(d)}}</label></span&g