若依后台管理 官方网址 后台管理二开推荐
官网的源码地址可供下载前后端代码
最近进到公司后跟着团队接了两家公司的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-input v-model="queryParams.configKey" placeholder="请输入参数键名" clearable size="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
更多推荐
(若依)RuoYi后台管理框架前端
发布评论