Avue中使用字典

  1. 后台接口引入,直接通过dicUrl引入api接口,可以参考dict.js中对于字典类型的配置,直接调用pig后端字典的接口即可。
  1. column: [{
  2. label: '字典类型',
  3. prop: 'systemFlag',
  4. type: 'radio',
  5. dicUrl: '/admin/dict/type/dict_type',
  6. dataType: 'number/string' // 注意配置后台返回value 的类型,特别注意类型不对无法渲染
  7. rules: [{
  8. required: true,
  9. message: '请选择字典类型',
  10. trigger: 'blur'
  11. }],
  12. search: true
  13. }]
  1. 前端直接引入
    • 在当前的页面列中直接填写,适用数量较少的选项,例如user.js中账号的锁定
      1. column: [{
      2. label: '状态',
      3. prop: 'lockFlag',
      4. type: 'radio',
      5. dicData: [{
      6. label: '有效',
      7. value: '0'
      8. }, {
      9. label: '锁定',
      10. value: '9'
      11. }]
      12. }]

Elemenet中使用字典

  • 加载数据字典
    1. export default {
    2. dictTypes: ['字典类型']
    3. }
  • 读取数据字典
    1. <el-select v-model="form.dict">
    2. <el-option
    3. v-for="dict in dict.type.字典类型"
    4. :key="dict.value"
    5. :label="dict.label"
    6. :value="dict.value"
    7. ></el-option>
    8. </el-select>
  • 翻译数据字典 dictTag ```html // 字典标签组件翻译

// 自定义方法翻译 {{ xxxxFormat(form) }}

xxxxFormat(row, column) { return this.selectDictLabel(this.dict.type.字典类型, row.name); },

  1. <a name="86a0c3a4"></a>
  2. ## pig中使用公共参数、字典工具类
  3. ```xml
  4. <dependency>
  5. <groupId>com.pig4cloud</groupId>
  6. <artifactId>pig-upms-api</artifactId>
  7. </dependency>

pig中系统参数配置解析器ParamResolver的使用

  • getLong方法,形参为参数key值,以及默认值,会通过checkAndGet方法调用remoteParamService.getByKey方法,查询参数值,返回值不为空则将返回值转为Long类型返回,返回值为空则返回Long类型默认值。
  • getStr方法也是通过checkAndGet方法调用remoteParamService.getByKey方法最终返回String类型的参数值。

pig中字典解析器DictResolver的使用

  • getDictItemsByType方法会根据字典的类型调用RemoteDictService,查询出该类型下的所有字典项。
  • getDictItemLabel方法会根据字典类型以及字典项的值获取到该字典项的标签值。
  • getDictItemValue方法会根据字典类型以及字典项的标签值获取到该字典项的值。
  • getDictItemByItemValue会根据字典类型以及字典项的值,获取到该字典项。
  • getDictItemByItemLabel会根据字典类型以及字典项的标签值,获取到该字典项。

    ❤ 问题咨询

    手势点击蓝字求关注简约风动态引导关注__2022-09-07+23_18_38.gif