(若依)RuoYi后台管理框架前端

                                  若依后台管理 官方网址 后台管理二开推荐 

                                             官网的源码地址可供下载前后端代码

        最近进到公司后跟着团队接了两家公司的App一套的开发,到公司的第一天就是先配置开发环境 安装软件之类的 第二天 带着熟悉RuoYi框架 很巧带我的大哥和我是一个学校毕业的 是大师兄  若依框架确实是可以让新手少走很多弯路作为入门确实很nice! 前后端分离 里面把主流技术基本都用到了 特别是对后端更友好,前端也还行;

后端:Spring Boot、Spring Security、Redis & Jwt                前端:Vue、Element UI

        从19年若依出现之后 陆陆续续为后台管理开辟了一条新的道路,现在很多公司做后台管理也都会用若依框架进行二开 和其他一些相对健全的框架代码一样 会附带代码生成工具  对程序员也是很友好滴  前端是基于element ui进行开发;

        下面是一些相对基础的点 给各位兄dei分享分享              

  • el-input-number 数字计数器 按钮位置 一般做顺序 位置之类的

 
     
 

 (若依)RuoYi后台管理框架前端_第1张图片                                       

  • vue监听键盘回车事件 @keyup.enter.native


        

(若依)RuoYi后台管理框架前端_第2张图片 
 

  • 日期格式parseTime                                    


        

(若依)RuoYi后台管理框架前端_第3张图片      日期格式 parseTime格式 进行解析时间 获取当前行创建的日期时间
 

  • RuoYi字典管理

一开始不知道这是啥玩意(因为没用过数据字典 确实不太了解  ) 后来看代码的时候看到了这里
(若依)RuoYi后台管理框架前端_第4张图片
然后看到在字典管理中有相对应的数据样式 哦~原来是这样
在table表格中为字典创建option下拉分类
(若依)RuoYi后台管理框架前端_第5张图片data()中给入字典状态

查询修改删除时进行回调 获取当前行的字典状态 字典翻译

(若依)RuoYi后台管理框架前端_第6张图片

如果需要创建新的字典 打开你的字典管理 新增一个所需的字典类型

  • 非多个禁用和非单个禁用

  • (若依)RuoYi后台管理框架前端_第7张图片

(若依)RuoYi后台管理框架前端_第8张图片

 

  • 表单验证里的 trigger: "blur"

 (若依)RuoYi后台管理框架前端_第9张图片

blur失去焦点 比如在输入框中进行校验

(若依)RuoYi后台管理框架前端_第10张图片

  • 富文本编辑器editor

 (若依)RuoYi后台管理框架前端_第11张图片

html 和引入富文本

 
       
 
import Editor from '@/components/Editor';

  • 代码生成

  •  

找到这个(若依)RuoYi后台管理框架前端_第12张图片,将需要的数据导入即可,会有相应的vue代码和api接口

  • 其他

对于RuoYi后台管理
相关的链接我给挂在下面了 有需要的可以看看

上传图片/视频  七牛云  从后台添加地址
官网链接:七牛云

基于Vue的Element UI文档 饿了么
官网链接:饿了么

首页展示图标例如:柱状图等  基于JavaScript的开源图标库ECharts
官网链接:ECharts

你可能感兴趣的:(ui,前端框架,elementui,经验分享)