### * 以角色管理的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)