Beetl模板 [记录]
引入头部<% include("/global/header.html",{title:"会员设置"}){} %>
页面中引入文件<link rel="stylesheet" href="${ctxPath}/member/member.css"><td>${user.storeCount==''?'暂无数据':user.storeCount}</td>
<td>${user.createTime,'yyyy-MM-dd hh:mm:ss'}</td>
<button class="layui-btn layui-btn-primary clBtnGray" data-id=${user.id} οnclick="delUser(this)">删除</button>
安全输出${user.wife.name!”单身”},如果user为null,或者user.wife为null,或者user.wife.name为null,输出”单身”
for elsefor
<div class="layui-form-item mb0"> <label class="layui-form-label">年销售量:</label> <div class="layui-input-block"> <% var s = customer.saleNumber; var arrS = ["1万件以下","1~2万件","2~3万件","3万件以上"]; for (el in arrS){%> <input type="radio" name="sales" value="${el}" ${el==s?'checked':''} title="${el}" > <%} %> </div></div>
<div class="layui-form-item mb0 pt"> <label class="layui-form-label">采购品类:</label> <div class="layui-input-block"> <% var c = customer.category; var arrC=["连衣裙","丝巾","旗袍","睡衣","短衫","其他"]; for(el in arrC){ if(strutil.contain(c,el)){%> <input type="checkbox" name="kind[${el}]" title="${el}" checked lay-skin="primary"> <%}else{%> <input type="checkbox" name="kind[${el}]" title="${el}" lay-skin="primary"> <%} } %> </div></div>
<div class="layui-input-block w150"> <select name="companyType" required lay-verify="required"> <option value="">请选择</option> <% var t=customer.companyType; var arrT=['连锁商超','市场代理批发','单店','网店','其他']; for (el in arrT){%> <option value="${el}" ${el==t?'selected':''}>${el}</option> <%} %> </select></div>
异步刷新
<div class="tbWrap" id="layui-container"> <% #ajax userTableList : { %><table class="layui-table" lay-skin="line"> <colgroup> <col width="8%"> </colgroup> <tbody> <%for(user in customers.list){ %><tr> <td>${user.contactProvince==user.contactCity?user.contactProvince:(user.contactProvince+' '+user.contactCity)}</td> <td>${user.storeCount==''?'暂无数据':user.storeCount}</td> <td>${user.createTime,'yyyy-MM-dd hh:mm:ss'}</td> <td><button class="layui-btn layui-btn-primary clBtnwarm" data-id=${user.id} οnclick="followUser(this)">跟踪${user.traceCount==null?'':'('+user.traceCount+')'}</button></td> </tr> <% }elsefor{%><tr><td colspan="9" class="tbNodata">未查询到数据,换个查询条件试试吧。</td></tr> <%}%></tbody> </table> <div id="page" class="page" data-total="${customers.totalRow}"></div> <%}%></div>
$("#layui-container").load("/winIndex.html?ajaxCmd=userTableList", { "jsonObj": JSON.stringify(_ajxOpt), "timeRange":_opt.timeRange, "pageNum": _opt.pageNum, "pageSize": _opt.pageSize});layPage();
function layPage() { laypage.render({ elem: 'page' , count: $("#page").attr('data-total') || 10 , curr:_opt.pageNum , limit: _opt.pageSize , layout: ['prev', 'page', 'next', 'skip','count'] ,theme:'cLayPage' , jump: function (obj,first) {if(!first){ jumpPage(obj); } } });}
function jumpPage(obj) { _opt.pageNum = obj.curr; _opt.refresh();}
elLP 提供了当前循环的信息
elLP.index :当前的索引,从1开始 elLP.size:集合的长度 elLP.first 是否是第一个 elLP.last 是否是最后一个 elLP.even 索引是否是偶数 elLP.odd 索引是否是奇数
refresh: function () {$("#asyncTb").load("/lecturer/lecturerIndex.html?ajaxCmd=asyncTb", {"pageNum": _opt.pageNum,"pageSize": _opt.pageSize},layPage);}
转载于:https://www.cnblogs.com/caiCheryl/p/8267652.html
Beetl模板 [记录]相关推荐
- Beetl模板 以@为定位符常用的标签和方法
Beetl模板 以@为定位符常用的标签和方法 1.如何使用layout @layout("/common/_container.html",{pluginis:["ztr ...
- Restful 风格开发 Spring MVC 的视图解析器---使用 beetl 模板引擎
一.restful 风格 restful 的目的 将用户的行为当成是对数据库中记录的操作: 增加用户:/user post(post方式) 删除用户:/user/2 delete(删除第2条记录) 修 ...
- 热加载beetl模板
beetl:# RESOURCE.autoCheck= true resource-auto-check: true #热加载beetl模板,开发时候用 转载于:https://www.cnblogs ...
- Spring Boot 2 精髓学习笔记(五)---Beetl 模板引擎(1)
本节介绍MVC 中的视图技术之模板引擎Beetl ,用于渲染模板. 一.Beetl模板引擎 Beetl是2010 年开发井维护至今的一个模板引擎,具有如下特点: 功能完备.作为主流模板引擎,适用于各种 ...
- beetl模板使用场景_Java 模板引擎 Beetl 2.0 发布
Java开源模板引擎 Velocity Velocity是一个基于java的模板引擎(template engine).它允许任何人仅仅简单的使用模板语言(template language)来引用由 ...
- java beetl模板引擎_Spring Boot集成beetl模板引擎 个人总结
1. Spring boot快速集成beetl模板引擎 查看官方文档:http://ibeetl.com/guide/#beetl 可参看官方文档 4.6. Spring Boot集成 增加beetl ...
- SpringBoot集成beetl模板快速入门
SpringBoot集成beetl模板快速入门 本文引导 SpringBoot集成beetl模板快速入门 创建SpringBoot工程(idea) 新建工程 修改maven本地仓库位置 配置Sprin ...
- 使用beetl模板,但是去除/关闭/禁用beetlsql
0.先说结论 0.1.首先把这个beetlsql依赖去掉,参考下面[2] 0.2.其次把这个配置文件中添加: beetlsql.enabled = false 或者 beetlsql:enabled: ...
- SpringBoot集成Beetl模板引擎之入门案例
准备: 1.创建SpringBoot项目 2.下载一个模板这里是下载的博客模板 3.将博客模板引入到SpingNBoot项目中 因为Beetl的规定所以改为btl结尾而不是html index文件中引 ...
最新文章
- 【青少年编程】【四级】奇偶之和
- 使用编译器——Solidity中文文档(8)
- VS2008如何自动添加消息映射
- flutter - URL出现在网站名称的位置
- 第五章 条件、循环及其他语句
- 计算机专业学术论文精选,计算机科学与技术专业本科生毕业论文精选.doc
- python自制有声小说
- 前端开发工程化探讨--基础篇
- cognos安装教程linux,Cognos安装步骤Linux
- 锐捷服务器虚拟化技术_锐捷核心交换机VSU虚拟化配置
- oracle 内存翻译,dumping_oracle_blocks翻译(二)
- itchat——使用python登录网页版微信
- 如何用仅用C语言判断编译器的大小端
- 统计学(网易云可汗学院公开课笔记)
- Windows上WinRAR.exe命令行参数说明
- 关于 Photoshop 图层
- 北京首都国际机场1号航站楼、2号航站楼、3号航站楼航空公司名单
- 水滴IP告诉你:代理ip的功能是什么?能否隐藏自身的真实ip?
- 【商业挖掘】关联规则——Apriori算法(最全~)
- IIS 部署php程序