本套视频基于 antd pro v2 版本
v4 ts antd 课程
v5 ts antd pro 课程
适宜人群
React,JS,antd
内容
主要讲了 antd pro 的基础流程,数据模拟,定制主题,mock 相关的内容,dva 相关的数据请求,分页,表单,用户登录与权限源码分析,用户登录安全,请求安全,json web token 等等。
前端的代码:https://github.com/hfpp2012/hello-antd-pro
后端的:git clone git@github.com:hfpp2012/redux-login.git --branch=antd_pro_backend
https://github.com/hfpp2012/redux-login/tree/antd_pro_backend
你需要准备什么?
了解过 JS 即可
一台电脑一杯咖啡
电脑上装有 Nodejs 和一个你所喜欢的编辑器
一颗热爱编程的心
学习资源
https://getbootstrap.com/docs/4.3/components/card/ bootstrap
https://ant.design/components/comment-cn/ ant design
https://www.qiuzhi99.com/playlists/react-redux-dva-antd.html 以前那套课程
https://pro.ant.design/docs/getting-started-cn 官方文档
Ant Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音^_^)07:48
Ant Design Pro 企业级后台实战 #2 学习的思想(二更)09:43
Ant Design Pro 企业级后台实战 #3 分析源码目录结构与跑起来(第三更)08:37
Ant Design Pro 企业级后台实战 #4 开始实战项目03:39
Ant Design Pro 企业级后台实战 #5 国际化与路由06:09
Ant Design Pro 企业级后台实战 #6 路由与菜单(今天第三更)06:25
Ant Design Pro 企业级后台实战 #7 使用 vscode 的代码提示来更好地写 antd pro 的代码04:31
Ant Design Pro 企业级后台实战 #8 更换主题的思想05:43
Ant Design Pro 企业级后台实战 #9 如何改变网站的主题风格10:15
Ant Design Pro 企业级后台实战 #10 如何创建页面07:29
Ant Design Pro 企业级后台实战 #11 如何修改请求的数据04:50
Ant Design Pro 企业级后台实战 #12 antd pro 是如何封装请求的06:31
Ant Design Pro 企业级后台实战 #13 修改数据07:29
Ant Design Pro 企业级后台实战 #14 分析组件得到数据的流程10:09
Ant Design Pro 企业级后台实战 #15 更改文件的内容05:08
Ant Design Pro 企业级后台实战 #16 为什么要使用 mock07:01
Ant Design Pro 企业级后台实战 #17 使用 mock 来摸拟数据06:08
Ant Design Pro 企业级后台实战 #18 如何来更好地使用 mock06:30
Ant Design Pro 企业级后台实战 #19 mock 功能、开发环境与生产环境09:46
Ant Design Pro 企业级后台实战 #20 不使用 Mock,如何改为本地的服务06:45
Ant Design Pro 企业级后台实战 #21 代理与跨域08:19
Ant Design Pro 企业级后台实战 #22 umi 支持独立的 mock 服务吗 part 104:48
Ant Design Pro 企业级后台实战 #23 umi 支持独立的 mock 服务吗 part 204:56
Ant Design Pro 企业级后台实战 #24 把 ant design pro 部署到线上服务器 part 106:20
Ant Design Pro 企业级后台实战 #25 把 ant design pro 部署到线上服务器 part 2(第一部分完结)05:56
Ant Design Pro 企业级后台实战 #26 更新内容与计划(第二部分开始更新)04:12
Ant Design Pro 企业级后台实战 #27 引入真实的后端 API 服务(解决包版本依赖问题)05:16
Ant Design Pro 企业级后台实战 #28 创建好后端服务(解决数据库问题)05:51
Ant Design Pro 企业级后台实战 #29 从后端获得请求的数据内容(第二更)06:43
Ant Design Pro 企业级后台实战 #30 简单了解下分页04:33
Ant Design Pro 企业级后台实战 #31 表格组件(第二更)04:07
Ant Design Pro 企业级后台实战 #32 表格 Table 和 卡片 Card03:59
Ant Design Pro 企业级后台实战 #33 前端获得后端 API 返回的列表数据(第二更)04:47
Ant Design Pro 企业级后台实战 #34 前端 connect model 的数据04:17
Ant Design Pro 企业级后台实战 #35 前端 render 出后端的数据(第二更)05:46
Ant Design Pro 企业级后台实战 #36 代码提交时关闭 eslint 检查(husky、lint-staged)06:40
Ant Design Pro 企业级后台实战 #37 显示正确的数据(第二更)04:54
Ant Design Pro 企业级后台实战 #38 显示正在加载中 loading 的标志06:47
Ant Design Pro 企业级后台实战 #39 处理表格内容的显示(时间格式化)(第三更)04:43
Ant Design Pro 企业级后台实战 #40 分页04:49
Ant Design Pro 企业级后台实战 #41 前端的分页组件(第二更)06:49
Ant Design Pro 企业级后台实战 #42 前端发送请求带上分页的页数参数(第四更)04:49
Ant Design Pro 企业级后台实战 #43 后端手动处理分页(理解原理)06:41
Ant Design Pro 企业级后台实战 #44 前端显示正确的分页信息06:11
Ant Design Pro 企业级后台实战 #45 完成分页(第二部分结束,进入登录注册环节)03:08
Ant Design Pro 企业级后台实战 #46 登录功能的问题(第三部分开启,第四更)04:35
Ant Design Pro 企业级后台实战 #47 登录组件06:25
Ant Design Pro 企业级后台实战 #48 登录的请求06:07
Ant Design Pro 企业级后台实战 #49 分析登录权限的源码10:46
Ant Design Pro 企业级后台实战 #50 为什么要把数据存储到 localStorage 或 cookies07:43
Ant Design Pro 企业级后台实战 #51 实例讲解权限控制是如何运作的(第二更)09:40
Ant Design Pro 企业级后台实战 #52 详细分析权限的源码04:58
Ant Design Pro 企业级后台实战 #53 权限管理的组件分析09:21
Ant Design Pro 企业级后台实战 #54 为什么要使用 json web token05:48
Ant Design Pro 企业级后台实战 #55 什么是 json web token(jwt)03:59
Ant Design Pro 企业级后台实战 #56 生成 json web token04:45
Ant Design Pro 企业级后台实战 #57 实例讲解如何用 headers 返回 jwt - umi-request07:56
Ant Design Pro 企业级后台实战 #58 详细讲解如何用 cookies 返回 jwt - cookie-parser07:51
Ant Design Pro 企业级后台实战 #59 客户端解析 jwt 获得权限数据06:59
Ant Design Pro 企业级后台实战 #60 解决登录问题(二更)04:49
Ant Design Pro 企业级后台实战 #61 不能只相信前端,安全问题!08:56
Ant Design Pro 企业级后台实战 #62 umi-request 发送请求时带上头部认证信息06:22
Ant Design Pro 企业级后台实战 #63 服务器端验证 json web token06:31
Ant Design Pro 企业级后台实战 #64 处理 json web token 的各种问题06:47
Ant Design Pro 企业级后台实战 #65 用 umi-request 的拦截器解决登录之后的头信息发送问题08:34
Ant Design Pro 企业级后台实战 #66 伪造 json web token ?06:05
Ant Design Pro 企业级后台实战 #67 处理请求当前用户的问题07:57
Ant Design Pro 企业级后台实战 #68 当前用户与一些组件 part 106:30
Ant Design Pro 企业级后台实战 #69 最烦人的一集,重大的关于重新登录的 bug14:31
Ant Design Pro 企业级后台实战 #70 当前用户与一些组件 part 204:15
Ant Design Pro 企业级后台实战 #71 关于路由的一些问题(二更,还有三更)03:41
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
微信:qiuzhi99pro
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
© 汕尾市求知科技有限公司 | Rails365 Gitlab | 知乎 | b 站 | csdn
粤公网安备 44152102000088号 | 粤ICP备19038915号
Top
你好,我是购买了这课程,请问会有 ant design pro 权限管理的视频吗?项目上默认 admin 和 user 的权限,如果想要自定义或者添加更多的权限,应该怎么做?
后面会有
我也有相同的疑问
后面会讲到的哦
请老师加油更新啦!我们等的好心急!期待你更新课程
呃 等下更
您好
我的一個月會員剛好過了一天
請問要續約的話費用是如何計算呢?
續約之後網站上所有課程都可以觀看嗎?
你登录之后,按照这里的价格付就好了,https://www.qiuzhi99.com/vip,有打折的, 付好告诉一声。
請問是
[老用户续费享受优惠价格(最高 7 折)]
還是下方的 8.5 折
另外要問的是
還是跟上次一樣用 paypal 付美金給您嗎?
是的
8.5
您好
已透過 paypal 進行季度訂閱的繳款
請您確認
好的
已开通,多谢支持
感謝老師教得好
老師您好
我有購買三個月的會員
有時候會下載視頻
但今天發現忽然無法下載了
看了一下會員政策發現三個月會員的下載視頻的選項被拿掉了
我記得之前是可以允許下載的我也有下載過
可以了,你再试一下
有些課程還是不行
像這一堂 Ant Design Pro 企业级后台实战 就無法下載
老师你好,我看了这个 antd pro 的课程,在列表分页有个需求和疑问:如果我点击第三页,然后通过列表进入详情,然后再从详情返回,此时列表会显示第一页的 list,我的需求是返回仍然会是第三页,就是会记住 page,我觉得通过 react antd 实现的项目大部分都是不记录 page 的。
我的做法是把 page 存在 store 中,通过 props 获取,可以实现记录 page 的目的,(这样做还是感觉有点奇怪),,我想问一下,在项目中有没有必要记住 page,(因为我看的所有官方做的,都没做这个功能),还有就是还有没有其他好的方式。来达到这个保存 page 的方法吗?
这个看需求的 没有这个需求的 可以不用管的 这样也是合理的 没啥问题 可以不用处理
请问一下,我想配置不同得环境该这么配置,比如说我有两个测试环境,一个生成环境,我要分别打包
Error { [Error: '../../../node_modules/antd/lib/style/themes/default.less' wasn't found. Tried - ../../../node_modules/antd/lib/style/themes/default.less,/Users/liguoxian/Desktop/object/web/star-backstage/node_modules/node_modules/antd/lib/style/themes/default.less,/Users/liguoxian/Desktop/object/node_modules/antd/lib/style/themes/default.less,../../../node_modules/antd/lib/style/themes/default.less]
message:
'\'../../../node_modules/antd/lib/style/themes/default.less\' wasn\'t found. Tried - ../../../node_modules/antd/lib/style/themes/default.less,/Users/liguoxian/Desktop/object/web/star-backstage/node_modules/node_modules/antd/lib/style/themes/default.less,/Users/liguoxian/Desktop/object/node_modules/antd/lib/style/themes/default.less,../../../node_modules/antd/lib/style/themes/default.less',
运行出现这个问题不知道是什么原因
想问下,Ant Design Pro 企业级后台实战这门课程是基于 ant design pro 哪个版本的?
这个应该是 v2 版本的,新开发的话用 V4 吧
https://www.qiuzhi99.com/playlists/umi-antd-pro.html 这个是 v4 的
v4 的看了,能自己写后台管理系统嘛?
已开通,多谢支持
已开通,多谢支持
已开通,多谢支持
已开通,多谢支持
已开通,多谢支持
已开通,多谢支持