,开发管理后台基本是企业的日常需求, 基本每个前台项目都必有一个后台项目跟着, 虽然是必需品, 但是大家好像有不是那么在意他, 毕竟只有管理员用。,crud-vue通过简单的JSON配置即可实现完整的"增删改查".
,注意: crud-vue是基于ant-design-vue的, 所以更进一步的开发中,可直接使用ant的组件
,下面是一个简单的表格, 只需要配置columns和done字段.
,columns就是"ant"组件库中 table 组件的配置, 用来配置列.
,done是"crud-vue"定义的字段, 值是个函数, 用来格式化接口返回数据, 函数返回{total:10,list:[{xx:1}]}这样的数据表格就会显示：,通过配置"crud-vue"组件的"c/u/r/d"4 个字段实现"增删改查".
,必填项, ant 中的a-table需要, 选用数据中的能"表示唯一的id"字段即可.
,
,image
,必填项, 主要配置"表格"和"数据", 这里的表格实际就是ant的table组件, 使用defineR函数定义.,查看"r"的完整文档[1]
,非必填, 用来构造"新建"表单,用defineC函数来定义.,查看"c"的完整文档[2]
,非必填, 用来构造"编辑"表单,用defineU函数来定义.基本和"c"的配置一样.
,查看"u"完整的文档[3]
,非必填, 用来配置"删除操作",用defineD函数来定义. d暂只有一个属性done:
,必填项, done是个函数, 点击"删除"按钮后触发, 函数内需要写请求删除接口的逻辑.,可以通过done的参数来判断是批量删除还是单行删除.
,特别注意
© 版权声明
文章版权归作者所有，未经允许请勿转载。
">