【thymeleaf+spring进阶应用】(1)利用SpringEL表达式获取后台bean对应数据库数据${@myBean.doSomething()}
一、背景thymeleaf的官方文档中提到了${@myBean.doSomething()}可以访问容器中bean的数据。但从字面难以理解具体意思,若依框架里面有很好的demo。接下来将通过分析demo使用来理解这个表达式的强大功能。Access any beans in your application context using SpringEL’s syntax:${@myBean....
一、背景
thymeleaf的官方文档中提到了${@myBean.doSomething()}可以访问容器中bean的数据。但从字面难以理解具体意思,若依框架里面有很好的demo。接下来将通过分析demo使用来理解这个表达式的强大功能。
Access any beans in your application context using SpringEL’s syntax:
${@myBean.doSomething()}
二、示例代码和效果
2.1 html页面
<li>
<label>操作状态: </label>
<select name="status" th:with="type=${@dict.getType('sys_common_status')}">
<option value="">所有</option>
<option th:each="dict : ${type}" th:text="${dict.dictLabel}" th:value="${dict.dictValue}"></option>
</select>
</li>
# js定义变量
var datas = [[${@dict.getType('sys_common_status')}]];
2.2 springboot代码
@Service("dict")
public class DictService
{
@Autowired
private ISysDictDataService dictDataService;
/**
* 根据字典类型查询字典数据信息
*
* @param dictType 字典类型
* @return 参数键值
*/
public List<SysDictData> getType(String dictType)
{
return dictDataService.selectDictDataByType(dictType);
}
------------------------
@Service
public class SysDictDataServiceImpl implements ISysDictDataService
{
@Override
public List<SysDictData> selectDictDataList(SysDictData dictData)
{
return dictDataMapper.selectDictDataList(dictData);
}
/**
* 根据字典类型查询字典数据
*
* @param dictType 字典类型
* @return 字典数据集合信息
*/
@Override
public List<SysDictData> selectDictDataByType(String dictType)
{
return dictDataMapper.selectDictDataByType(dictType);
}
2.3 页面效果
三、解释
很容易看出前端仅仅通过一行代码就调用了后台dict的service,并且调用它的的getType方法。
本示例中的方法是获取mysql数据库表格dict中的字典数据,并返回查询结果赋值给datas。
var datas = [[${@dict.getType(‘sys_common_status’)}]];
在前端一行代码实现后台调用,必通过ajax等手段效率 高很多啊
使用场景
本示例中定义了一个公共的字典表,里面存放了常用的字典数据。通过${@myBean.doSomething()}快速获取在前端显示。
实际生产中,我用该语法获取客户账号列表,快速实现下拉菜单选取客户的功能,涉及客户信息不方便展示。
其他功能,大家自己发掘。
附言
thymeleaf中可以使用OGNL的表达式,实现调用后台静态方法。
语法: @[类名]@[静态方法名]
示例:${@myapp.translator.Translator@translateToFrench(textVar)}
更多推荐
所有评论(0)