美文网首页
antd-admin使用

antd-admin使用

作者: 中年大叔的日常 | 来源:发表于2017-07-20 20:42 被阅读342次

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使用

      本文链接:https://www.haomeiwen.com/subject/glvjkxtx.html