若依框架ruoyi-vue(前后端版)字典的使用

这篇具有很好参考价值的文章主要介绍了若依框架ruoyi-vue(前后端版)字典的使用。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

显示效果:

若依框架ruoyi-vue(前后端版)字典的使用

 状态实际 值为 1,讲师审核中为我们在字典管理中定义的。

步骤:先在ruoyi的字典管理中定义字典

字典管理中 

然后根据字典设置自己需要的值

若依框架ruoyi-vue(前后端版)字典的使用

设置完值后,然后是前端表格的数据回显

这里先打开我们的前端vue工程,我们需要回显页面对应的vue文件中

在export default中加入我们刚刚定义的字典 dicts:['我们定义的字典类型']

若依框架ruoyi-vue(前后端版)字典的使用

然后在表格中需要将对应的值设置为需要显示的字典处,用如下操作,完成数据显示

若依框架ruoyi-vue(前后端版)字典的使用

 <el-table-column label="状态" align="center" prop="state" >
                  <template slot-scope="scope">
                    <dict-tag
                      :options="dict.type.leave_state"
                      :value="scope.row.state"
                    >
                    </dict-tag>
                  </template>
  </el-table-column>

 完成以后,刷新页面后就可以显示了

 文章来源地址https://www.toymoban.com/news/detail-511747.html

到了这里,关于若依框架ruoyi-vue(前后端版)字典的使用的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • 若依管理系统RuoYi-Vue(前后端分离版)项目启动教程

    若依管理系统RuoYi-Vue(前后端分离版)项目启动教程

    RuoYi-Vue  是一个 Java EE 企业级快速开发平台,基于经典技术组合(Spring Boot、Spring Security、MyBatis、Jwt、Vue),内置模块如:部门管理、角色用户、菜单及按钮授权、数据权限、系统参数、日志管理、代码生成等。在线定时任务配置;支持集群,支持多数据源,支持分布式事务

    2024年02月06日
    浏览(29)
  • 若依Ruoyi-Vue生成代码使用

    若依Ruoyi-Vue生成代码使用

    目录 一、效果一览: 二、详细步骤: ①登录若依----点击系统工具--点击代码生成模块 ②使用Navicat在若依数据库里面新建一张表单,我这示例创建了my_students表单 并为表设计字段添加数据  ③在代码生成栏导入刚才创建的my_students表 并编辑这张表  ④完成这些操作之后,点

    2024年02月05日
    浏览(7)
  • ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置

    ruoyi-vue(若依前后端分离版本)环境搭建 用idea 安装redis 后端配置 配置node环境 前端配置

    1.在https://gitee.com/y_project/RuoYi-Vue下载源码并解压至本地文件 2.将sql文件下的两个sql文件导入数据库生成表  3.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication-druid.yml修改数据库名和密码 4.在E:eclipsespaceoneRuoYi-Vue-masterruoyi-adminsrcmainresourcesapplication.yml配置red

    2024年04月14日
    浏览(11)
  • 若依ruoyi-vue前端组件的使用指南

    若依ruoyi-vue提供了丰富的前端组件,可以帮助开发人员快速搭建现代化的Web应用。本文将介绍如何使用Ruoyi Vue的前端组件,包括自定义组件、组件注册和组件通信。 1. 自定义组件 自定义组件允许开发人员根据项目需求创建新的组件,以实现特定的功能或样式。在Ruoyi Vue中,

    2024年04月25日
    浏览(8)
  • ruoyi-vue前后端分离框架上传图片不显示问题,nginx解决方案

    使用若依前后端分离框架,前端项目打包在Nginx,上传图片时,图片上传成功,但是在列表页和添加/修改页面没有正常显示。 插入成功后数据库保存数据样式: 回显数据时样式: 此时样式是打不开的,无法找到路径 解决办法:nginx.conf在location中添加alias location /prod-api/profil

    2024年02月02日
    浏览(7)
  • 【若依框架 RuoYi-Vue Ruo-Yi-Plus 图片回显不显示问题,OSS文件上传】

    【若依框架 RuoYi-Vue Ruo-Yi-Plus 图片回显不显示问题,OSS文件上传】

    使用若依框架进行项目开发的时会用到框架自带的代码生成功能,极大方便我们进行项目开发。基于框架开发肯定会有一些功能需要自行优化定制,在设计数据库表代码生成的同时有图片的展示需求,因此在若依框架中发现了图片在列表中回显不显示的问题,接下来我们看看

    2024年02月07日
    浏览(11)
  • 若依/RuoYi-Vue,若依管理系统-启动步骤

    若依/RuoYi-Vue,若依管理系统-启动步骤

    若依RuoYi-Vue前后端项目启动流程_若依前端怎么启动_primary taste_mm的博客-CSDN博客 若依官网:RuoYi 若依官方网站 |后台管理系统|权限管理系统|快速开发框架|企业管理系统|开源框架|微服务框架|前后端分离框架|开源后台系统|RuoYi|RuoYi-Vue|RuoYi-Cloud|RuoYi框架|RuoYi开源|RuoYi视频|若依

    2023年04月25日
    浏览(49)
  • 若依管理系统搭建教程,ruoyi-vue环境搭建

    若依管理系统搭建教程,ruoyi-vue环境搭建

    启动后端 修改数据库连接,编辑 resources 目录下的 application-druid.yml 修改服务器配置, 编辑resources目录下的application.yml  开发环境配置 打包工程文件 在 ruoyi 项目的 bin 目录下执行 package.bat 打包Web工程,生成war/jar包文件。 然后会在项目下生成 target 文件夹包含 war 或 jar 提示

    2024年01月22日
    浏览(13)
  • 开源项目学习:若依RuoYi-Vue后台管理系统【环境搭建】

    开源项目学习:若依RuoYi-Vue后台管理系统【环境搭建】

    第一章 环境搭建 第二章 项目运行 第三章 阅读源码:例子-新增用户接口 第四章 基于ruoyi-vue开发新项目 本文尽量贴近零基础入门,献给初入门的学弟学妹们! 文章基本流程:环境配置→运行项目→阅读源码 安装环境时最好修改安装路径! Java开发必备! JDK下载:http://www

    2023年04月19日
    浏览(9)
  • ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)

    ruoyi-vue前端数据字典值引用与回显(列表中回显,多选框回显)

    代码:            代码:

    2024年02月03日
    浏览(10)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包