Vue有没有增删改查的业务方案

Question

项目中有很多页面都有基础且相似的增删改查业务，怎么样把这个业务抽出来，减少重复编码时间。

思路1：自动生成基础增删改查代码
思路2：写一个集成了增删改查业务的基础组件

请问有没有现成的轮子可使用，或者有没有一些意见？

Answer 1

vue + elementUI 的 CRUD组件：
https://github.com/FEMessage/el-data-table

Answer 2

建议走 2，
讲道理把现成的轮子 ui 改成适合你们项目的形状，
花费的精力已经远远超过将现成的页面改成组件！

然而你做完之后会发现 ... 这样的拼接并不能减少多少工作量，
除非你们的业务都差不多，页面的弹窗和检索条件都差不多！
所以更多的只能优化其中公共的，通用的部分！

优化后的建议：
1.把现成的页面拆成 检索条件 + 表格 + 弹窗 3个页面
2.把相关的定位，展示做成 layout
3.将 search ， table， modal 留做 slot 等待嵌入
4.把新增，查询，删除，选中和全选，检索条件中日期相关的部分做成 minixs方便公用
5.把这个文件夹作为 template，然后新开项目 copy

实际做的时候，大约需要做这些：
1.修正 interface 相应的指向
2.修正 table 的表头 cloumns
3.新写一个 modal 和相关业务实现
大约能节约一部分时间，然后统一优化吧！！
当然和你直接复制整个模块的内容，然后改一下的实际用时差不多 ..