一. 先上效果
二. 改造背景
1. 最近项目单表增删改查太多, 70多张sql单表的增删改查半个月要搞完
2. 我们后端使用的并非若依系统, 所以后端临时搭建若依后台,只为一个功能,生成前端vue文件
3. 若依生成的vue文件还是有一些缺陷,比如列表, 表单弹框全都在一个页面,代码可读性差; 比如会表单弹框会漏字段, 明明entity定义了, vue列表也有, 但是总是会在表单弹框中缺少
4. 种种问题, 索性前端自己改造一个出来自己用
三. 技术栈
vue3 + vite + element-plus + js-beautify;
四. 关键步骤
1. 把damain.java模板中 BaseEntity; 改造成js语言的数组对象domain.js
2. 把domain.js数据处理成需要的list.vue和dialog.vue模板, 其实就是一个很长的字符串,再通过js-beautify把字符串转成美观的html模板
3. 处理list.vue 和 dialog.vue 需要注意的是, 若依生成的是增删改成全都在一个vue文件中, 这对于后期维护拓展可读比较麻烦; 所以我把列表查询分页单独生成一个list.vue; 表单的新增修改单独生成一个dialog.vue
五. 最后
一个好的开发团队, 优秀的后端确实很重要, 加油!
