Beetl介绍

Beetl是一款国产的模板引擎,功能强大,性能强大,使用简单。

Beetl引入资源方法

header.html 不会把所有的js css 引入进来,用到啥自己主动引什么,比如我引入baidutemplate和日期插件就按照下面这么写

  1. <%
  2. layout("/page/tags/header.html",{date:true,day:true,bt:true}){}
  3. %>

还有哪些插件参考下面的实现

https://gitee.com/fhs-opensource/fhs-framework/blob/master/fhs_framework_parent/src/main/resources/META-INF/resources/page/tags/header.html

Beetl可使用path.properties中的变量

比如获取当前项目url ${basePath},获取静态文件服务器 ${staticPath}

Beetl使用自定义标签

  1. <%
  2. include("/page/tags/form_include.html"){}
  3. %>
  4. <form id="addUpdateForm" method="post">
  5. <div class="fitem">
  6. <#InputFormTag name='plateNumber' title='车牌号' required='true'/>
  7. </div>
  8. <div class="fitem">
  9. <#SelectFormTag name="outPortId" title="出口选择" required="true" url="${basePath}/collector/index/portList?type=2" onSelect="portChange" valuefield="id" textfield="portName"/>
  10. <#HideFormTag name="portIp"/>
  11. </div>
  12. <div class="fitem">
  13. <#SelectFormTag name="type" title="放行原因" required="true" url="${basePath}/collector/index/getSpecialPassType" valuefield="id" textfield="describ"/>
  14. </div>
  15. <div class="fitem">
  16. <#TextFormTag name="remark" title="备注"/>
  17. </div>
  18. </form>

所有的tag目录 https://gitee.com/fhs-opensource/fhs-framework/tree/master/fhs_framework_parent/src/main/java/com/fhs/pagex/tag/form

Beetl访问和放置目录

页面文件需要放到webapp下面的page下面。

page/h5/xx 代表C端手机端

page/ms/xx 代表后台管理系统

访问url: /b/page-ms-xx/test 这个url访问的是 webapp/page/ms/xx/test.html

如果出现404先检查拼写,如果依旧不行的话,尝试修改下xx的名字,有的时候碰到关键字beetl会解析的有问题。