关于layui tpl模板中的{{# if({}else{} 用法跟freemarker ＜#if的区别

左眼看成爱

于 2020-12-14 23:49:10 发布

阅读量4.2k

点赞数 2

分类专栏： JavaScript 前端文章标签： tpl layui 模板

本文链接：https://blog.youkuaiyun.com/wh445306/article/details/111188502

版权

35 篇文章

订阅专栏

16 篇文章

订阅专栏

本文探讨了在前后端分离的背景下，为何仍会使用Freemarker等后端渲染模板，以及在layui前端UI框架中如何实现类似的条件判断功能。虽然layui的模板限制在特定的script标签内，但其提供的灵活性在某些场景下仍然非常实用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

用过freemarker后端渲染模板的都知道可以在Html页面中这样控制生成的视图

<#if user.userType == 'XXX'>
<#elseif user.userType == 'XXX'>
<#else>
</#if>

但是实际上这样的标签最终还是后端模板后台渲染的。如果系统都前后端分离了。为什么还要使用这些后端渲染模板呢？

庆幸的是在layui前端UI框架中，也有类似的骚操作

类似：

{{# if(d.type=="角色"){ }}

XXXXX

{{# } }}

<script type="text/html" template>
{{# if(xxxx){ }}
 
{{# } else if(xxxxx) { }}
 
{{# } else { }}
 
{{# } }}
</script>

区别是，这个必须要写在 <script type="text/html" id="XXX">标签内，局有一定的局限性。但是还是很好用的。