antd-admin使用

antd-admin github地址

https://github.com/dvajs/dva
https://github.com/zuiidea/antd-admin
mock/menu.js 
定义菜单,route中定义的路径从菜单中链接过去有效
每个菜单项有一个id

mock/user.js
定义用户,角色(RoleType),权限(Permission),权限的形式是角色可访问哪些菜单id
每个用户对应一个角色

routes/error
最简单的一个路由,没有处理逻辑,只有一个页面和样式

router.js
路由总入口文件,路径格式的匹配在这个文件中

test01 - 简单的hello world页面

增加 routes/test01,从routes/error 中拷贝修改下对应的名称。
在 router.js 中增加路由,从error拷贝后修改名称。
在 mock/menu.js 中增加菜单项,路由指向test。01
登录页面,点击test01菜单,可以访问到 test01页面

test02 - 简单的增删改查功能

单表的增删改查,test02有一个字段name
增加 routes/test02。
mock/test02.js
models/test02.js
在 router.js 中增加路由,从user拷贝后修改名称。
在 mock/menu.js 中增加菜单项,路由指向test02
登录页面,点击test02菜单,可以访问到 test01页面

你可能感兴趣的:(antd-admin使用)