简介
利用命令行与JSON配置,生成最简单的dashboard增删改查页面,具体业务需求还需进行具体修改。
安装&配置
$ npm i -g ne-page-cli
使用
先准备好json配置,放在哪里都可以
// {root}/devDep/data.json
{
"search": {
"type": "normal",
"field": {
"name": "姓名",
"age": "年龄"
}
},
"table": {
"field": {
"name": "姓名",
"age": "年龄",
"createTime": "创建时间"
}
},
"modal": {
"field": {
"name": "姓名",
"age": "年龄",
"status": "状态"
}
}
}
- search.type有两种值可选:
- 1.normal:普通搜索表单,建议表单少的时候使用(一行可以排完的情况)
- 2.form:Form搜索表单,建议表单多的时候使用(一行不能排完的情况)
执行命令行
ne-page -c ./devDep/data.json -p ./client/page/admin/HelloDashboard.vue
ne-page -h 可查看帮助
Options:
-V, --version output the version number
-c, --config <configPath> required, the path of the JSON configuration
-p, --path <filePath> The path(include name) of the file you want to generate
-h, --help output usage information
注意事项
- 1.config配置路径必须配置,且为标准的json格式,例子中的字段都必填。search和modal字段会生成Input组件,modal字段会默认加必填校验,table字段会生成key、title,按需修改即可。
- 2.path文件路径可以不配,将会执行目录下生成在Unknown.vue
- 3.期望在工程根目录下并且安装eslint后执行该命令,否则eslint修复文件则会失败