Ant Design Pro v4 基于角色的权限访问控制实战教程

注意：有些学员搭不了后端的，可以直接使用这个 http://antd-server.qiuzhi99.com 后端服务哦

嗨

大家好，欢迎到求知久久，我们这一节来开启一个新的系列课程

我们来讲一下怎么来在这个 ant design pro 的第四版中开发一个角色控制的一个系统，之前我们有讲过类似的课程

就是一些基础课程，关于这个 ant design pro 的，比如说像这个是第二版的

地址：https://www.qiuzhi99.com/playlists/react-antd-admin.html

有讲过它的很多原理

比如说那些认证的一些基础知识啊

还有表格分页、本地存储的、 json web token

请求相关等知识，这是关于第二版的

ant design pro v2，还是有很多人用的

那么我们也录过第四版的，基于 TypeScript 的

还有这个 umi 的

地址：https://www.qiuzhi99.com/playlists/umi-antd-pro.html

这里讲的就是比较好一点

而且用的人更多

因为是第四版最新的，有讲过这些登录注册

还有这些认证的相关内容

权限验证的，还有增删改查的一些处理，这是

ant design pro v4 相关的内容，那么现在这套课程呢

我们也会讲 ant design pro 第四版，也是讲 TypeScript 的

也是用最新的代码

然后呢

我们会用自己的服务器端，我们自己写这个 API 接口

让你体验一下这个服务器端的开发过程

首先来介绍一下学习

我们现在这套课程需要哪一些基础

比如说你可能需要 ant design pro 的一些基础

我们会用第四版的，关于 TypeScript 的

我们可以看下这套课程的内容，你可以先了解一下，我们现在这套课程可能也会参考它产生了一些源码

根据它的源码（https://github.com/hfpp2012/hello-antd-pro-v4/tree/master/demo）

我们就来快速实现一些功能

比如说登录注册

然后呢

我们把更多精力集中在这个角色控制与权限控制这方面，

还有一个地方就是这个后端

我们之前已经录过一个后端的课程

地址：https://www.qiuzhi99.com/playlists/ts-restful-api.html

也是 TypeScript 写的

实现这个 restful api，用的数据库是 mongodb

这样

我们会用它产生的源码作为基础，来作为这个角色控制的一个后端

这是一个 restful api 的实现

你可以看下这个课程的内容，很简单

然后呢

在这个基础上我们也是实现了这个

角色控制的一个 api 服务

地址：https://www.qiuzhi99.com/playlists/ts-role.html

到时候这们代码

我们都会有的

我们就直接来使用它

可能后面也会改的

如果你是要看一下后端是怎么实现的

可以先看一下这两个课程

这个，是基础课

还有这个对吧

是怎么实现这个角色控制的

最近我录一个测试的，也是在这个基础上进行录制的

地址：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 写测试代码实战