【thymeleaf+spring进阶应用】(1)利用SpringEL表达式获取后台bean对应数据库数据${@myBean.doSomething()}

冷不防 2022-10-02 10:59 7阅读 0赞

## 一、背景 ##

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 页面效果 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70]

## 三、解释 ##

很容易看出前端仅仅通过一行代码就调用了后台dict的service，并且调用它的的getType方法。  
本示例中的方法是获取mysql数据库表格dict中的字典数据，并返回查询结果赋值给datas。

var datas = \[\[$\{@dict.getType(‘sys\_common\_status’)\}\]\];

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70 1]

> 在前端一行代码实现后台调用，必通过ajax等手段效率 高很多啊

## 使用场景 ##

1.  本示例中定义了一个公共的字典表，里面存放了常用的字典数据。通过$\{@myBean.doSomething()\}快速获取在前端显示。
2.  实际生产中，我用该语法获取客户账号列表，快速实现下拉菜单选取客户的功能，涉及客户信息不方便展示。
3.  其他功能，大家自己发掘。

## 附言 ##

thymeleaf中可以使用OGNL的表达式，实现调用后台静态方法。

*  语法： @\[类名\]@\[静态方法名\]
 *  示例：$\{@myapp.translator.Translator@translateToFrench(textVar)\}

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70]: /images/20220112/278b4793b02442cc8a5ddc4eb952957a.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tvdXJ5b3VzaGluZQ_size_16_color_FFFFFF_t_70 1]: /images/20220112/0248d5407c054867a0b3a048a9fbf946.png