剧场模式
首页前后端分离Ant DesignAnt Design Pro v4 基于角色的权限访问控制实战教程

Ant Design Pro v4 基于角色的权限访问控制实战教程 #2 初始化项目

求知小风 · 元婴发布于新课程
0

大家好,欢迎来到

求知久久,我是随风,我们接着上一节来继续讲解

我们这一节来开始搭建这个项目

我们首先进入这个终端,命令行提示符这里

我们先新增个空目录,你自己命名

$ mkdir antd-pro-role

比如说我叫这个 antd-pro-role

然后呢

进入这个目录

$ cd antd-pro-role

首先第一步我们要确保它是个空目录

对吧

我们新增的,一个空目录,里面不要放任何内容

然后呢

我们要更新一下这个 umi 工具

$ yarn global add umi

我这里喜欢用这个 yarn 命令

你也可以用 npm,一样的

我们先把 umi 更新一下

保持它的版本为最新的

这里已经更新完成了

我们可以看一下它的版本

$ umi --version
2.12.7

当前版本是 2.12.7,接下来呢

我们可以这样

我们创建项目

$ yarn create umi

等一下它会弹出这个提示

让你选择一个框架

我们就选择第一个,antd design pro

接下来呢

这里可以选择语言,我们就选 TypeScript

然后

它就会去克隆这个项目

它已经提示成功了

已经做完了这个过程

我们现在就可以查看它的内容

已经产生了一些文件

这样是可以的

接下来呢

我们可以使用 yarn install

安装一些依赖

这里要稍等一段时间,好

现在已经安装成功了

那么,我们就 yarn start 启动一下

其实这个项目运行在

这个 8000 端口

现在已经跑起来了

这个就是它那个后台的项目

最后我把源码目录名改了一下,看下图

相关资源

https://github.com/ant-design/ant-design-pro

0 条回复
暂无回复~~
加微信(qiuzhi99666)入群官方服务号
随机课程
React Context & React Hook 从入门到全面掌握的视频教程

React Context & React Hook 从入门到全面掌握的视频教程

0 个视频0 分钟高级

全部免费

React还未更新新课程

课程目录

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

FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #2 初始化项目

3FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #3 使用 umi ui 创建项目

4FreeAnt Design Pro v4 基于角色的权限访问控制实战教程 #4 使用 umi ui 导入已创建好的项目并讲解 umi ui 的使用

5ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #5 登录页面讲解

6ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #6 接入后端的服务器 API

7ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #7 登录功能报错与跳转

8ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #8 获取当前用户的信息 - currentUser

9ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #9 保存 jwt token 成功登录 - saveCurrentUser

10ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #10 登录出错信息处理

11ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #11 显示个人头像和用户名

12ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #12 jwt token 过期了怎么办?- 分析原理

13ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #13 菜单没有显示出来怎么办?- 权限讲解

14ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #14 后端修改权限之后前端没有更新到最新的权限

15ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #15 第二部分 - 授权管理 - 员工管理

16ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #16 pro blocks 更新到 antd v4 版本,icon 写法改变了

17ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #17 要升级到 ant design@4 吗?

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

19ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #19 员工列表 part 1(已经使用了 antd@4)

20ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #20 员工列表 part 2

21ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #21 添加员工

22ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #22 修改员工

23ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #23 角色管理 - 添加角色 - 修改角色

24ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #24 权限管理 - 添加权限 - 修改权限

25ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #25 完成分页 - 前后端

26ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #26 给角色分配权限 part 1 - ^_^

27ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #27 给角色分配权限 part 2 - ^_^

28ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #28 给角色分配权限 part 3 - ^_^

29ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #29 给员工分配多个角色

30ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #30 权限验证

31ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #31 完善所有权限

32ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #32 有权限才能显示操作按钮 - part 1

33ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #33 有权限才能显示操作按钮 - part 2

34ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #34 有权限才能显示操作按钮 - part 3

35ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #35 给权限分组

36ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #36 远程获取动态菜单 part 1

37ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #37 远程获取动态菜单 part 2

38ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #38 菜单管理 - 后端

39ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #39 菜单管理 - 前端

40ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #40 菜单层级关系

41ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #41 完善菜单

42ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #42 下拉选择菜单 part 1

43ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #43 下拉选择菜单 part 2

44ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #44 下拉选择菜单 part 3

45ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #45 解决更新菜单的问题

46ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #46 远程返回动态菜单

47ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #47 菜单与权限绑定

48ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #48 根据权限获取相应的菜单

49ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #49 最终完成菜单

50ProAnt Design Pro v4 基于角色的权限访问控制实战教程 #50 无限级菜单 - 完结

学员(171)
BeYoNd丶 · 大乘Dcdc · 大乘大圣收了神通吧 · 元婴宏 · 道祖爱优美 · 元婴思航💗 · 大乘NullPointer · 道祖飘临 · 练虚欢乐马 · 太乙o欧洋 · 道祖mrj · 大罗studytm · 道祖
最新动态
BeYoNd丶 · 大乘学习到了5:21
Dcdc · 大乘学习到了5:21
大圣收了神通吧 · 元婴学习到了0:07
宏 · 道祖学习到了2:04
爱优美 · 元婴学习到了0:00
统计信息
    学员: 17643
    视频数量: 1035
    帖子数量: 427

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 关注我们 | 在线学员:116

Top