- 作者:老汪软件技巧
- 发表时间:2024-12-13 15:07
- 浏览量:
前言
大环境严峻的风算是吹到了自己身上,最近领导就搞起了若依平台,意图提升开发效率。若依平台生成的代码都是按照固定模板来的,需要修改适配一下公司的项目,我便被要求修改生成的前端代码,也算体验了一把若依,单论生成代码功能,我觉得是有局限性的。
若依
若依是一款功能强大的后台管理系统,目前延伸出了好几个版本,其中刚好有vue版本RuoYi-Vue,公司项目用的是vue,所以后续都以该版本进行介绍。
代码生成功能
若依官网有演示地址,登录进去我们就能体验各个菜单与功能,代码生成就在系统工具菜单下面:
列表中存在的数据我们可以点击预览进行查看,当然最主要的是我们如何创建,创建步骤大致如下:
整个步骤都很简单,从步骤来看主导最好是后端,前端需要会SQL语句。代码自动生成的index.vue在功能上包含了CRUD,里面的接口也都跟java代码相匹配。看起来很不错但从前端角度来说还有几点需要适配:
样式问题,主要是按钮类型、表单布局。字段名称,查询字段queryParams与项目不符合需要修改。api中import路径需要修改有些组件需要替换成封装好的公共组件。新增一些常见功能,如导入、导出。确认好了适配方向,接下来就是修改生成模板。修改模板
在gitee上拉取代码,前端页面相关的都在ruoyi-ui的文件夹中,进入到ruoyi-ui中根据步骤启动项目。注意,如果后端同时已经部署到服务器上就需要修改代理地址。
成功启动打开代码生成页面,运行查看页面点击预览代码是由接口生成的。
全局搜索下我们就能快速定位到接口位置,查看接口逻辑我们会在getTemplateList接口中获取模板信息:
所有的模板信息都是由vm文件引入的,找到vm文件夹我们就能看到vue模板的源码,再此基础上进行修改即可。
总结
若依平台生成代码的功能,仅针对CRUD需求来说是能够提高效率的,但拿来即用可能性不大,如果不修改源码适配公司自己的项目,就显得鸡肋了,而修改适配是需要时间去磨合的。