管理后台集成，自动生成from表格增删查改，页面权限

码云地址 https://gitee.com/superliuge/avue-cli.git

基于avue-cli 来进行代码封装的自动生成功能

老规矩git clone 下来后

npm i

然后进去你会看到一个管理后台模板

首页.png

很空，就一个权限管理，因为权限管理是集成已经配置好了，权限控制组件用的是 el-tree 可以自行换组件优化

权限.png

然后就是自动生成代码功能了。
首先在根目录下面找到 crud 这个文件

src 同级的 crud

// 要生成的列的key
//这是列子
let option = {
  name: '',
  pwd: '',
  age: ''
} 
.... 下面是生成代码的规则不用管

在根目录下面src同级 执行下面代码

node crud  name=xxx(侧边栏名字) path=xxx(生成的路径)   url=xxx(非必填)

url 说明如果后台先开发完成，调动查询接口生成对应字段的表单
crud 下面找的生成mock和tabble的修改成你对应的返回参数

  if (options.url) {
    // 如果有后台配合表格可直接生成
    const axios = require('axios')
    axios.get(options.url).then(rsp => {
    console.log(rsp)
      createTabble(options, rsp.data.res.data)  //这里可能需要修改
    })
  }

url 会自动取你数据的第一条数据的key生成一个 表格的列 url方式得你们查询接口是无条件和token认证的

使用生成例子

测试指令.png

记得生成完要重新登录一下获取路由