自动生成 Vue+ElementUI 增删改查代码插件

2020-09-04 08:56:35 +08:00
 Marstin

webpack 插件,目的是为了在简单的 CURD 动作中减少Ctrl+cCtrl+v

webpack配置文件 或 Vue-Cli配置文件中配置一下下,即可生成对应目录中的代码。可配置数据 Model,增删改查四项功能搭配,请求配置与自定义等

npm install curd-vue-element-plugin -D
const CurdVueElementPlugin = require('curd-vue-element-plugin')

plugins: [
  new CurdVueElementPlugin({
    baseDir: './src',
    options: [{
      name: 'project',
      service: ['list', 'add', 'update', 'del'],
      component: {
        primaryKey: 'id',
        model: [{
          name: 'name',
          text: '姓名',
          isSearch: true
        }, {
          name: 'sex',
          text: '性别'
        }, {
          name: 'telephone',
          text: '手机号码',
          isSearch: true
        }, {
          name: 'email',
          text: '邮箱'
        }, {
          name: 'address',
          text: '地址',
          isEdit: false
        }]
      }
    },
    {
    //……options
    },
    {
    //……options
    }]
  })
]

详见 curd-vue-element-plugin

2115 次点击
所在节点    分享创造
2 条回复
NikoXu
2020-09-04 10:14:41 +08:00
能定义模版吗
Marstin
2020-09-04 10:56:54 +08:00
@NikoXu 不能

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/704066

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX