UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频）

最新推荐文章于 2022-11-29 15:37:22 发布
最新推荐文章于 2022-11-29 15:37:22 发布
阅读量355 收藏 1
点赞数
分类专栏： 视频分享 文章标签： reactjs typescript javascript es6 html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39637597/article/details/114574405
版权

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程（63 个视频）

Antd Pro 是国内最流行的前端后台框架，使用它可以轻易搭建一个超级强大的后台，满足各种企业级需求，本套课程会入门级层次来讲解 Ant Desgin Pro，让你逐渐了解它，并使用它搭建一个完整的后台，满足公司需求，本项目基于 Ant Design Pro v4 & Ant Design v3，是国内仅有的讲 antd pro v4 的视频教程。

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #1 开始玩起来 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #2 了解项目源码并尝试修改 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #3 继续了解项目源码并修改代码 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #4 如何修改 footer 及其原理 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #5 关于 footer 和 layout - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #6 如何好好利用 ant-design-pro-layout - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #7 如何下载和使用区块 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #8 为什么下载区块后会添加菜单 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #9 umi-plugin-pro-block-ts - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #10 删除国际化 i18n part 1 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #11 删除国际化 i18n part 2 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #12 用户注册的 block - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #13 让用户注册工作起来 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #14 注册的流程理解 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #15 准备好 API - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #16 对接好后端的注册功能 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #17 表单的前端验证与后端验证 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #18 后端的数据验证与前端的结合 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #19 自己写一个真实项目的注册页面 - 手机验证码 - 图形验证码 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #20 注册表单 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #21 表单与 TypeScript - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #22 注册表单 - connect - dispatch - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #23 实现注册功能并显示验证出错信息 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #24 详解注册页面手机验证码 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #25 注册页面手机验证码处理完成 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #26 手机验证码的原理（后端） - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #27 注册页面显示图形验证码 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #28 注册页面图形验证码的原理 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #29 注册页面提交失败时图形验证码重新刷新 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #30 注册页面成功跳转 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #31 用 localStorage 存储 jwt - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #32 重构代码，封装 request - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #33 登录页面 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #34 完成登录 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #35 登录权限验证 - 发送请求带上头信息 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #36 登录权限验证 - umi-request 异常处理程序 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #37 解决 umi-request 的 extend 关于 headers 的问题 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #38 显示个人用户信息 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #39 菜单权限控制显示 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #40 通过修改 getAuthority 方法利用 jwt 显示正确的菜单权限 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #41 刷新当前权限 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #42 其他的权限方法 - 从远程服务器获取菜单 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #43 权限验证的安全性（准备进入下一阶段） - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #44 实战 - 视频管理 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #45 实战 - 视频管理 - 视频列表 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #46 实战 - 视频管理 - 视频列表 - 发送请求获得远程的数据 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #47 实战 - 视频管理 - 视频列表 - 显示列表数据 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #48 实战 - 视频管理 - 视频列表 - 修复列表数据 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #49 实战 - 视频管理 - 视频列表 - 搜索列表 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #50 实战 - 视频管理 - 搜索 - 使用 qs 处理 umi-request 提交参数的问题 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #51 实战 - 视频管理 - 搜索 - 处理 moment 的时间问题 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #52 实战 - 视频管理 - 完成分页 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #53 实战 - 视频管理 - 添加视频 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #54 实战 - 视频管理 - 添加视频 - 发送请求 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #55 实战 - 视频管理 - 添加视频 - 处理完成 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #56 实战 - 视频管理 - 错误处理 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #57 实战 - 视频管理 - 详情页面 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #58 实战 - 视频管理 - 完成详情页面 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #59 实战 - 视频管理 - 删除视频 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #60 实战 - 视频管理 - 添加视频 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #61 实战 - 视频管理 - 添加视频 part 2 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #62 实战 - 视频管理 - 添加视频 part 3 - 免费视频教程

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #63 完结 - 免费视频教程

完整目录

程序员随风
关注
专栏目录
Ant Design Pro V4 + umi-ui 基于区块开发
原来你来过
02-28 1218
简介 Ant Design Pro 是一个企业级中后台前端/设计解决方案，我们秉承 Ant Design的设计价值观，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。 区块是研发资产的一种，它是一系列快速搭建页面的代码片段，它可以帮助
umi.js学习（四）、ajax请求获取数据
黄孝果的博客
03-16 1736
创建ajax请求文件 service.ts 编写ajax请求 import { request } from 'umi'; export async function getRemoteList() { return request('/api/users', { method: 'get' }) .then(response => { return response }) .catc.
antd-ts-apollo-boilerplate:一个带有AntDesign＆Typescript和apollo的React样板
04-08
该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。... 此命令将从您的项目中删除单个生成依赖项。 而是将所有配置文件和传递依赖项（Webpack，Babel，ESLint等）直接
ant-design-pro-ts:typescript版本ant desingn pro
05-08
因为资源有限，本项目参考了Ant Design Pro的设计与项目组织结构。团队大部分人员多为后台人员，并无现代框架开发经验。 建议在开发之前快速浏览 ,学习基本的框架知识。 也可以快速浏览一下 的特性，看看与java有...
基于ant-design-pro的TypeScript中台前端设计源码
最新发布
09-28
该项目是一款基于ant-design-pro框架的中台前端/设计解决方案源码，采用TypeScript编写，包含155个文件，涵盖87个TypeScript文件、13个Markdown文件、13个TypeScript模板文件、11个YAML文件、7个JSON文件、6个...
ant-design-vue3-admin:一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用
05-19
一个基于 Vite2 + Vue3 + Typescript + tsx + Ant Design Vue 的后台管理系统模板，支持响应式布局，在 PC、平板和手机上均可使用。 最新的技术栈 统一的技术规范 权限方案（路由，菜单，操作） 支持多语言 数据 ...
stand-admin-antdpro-demo:适用于Ant Design Pro的CRUD演示
04-07
StandAdmin Demo For Ant Design Pro StandAdmin is CRUD framework work perfectly with Antd Pro. 标准 CRUD 选取控件 多实例 批量操作 异形列表 异形查询 记录复制 多编辑 关联展开 新建初始值 数据转换-新建/...
umi-electron-typescript：一个基于umijs + electronic + typescript的示例
02-04
铝电子打字稿 基于umijs + electronic +打字稿的示例 产品特点 支持对主进程和渲染器进程进行热重装 支持打字稿 安装 首先，通过git克隆仓库： git clone git @ github . com : wangtianlun / umi - electron - typescript . git 然后用yarn安装依赖项 $ yarn 开始开发 $ yarn start 打包 $ npm run pack 如果您想打包为dmg（在Mac上）或zip，请按照以下步骤操作 $ npm run dist 如果要打包所有平台（例如：mac，window
Ant Design Pro4.0+Umi3.0 升级整理
Cvory
08-12 2162
前言 Ant Design Pro这次升V4，升了一个大版本 搭配的Umi也升了一个大版本从V2升至V3 所以这次将手上的项目整体都升级了一下 升级整理： Layout整体要替换 form从Form.creat()变成useForm() 检验： icon不再从antd里引用 Dva揉进了umi,以前从dva引用的模块，现在都从umi中引用 用history替代route request集成在umi里 想对request进行自定义处理 官网有提供对应的api 官网地址：https:
Umi v4 & Ant Desgin Pro v6 & prisma & zod & casbin 企业级后台系统玩透视频教程（14 个视频）
求知久久编程学院
11-29 957
研究透 antd pro v6, 针对企业级应用需求进行开发实战。实现动态菜单，增删改查，各种常见需求，分析各种组件用法，以后还会录商城后台，财务审计，政府工程项目实战。 https://www.qiuzhi99.com/playlists/antdpro-prisma.html?invite_code=498391
React+antdPro4+TS(typescript)相关(知识点)踩坑记录
GodLoveMe的博客
11-16 2385
最近公司新开了项目，是后台管理系统，在技术选型上选择的时候，选择了react，然后整体的框架选择的是antd pro@4+这个脚手架搭建出来的单页面应用，要是想要仔细了解antd pro 可以看一下他的官方文档：antd pro，此次开发整体的技术栈包括：antd@4.7.3，react@16.8.6，管理数据流采用的是dva@2.4.0，另外还应用了umi@3.2.0，前端后端的数据交互，用的是umi-request，这个umi-request本质上来说是fetch，而目前特别流行的前后端交互工具axio
react(18.1.0)+ts(4.7.3)+antd(4.21.0)+react-router-dom(6.3.0)搭建后台管理系统
在路上`的博客
06-13 646
react-router-dom 6.3.0版本
【React】Umijs和TypeScript实现mock和反向代理
weixin_49202767的博客
08-05 980
基于React、TypeScript和umi实现mock数据和反向代理
Ant Design Pro 企业级后台实战（73 个视频）
求知久久编程学院
01-16 2169
Ant Design Pro 企业级后台实战（73 个视频） Ant Design Pro 企业级后台实战 #1 介绍（声音已调到毫无杂音_）「07:48」 Ant Design Pro 企业级后台实战 #2 学习的思想（二更）「09:43」 Ant Design Pro 企业级后台实战 #3 分析源码目录结构与跑起来（第三更）「08:37」 Ant Design Pro 企业级后台实战 #4 开...
视频教程-Ant Design Pro实战入门教程-整合版-ReactJS
weixin_34065726的博客
05-28 2757
Ant Design Pro实战入门教程-整合版 《Grails实战教程》系...
一起玩react 10分钟带你入门ant-design-pro
热门推荐
一步一个脚印
01-02 3万+
前言这篇文章主要根据自己最近一个月从学习react到最近实际使用ant-design-pro，谈一谈自己的使用心得，个人见解有误的地方望大家指正！1、为什么要选择ant-design-pro？其实我来目前公司之前，公司前端技术栈是vue+vuex+elementui+axios，但是奈何公司前端利用vue做出来东西表现确实一般，更重要的是代码有点乱，用我自己的话说就是野路子太多（当然野路子多会很方便
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员随风

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值