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

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

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

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

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

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

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

 <el-form-item label="顺序" prop="postSort"><el-input-number v-model="form.postSort" controls-position="right" :min="0" /></el-form-item>

                                        

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

​
<el-form-item label="参数键名" prop="configKey"><el-inputv-model="queryParams.configKey"placeholder="请输入参数键名"clearablesize="small"style="width: 240px"@keyup.enter.native="handleQuery"/>
</el-form-item>​

 
 

• 日期格式parseTime                                    

<el-table-column label="测试7" align="center" prop="createTime"><template slot-scope="scope"><span>{{ parseTime(scope.row.createTime) }}</span></template>
</el-table-column>

      日期格式 parseTime格式 进行解析时间 获取当前行创建的日期时间
 

• RuoYi字典管理

一开始不知道这是啥玩意(因为没用过数据字典 确实不太了解  ) 后来看代码的时候看到了这里

然后看到在字典管理中有相对应的数据样式 哦~原来是这样
在table表格中为字典创建option下拉分类
data()中给入字典状态

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

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

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

• 

 

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

 

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

• 富文本编辑器editor

 

html 和引入富文本

 <el-form-item label="内容"><editor v-model="form.noticeContent" :min-height="192"/></el-form-item>

import Editor from '@/components/Editor';

• 代码生成

•  

找到这个，将需要的数据导入即可，会有相应的vue代码和api接口

• 其他

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

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

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

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