Ant Design Pro v4 基于角色的权限访问控制实战教
嗨
大家好，欢迎到求知久久，我们这一节来开启一个新的系列课程
我们来讲一下怎么来在这个 ant design pro的第四版中开发一个角色控制的一个系统，之前我们有讲过类似的课程
就是一些基础课程，关于这个 ant design pro 的，比如说像这个是第二版的
image
地址：https://www.qiuzhi99.com/playlists/react-antd-admin.html
有讲过它的很多原理
比如说那些认证的一些基础知识啊
还有表格分页、本地存储的、 json web token
请求相关等知识，这是关于第二版的
ant design pro v2，还是有很多人用的
那么我们也录过第四版的，基于 TypeScript 的
还有这个 umi 的
image
地址：https://www.qiuzhi99.com/playlists/umi-antd-pro.html
这里讲的就是比较好一点
而且用的人更多
因为是第四版最新的，有讲过这些登录注册
还有这些认证的相关内容
权限验证的，还有增删改查的一些处理，这是
ant design pro v4 相关的内容，那么现在这套课程呢
我们也会讲 ant design pro 第四版，也是讲 TypeScript 的
也是用最新的代码
然后呢
我们会用自己的服务器端，我们自己写这个 API 接口
让你体验一下这个服务器端的开发过程
首先来介绍一下学习
我们现在这套课程需要哪一些基础
比如说你可能需要 ant design pro 的一些基础
我们会用第四版的，关于 TypeScript 的
我们可以看下这套课程的内容，你可以先了解一下，我们现在这套课程可能也会参考它产生了一些源码
image
根据它的源码（https://github.com/hfpp2012/hello-antd-pro-v4/tree/master/demo）
我们就来快速实现一些功能
比如说登录注册
然后呢
我们把更多精力集中在这个角色控制与权限控制这方面，
还有一个地方就是这个后端
我们之前已经录过一个后端的课程
image
地址：https://www.qiuzhi99.com/playlists/ts-restful-api.html
也是 TypeScript 写的
实现这个 restful api，用的数据库是 mongodb
这样
我们会用它产生的源码作为基础，来作为这个角色控制的一个后端
这是一个 restful api 的实现
你可以看下这个课程的内容，很简单
然后呢
在这个基础上我们也是实现了这个
角色控制的一个 api 服务
image
地址：https://www.qiuzhi99.com/playlists/ts-role.html
到时候这们代码
我们都会有的
我们就直接来使用它
可能后面也会改的
如果你是要看一下后端是怎么实现的
可以先看一下这两个课程
这个，是基础课
image
还有这个对吧
image
image
是怎么实现这个角色控制的
最近我录一个测试的，也是在这个基础上进行录制的
image
地址：https://www.qiuzhi99.com/playlists/test-code.html
只是加一个测试功能
到时候我们就用这个最新的源码作为这个后端的一个源码基础
我们说的代码我们都会准备好
那我们就可以开始来
学习它了
下节开始
我们就来搭建这个项目，好
我们这一节就先介绍这么多
相关资料
https://www.qiuzhi99.com/playlists/react-antd-admin.html Ant Design Pro 企业级后台实战
https://www.qiuzhi99.com/playlists/umi-antd-pro.html UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程
https://www.qiuzhi99.com/playlists/ts-restful-api.html TypesScript + Nodejs + Express + Mongoose 实现 RESTful API 实战教程
https://www.qiuzhi99.com/playlists/ts-role.html 基于角色的权限控制原理与实战
https://www.qiuzhi99.com/playlists/test-code.html 使用 TypeScript & mocha & chai 写测试代码实战
