Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)

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

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

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

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第1张图片
image

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

有讲过它的很多原理

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

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

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

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

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

还有这个 umi 的

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第2张图片
image

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

这里讲的就是比较好一点

而且用的人更多

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

还有这些认证的相关内容

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

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

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

也是用最新的代码

然后呢

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

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

首先来介绍一下学习

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

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

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

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

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第3张图片
image

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

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

比如说登录注册

然后呢

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

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

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

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第4张图片
image

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

也是 TypeScript 写的

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

这样

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

这是一个 restful api 的实现

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

然后呢

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

角色控制的一个 api 服务

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第5张图片
image

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

到时候这们代码

我们都会有的

我们就直接来使用它

可能后面也会改的

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

可以先看一下这两个课程

这个,是基础课

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第6张图片
image

还有这个对吧

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第7张图片
image

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第8张图片
image

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

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

Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕)_第9张图片
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 写测试代码实战

你可能感兴趣的:(Ant Design Pro v4 基于角色的权限访问控制实战教程 #1 课程介绍(带中英字幕))