# 字典选择组件

# 概述

字典管理已经作为框架集成模块的一部分,一直以来大家一直比较着急,能够开发配套的字典组件来使用字典里面的数据,不然还得手动去字典里面去获取数据然后再自行渲染,非常的耗时耗力而且比较麻烦,鉴于目前已经开发的组件使用的良好反应,应着各位开发者的催促,我们正式决定开发一组配套的字典组件,使用时只需要调用组件并传入字典的内部标签(tag字段值)即可,组件会自动解析数据源;

# 字典组件

前面的章节我们着重介绍了下拉选择组件,其实字典组件跟他很相似,只不过字典组件的数据源仅仅是来源字典管理模块的数据源而已,下面我们详细说明:

  • 组件:<widget:dicSelect name="gender|1|性别|name|id" tag="SYSTEM_GENDER" th:value="${info['gender']}?:3"/>

  • 参数:name:gender|1|性别|name|id"

`gender`:组件名称,此字段对应数据表中的字段名称`gender`;
`1`:这里的参数有`0和1`的区分,0表示不必填,1表示必填;
`性别`:这个文字会在初始化组件是控件的默认提示语,会动态解析为`请选择性别`
`name`:这个参数表示当我们动态获取数据源时(数据源带有参数`name`),会默认读取动态数据源中参数为`name`的值;
`id`:这个参数表示当我们动态获取数据源时(数据源带有参数`id`),会默认读取动态数据源中参数为`id`的值;
1
2
3
4
5

说明:组件中tag参数的值即为字典管理模块数据库中内部标签对应输入的值,字典组件实则为根据内部标签获取字典响应的数据并完成解析;

  • 组件使用

那么我们如何在表单中使用下拉选择的组件呢,如下:

<form class="layui-form model-form" action="">
    <div class="layui-inline">
        <div class="layui-input-inline">
            <!-- 字典组件 -->
            <widget:dicSelect name="gender|1|性别|name|id" tag="SYSTEM_GENDER" th:value="${info['gender']}?:3"/>
        </div>
    </div>
</form>
1
2
3
4
5
6
7
8
  • 效果展示:

    mixureSecure