一、背景
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)}
 

Logo

快速构建 Web 应用程序

更多推荐