元配置文件
每个菜单都要对应至少一个通用元配置文件
【元配置文件】分为两种:
种类 | 可选 | 说明 | 命名 | 路径 |
---|---|---|---|---|
通用元配置文件 | 必选 | 前后端通用,用于描述增、删、改、查的 | 同名nav_menu里path的名字 | /src/shared/meta |
后端元配置文件 | 可选 | 只后端用到,用于后端的hook操作 | 同名 | /src/server/meta |
TIP
因为安全性:元配置文件必须要区分两种,否则有可能把后端配置文件build到前端代码里,从而导致数据库账号等机密信息的泄露
路径
元配置文件的路径和文件对应着nav_men.js文件里的菜单项的path,放在:/src/shared/meta 下
例如:nav_men.js文件里的菜单定义
// /config/nav_menu.js
...
{ path: '/company/Department', name: '部门' }
...
则 元配件文件位置和文件名在:
/src/shared/meta/company/Department.js
则 后端元配件文件位置和文件名在:
/src/server/meta/company/Department.js
导入
nav_menu.js 每个菜单组都对应 /src/shared/meta下的同名目录
例如: 新建了一个菜单组:功能,其下有三个子菜单:员工、审批、文档
module.exports = {
title: 'HR系统',
nav_menu: [{
path: '/',
name: '功能',
iconCls: 'el-icon-menu', //图标样式class
children: [
{ path: '/company/Department', name: '部门' }
{ path: '/company/Employee', name: '员工' },
]
}
]
};
则元配置文件的创建步骤:
- 在 /src/shared/meta 创建目录 company
- 在/src/shared/meta/company/下创建三个通用元配置文件:Department.js,Employee.js