### * 以角色管理的curd 基本为开发案例 1:增加 api\xhy\framework\controller\role.php 2:修改 api\xhy\framework\route.php 3:修改 web/src/enums/data/components.js 添加组件 ![](https://img.kancloud.cn/ff/79/ff79e1dce8b3063e04961e2853b7dfe9_997x389.png) 4:修改 web/src/config/componentsMaps.js 添加路由 ![](https://img.kancloud.cn/07/91/0791e1f8feb5e3ba8c73450cfc227243_1099x188.png) 5:菜单设置添加对应菜单 ![](https://img.kancloud.cn/0b/b0/0bb0d43088a65ede9f6a4774dfe55673_838x459.png) 6:添加组件 ![](https://img.kancloud.cn/ca/1a/ca1aff08c8bbe5cc45916a5f3bb5f6ad_245x384.png) 7:增加web/src/api/framework/模块.js 调用api ![](https://img.kancloud.cn/bb/95/bb9505bee99871404d898e45d9ea337e_321x292.png) 8.需要注意的地方: ``` 菜单所属模块------示例填写demo 比如学生管理 老师管理 正式菜单填写framework 菜单Path :/framework/role 注意前面的 “/” 添加vue文件 必须带<template></template>标签 ``` 列表页面的刷新:ref是对应的 ![](https://img.kancloud.cn/88/98/8898aa28fb98234b737eef0e5d3d89b9_916x38.png) table 需要定义![](https://img.kancloud.cn/9c/96/9c9658aaecf982bb653a387cfdb8105a_503x273.png) 添加按钮: ![](https://img.kancloud.cn/a4/fe/a4fe5559c1cbc22a6f471281baacf2c2_1188x47.png) createPage 也需要定义:![](https://img.kancloud.cn/c7/e6/c7e620adacbd2b1f4ad63feec670f225_558x52.png)