剧场模式
首页前后端分离ReactAnt Design Pro 企业级后台实战

Ant Design Pro 企业级后台实战 #3 分析源码目录结构与跑起来(第三更)

海外散仙厉飞雨 · 化神发布于新课程
0

注意,由于新的 antd pro 源码已改变了,使用了 ts 来写,并且默认情况下删除了好多页面(看这里:Ant Design Pro v4 is Here),可以会出现下面的情况:

这是因为 antd pro 在不断更新,虽然录视频的时候,使用 antd pro 也是最新的版本,但是它是在不断地更新中。

可以这样解决,clone v2 版本的 antd pro (最新版应该会是 v4,没有 v3,不过还没正式发版,但是 github 的源码已经不是 v2 版本的)

第一步:

git clone https://github.com/ant-design/ant-design-pro --branch=v2

如果你不想 clone,也可以进这里下载:

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

第二步: npm install

cd ant-design-pro
npm install

第三步: npm start

npm start

如果 npm install 很慢,可能要自己用中国的源,比如搜索 npm 淘宝源yarn 安装很慢 之类的字眼来解决,网上好多解决方法。

遇到一些库安装很慢,有些好像是可以忽略的,比如 puppeteer,等一些时间还是不行,就按 ctrl + c,再进行 npm install ,或实在不行,就搜索一下,类似这样:npm puppeteer 很慢

这样运行起来就跟视频中是一样的了,可以进行学习:

UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 这套课程会使用最新版的 antd pro v4。

https://pro.ant.design/docs/getting-started-cn

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

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

https://my.oschina.net/jiangxinxin/blog/775326

14 条回复
  • Ebigbang · 合体
    Ebigbang · 合体 #1

  • Ebigbang · 合体
    Ebigbang · 合体 #2

    咋加载不是依赖呢

  • 思进 · 大乘
    思进 · 大乘 #3


    请教为什么我启动的页面没有demo的菜单呢,同时输入 localhost:8000/user/login 没有进入登录页呢?谢谢

  • 想卖咖啡的程序员 · 元婴

    你应该是 umi 生成的初始项目吧

  • 思进 · 大乘
    思进 · 大乘 #5

    我的步骤,第一步 git clone https://github.com/ant-design/ant-design-pro.git ,第二步:npm install,(yarn install 太慢了。)第三步:yarn start。正确的步骤应该是什么呢? 感谢! 祝端午节快乐!

  • 想卖咖啡的程序员 · 元婴

    回去再发你吧

  • 思进 · 大乘
    思进 · 大乘 #7

    好的,节日快乐,晚上等你!

  • 思进 · 大乘
    思进 · 大乘 #8

    我刚才用了ant-design-pro-cli初始化菜单也不行,怀疑是因为安装puppeteer 卡住导致了,这个包需要翻墙。

  • 想卖咖啡的程序员 · 元婴

    注意,由于新的 antd pro 源码已改变了,使用了 ts 来写,并且默认情况下删除了好多页面(看这里:Ant Design Pro v4 is Here),可以会出现下面的情况:

    这是因为 antd pro 在不断更新,虽然录视频的时候,使用 antd pro 也是最新的版本,但是它是在不断地更新中。

    可以这样解决,clone v2 版本的 antd pro (最新版应该会是 v4,没有 v3 _,不过还没正式发版)

    第一步:

    git clone https://github.com/ant-design/ant-design-pro --branch=v2
    

    第二步: npm install

    cd ant-design-pro
    npm install
    

    第三步: npm start

    npm start
    

    如果 npm install 很慢,可能要自己用中国的源,比如搜索 npm 淘宝源yarn 安装很慢 之类的字眼来解决,网上好多解决方法。

    遇到一些库安装很慢,有些好像是可以忽略的,比如 puppeteer,等一些时间还是不行,就按 ctrl + c,再进行 npm install ,或实在不行,就搜索一下,类似这样:npm puppeteer 很慢

    这样运行起来就跟视频中是一样的了,可以进行学习:

    UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 这套课程会使用最新版的 antd pro v4。

  • 思进 · 大乘
    思进 · 大乘 #10

    感谢,我刚才尝试了下,完美解决我的问题。现在已经可以正常继续了。感谢你这么用心去关注用户感受!同时,我贪心一些,多问下你是如何能快速知道这个问题产生的原因是因为代码版本的问题的呢?

  • 想卖咖啡的程序员 · 元婴

    因为最近有听过 antd pro 的源码会修改

  • 想卖咖啡的程序员 · 元婴

    npm install 一下

  • ✋✋ · 大乘
    ✋✋ · 大乘 #13

    请问这个是咋回事 我下载的课程代码

  • 想卖咖啡的程序员 · 元婴

    应该是你后端没有跑 git clone git@github.com:hfpp2012/redux-login.git --branch=antd_pro_backend 你先跟着来,别急着跑起来的,前端要跑的时候不要开启 mock,后面有说的,你先过一遍吧

小程序(beta)抖音服务号订阅号
随机课程
react 基础实践篇-小型财务系统

react 基础实践篇-小型财务系统

10 个视频2 小时 9 分钟初级

Pro¥ 49.00¥ 39.20

前端React已完结

课程目录

1FreeAnt Design Pro 企业级后台实战 #1 介绍(声音已调到毫无杂音^_^)

2FreeAnt Design Pro 企业级后台实战 #2 学习的思想(二更)

FreeAnt Design Pro 企业级后台实战 #3 分析源码目录结构与跑起来(第三更)

4ProAnt Design Pro 企业级后台实战 #4 开始实战项目

5ProAnt Design Pro 企业级后台实战 #5 国际化与路由

6ProAnt Design Pro 企业级后台实战 #6 路由与菜单(今天第三更)

7ProAnt Design Pro 企业级后台实战 #7 使用 vscode 的代码提示来更好地写 antd pro 的代码

8ProAnt Design Pro 企业级后台实战 #8 更换主题的思想

9ProAnt Design Pro 企业级后台实战 #9 如何改变网站的主题风格

10ProAnt Design Pro 企业级后台实战 #10 如何创建页面

11ProAnt Design Pro 企业级后台实战 #11 如何修改请求的数据

12ProAnt Design Pro 企业级后台实战 #12 antd pro 是如何封装请求的

13ProAnt Design Pro 企业级后台实战 #13 修改数据

14ProAnt Design Pro 企业级后台实战 #14 分析组件得到数据的流程

15ProAnt Design Pro 企业级后台实战 #15 更改文件的内容

16ProAnt Design Pro 企业级后台实战 #16 为什么要使用 mock

17ProAnt Design Pro 企业级后台实战 #17 使用 mock 来摸拟数据

18ProAnt Design Pro 企业级后台实战 #18 如何来更好地使用 mock

19ProAnt Design Pro 企业级后台实战 #19 mock 功能、开发环境与生产环境

20ProAnt Design Pro 企业级后台实战 #20 不使用 Mock,如何改为本地的服务

21ProAnt Design Pro 企业级后台实战 #21 代理与跨域

22ProAnt Design Pro 企业级后台实战 #22 umi 支持独立的 mock 服务吗 part 1

23ProAnt Design Pro 企业级后台实战 #23 umi 支持独立的 mock 服务吗 part 2

24ProAnt Design Pro 企业级后台实战 #24 把 ant design pro 部署到线上服务器 part 1

25ProAnt Design Pro 企业级后台实战 #25 把 ant design pro 部署到线上服务器 part 2(第一部分完结)

26ProAnt Design Pro 企业级后台实战 #26 更新内容与计划(第二部分开始更新)

27ProAnt Design Pro 企业级后台实战 #27 引入真实的后端 API 服务(解决包版本依赖问题)

28ProAnt Design Pro 企业级后台实战 #28 创建好后端服务(解决数据库问题)

29ProAnt Design Pro 企业级后台实战 #29 从后端获得请求的数据内容(第二更)

30ProAnt Design Pro 企业级后台实战 #30 简单了解下分页

31ProAnt Design Pro 企业级后台实战 #31 表格组件(第二更)

32ProAnt Design Pro 企业级后台实战 #32 表格 Table 和 卡片 Card

33ProAnt Design Pro 企业级后台实战 #33 前端获得后端 API 返回的列表数据(第二更)

34ProAnt Design Pro 企业级后台实战 #34 前端 connect model 的数据

35ProAnt Design Pro 企业级后台实战 #35 前端 render 出后端的数据(第二更)

36ProAnt Design Pro 企业级后台实战 #36 代码提交时关闭 eslint 检查(husky、lint-staged)

37ProAnt Design Pro 企业级后台实战 #37 显示正确的数据(第二更)

38ProAnt Design Pro 企业级后台实战 #38 显示正在加载中 loading 的标志

39ProAnt Design Pro 企业级后台实战 #39 处理表格内容的显示(时间格式化)(第三更)

40ProAnt Design Pro 企业级后台实战 #40 分页

41ProAnt Design Pro 企业级后台实战 #41 前端的分页组件(第二更)

42ProAnt Design Pro 企业级后台实战 #42 前端发送请求带上分页的页数参数(第四更)

43ProAnt Design Pro 企业级后台实战 #43 后端手动处理分页(理解原理)

44ProAnt Design Pro 企业级后台实战 #44 前端显示正确的分页信息

45ProAnt Design Pro 企业级后台实战 #45 完成分页(第二部分结束,进入登录注册环节)

46ProAnt Design Pro 企业级后台实战 #46 登录功能的问题(第三部分开启,第四更)

47ProAnt Design Pro 企业级后台实战 #47 登录组件

48ProAnt Design Pro 企业级后台实战 #48 登录的请求

49ProAnt Design Pro 企业级后台实战 #49 分析登录权限的源码

50ProAnt Design Pro 企业级后台实战 #50 为什么要把数据存储到 localStorage 或 cookies

51ProAnt Design Pro 企业级后台实战 #51 实例讲解权限控制是如何运作的(第二更)

52ProAnt Design Pro 企业级后台实战 #52 详细分析权限的源码

53ProAnt Design Pro 企业级后台实战 #53 权限管理的组件分析

54ProAnt Design Pro 企业级后台实战 #54 为什么要使用 json web token

55ProAnt Design Pro 企业级后台实战 #55 什么是 json web token(jwt)

56ProAnt Design Pro 企业级后台实战 #56 生成 json web token

57ProAnt Design Pro 企业级后台实战 #57 实例讲解如何用 headers 返回 jwt - umi-request

58ProAnt Design Pro 企业级后台实战 #58 详细讲解如何用 cookies 返回 jwt - cookie-parser

59ProAnt Design Pro 企业级后台实战 #59 客户端解析 jwt 获得权限数据

60ProAnt Design Pro 企业级后台实战 #60 解决登录问题(二更)

61ProAnt Design Pro 企业级后台实战 #61 不能只相信前端,安全问题!

62ProAnt Design Pro 企业级后台实战 #62 umi-request 发送请求时带上头部认证信息

63ProAnt Design Pro 企业级后台实战 #63 服务器端验证 json web token

64ProAnt Design Pro 企业级后台实战 #64 处理 json web token 的各种问题

65ProAnt Design Pro 企业级后台实战 #65 用 umi-request 的拦截器解决登录之后的头信息发送问题

66ProAnt Design Pro 企业级后台实战 #66 伪造 json web token ?

67ProAnt Design Pro 企业级后台实战 #67 处理请求当前用户的问题

68ProAnt Design Pro 企业级后台实战 #68 当前用户与一些组件 part 1

69ProAnt Design Pro 企业级后台实战 #69 最烦人的一集,重大的关于重新登录的 bug

70ProAnt Design Pro 企业级后台实战 #70 当前用户与一些组件 part 2

71ProAnt Design Pro 企业级后台实战 #71 关于路由的一些问题(二更,还有三更)

72ProAnt Design Pro 企业级后台实战 #72 如何给 dva 添加一个插件

73ProAnt Design Pro 企业级后台实战 #73 完结(第四更)

学员
小夜🎾 · 元婴lacduang · 元婴w9383216 · 大乘Actor · 大罗伟伟 · 大乘Asia Li · 大乘owenyikong · 道祖nguyrtc · 大乘wangbing19 · 元婴chenlin666 · 元婴晋隆 · 元婴qwas3110 · 大罗pandong8 · 元婴zhangxiaobobo · 元婴Ted Huang · 元婴Hi-jing · 元婴章强 · 元婴历 · 大乘jiuli-gcy · 道祖gointosunset · 元婴wangj · 元婴骑龙 · 太乙志涛 · 真仙阿震 · 真仙solomon · 元婴王恒 · 元婴ccbranch · 大乘骑车去爬坡 · 元婴nsq910411 · 太乙kinyoqo · 太乙cltsp · 元婴18577198510 · 元婴kingsoft123 · 元婴yinzhuoya · 大罗tank-w · 大乘nickiwen · 真仙珍惜 · 元婴KiveChi · 元婴lyskyerd · 金仙woojufon · 元婴AphasiaPatient · 真仙liangjincheng · 大乘金丹期,大成 · 真仙 · 元婴yy523697597 · 大乘ywy94ywy · 元婴hycx · 元婴jhshen · 道祖souvenirLost · 元婴不才人 · 元婴Jean · 真仙小平头 · 元婴helloworld2019 · 金仙李港辉 · 元婴xiaoxi · 真仙罗少木 · 元婴qiuwanfu · 元婴:)~ · 元婴我去偷个柚子养你啊 · 真仙Kylinyu · 元婴海月明 · 元婴哒哒 · 元婴ningshao · 真仙YJeremy · 真仙ChungHoon · 太乙MrXujiang · 元婴吕永博 · 真仙chj_R · 道祖ldc · 真仙ownryan · 道祖Tracy · 太乙阿白 · 真仙Sean · 元婴墨鱼 · 元婴钟声 · 道祖TopAlien · 元婴super · 大乘null · 真仙miss · 元婴生活~ · 合体roy201603 · 合体哄哄 · 元婴songtianen · 道祖柏林 · 元婴frank · 真仙chloris · 太乙halion · 大乘sangermax · 元婴DMAlexL · 合体01 · 元婴fsiwan · 元婴caspertu · 真仙wuchuanhai769142382 · 元婴Chong Keat · 元婴mist · 元婴昀 · 元婴JesusCracker · 太乙你坑到我了 · 太乙congzi2019 · 大乘halionn · 元婴React-小白 · 合体kongcheng · 金仙管妈妈阿胶专卖 · 元婴rex19 · 元婴may2472 · 元婴zhangxinxing59 · 元婴Autocide丶 · 元婴netzheng · 元婴yupd · 真仙Mathow · 元婴阿璇 · 元婴天天向上 · 合体DERDRAGON · 元婴张文静 · 合体quchenye · 元婴哄哄 · 大乘Chengma999 · 道祖zzqswo · 合体gotophp · 元婴mikechang · 练虚ZuhuaLiu · 元婴wind · 太乙神经末梢 · 元婴星星De微光 · 金仙SQYY · 元婴liulei-jishu · 合体᭄᭄ꦿMars · 元婴阿飞 · 合体Sunshine · 元婴Brolly0204 · 元婴vzhzhq · 合体一棵柠檬红 · 元婴muxin · 合体Song-t · 元婴shinebo · 元婴pst123 · 大乘979164900 · 元婴justice · 真仙qq1057119720 · 太乙Dawn · 元婴UnicornXU · 元婴WNSWRT · 元婴weisuoke · 合体ywp · 元婴ShuWangSam · 合体qianyaqun · 元婴任流光过却 · 元婴moonlightMing · 大罗lwjj · 元婴iverhao · 真仙yangy_11 · 合体Ming · 真仙winds · 合体Matthew · 道祖deliphi · 元婴Reeko103 · 元婴Clown0420 · 元婴天下 · 合体Joe · 元婴LShuai87 · 元婴water0a · 元婴KaierChou · 太乙尹迪 · 合体leeruigan · 合体潘家湾 · 元婴李天惊 · 元婴adun1982 · 大乘Thever · 太乙sin · 练虚李卓 · 元婴D3xian · 合体menglingfei · 元婴😬😬😬😬焦 · 元婴靓狼仔 · 真仙Max · 大乘zhangyifeizzZ · 元婴hanruiying · 道祖23.59 · 元婴htring · 元婴     · 合体      · 元婴heiy · 道祖疯癫 · 金仙洛邪 · 合体studytm · 大罗hafly · 大乘🏎 · 元婴itMyron · 道祖maxry · 真仙LJYonline · 元婴小薛 · 元婴juiceMu · 元婴yeziahehe · 元婴气体销售 · 太乙Leon · 元婴LeoDo · 太乙bianbiandashen · 元婴wenwenhappy · 元婴caoweiyu · 元婴^h^ · 大乘Target · 元婴| · 合体zhou9shun · 元婴leo · 真仙CunFlower · 合体奥利奥 · 元婴李自强 · 元婴yhuyo · 道祖娜娜 · 太乙jimmyann · 合体shiyujiucheng · 元婴明天再说 · 元婴xuqplus · 元婴hacker0limbo · 元婴良人 · 元婴daniel_mea · 元婴fengshao1234 · 元婴eizo · 真仙tianbo · 元婴stevinwu · 元婴WezX · 元婴陈旭 · 元婴甄甄甄甄甄二~ · 元婴Aci Go · 元婴水若寒 · 元婴lgz · 大乘TTBirds · 元婴欢乐马 · 大乘netNowork · 大乘hly8773957 · 大乘子非鱼 · 真仙EZIO · 元婴oldwolf · 元婴ortion · 合体_天堂鳥_ · 元婴高晓雨 · 元婴Tovish · 合体✋✋ · 大乘程 · 合体🎃 · 元婴冬冬 · 元婴18665892037 · 合体... .- .-.. · 元婴骑熊人不熊 · 金仙yanjia0807 · 金仙18361082737 · 金仙Better宫 · 元婴iApi · 练虚rain_ed · 元婴leishihong · 元婴Lucien1zhang · 元婴寒塘渡鹤影 · 元婴allenyang89 · 元婴Qujoe · 合体ttswh2009 · 太乙youngsailor · 大乘VShangxiao · 元婴玖伍迷梦 · 元婴刘猛 · 金仙fengzdchen · 合体思故乡 · 元婴1478773579 · 元婴Demons · 合体Dais · 元婴余秋是你~ · 元婴- · 练虚浮生尽歇 · 元婴ChenWes · 练虚rayay · 道祖Guojie777 · 元婴y405729091 · 元婴过往 · 练虚codecry · 元婴i.Heart · 练虚3430906018 · 合体shaohuatsou · 大乘咔咔咔 · 元婴不说 · 元婴韦威 · 真仙太阳公公是暖光 · 练虚kuangcaobaihuzi · 道祖ydx731027521 · 元婴VeChar · 元婴wuhua · 太乙健男-春 · 合体乐乐 · 道祖Castiel · 练虚bgrc · 太乙华伟 · 元婴王鑫 · 合体程华 · 元婴yechunsuo · 元婴xfgu · 合体思进 · 大乘相国 · 练虚sunpanyu123 · 练虚不风流、 · 真仙onlylovesq · 元婴Ingram · 元婴ccc147256 · 太乙J俊熙 · 合体han88829 · 元婴Max · 合体shan1iu · 元婴guxiaobai · 道祖thinrflbtlm · 元婴逗多多 · 练虚HoldDie · 合体贰哥 · 元婴wasd6631456 · 大乘略略略 · 合体1+1=? · 元婴imfarfar · 元婴shaowen · 元婴crazyer · 合体tgq123654 · 合体常亮 · 合体answer · 真仙tingyouxu · 大乘JSjump · 大罗zhichaoren · 大罗shishihou · 道祖fmheart · 真仙magic · 大罗悟者 · 元婴随风小迷妹 · 元婴cyx · 元婴凡人 · 元婴wanglinjiang · 道祖Tom Chen · 元婴sandGn · 元婴Ebigbang · 合体羞羞怪 · 元婴lpeihan · 大乘小猪佩奇 · 真仙ashlgs · 元婴Ggz · 元婴就酱紫 · 练虚xiao_ran · 太乙user666666 · 元婴Zeratull · 道祖rockyfc · 元婴love309022 · 练虚李助明 · 练虚政治小北可 · 元婴Spider的故事 · 元婴adingmoon · 太乙lolotang · 元婴爱跳的矮子 · 练虚hitobias · 大罗椰子树的美 · 元婴wjfc · 太乙旧时光 · 合体青铜甲 · 练虚AKATSUKIQnQ · 元婴心之所向,无力阻挡 · 真仙highcker · 太乙lijielove · 元婴戴松青 · 练虚永战 · 练虚Harris · 元婴nanaguo · 合体aibotian · 元婴NiceCaia · 金仙hostler123 · 合体Chandler · 练虚lenvo222 · 元婴木木 · 练虚肖旭 · 元婴kalan · 元婴宇 · 元婴17706511375 · 真仙MrYyang · 元婴king · 练虚张鸿飞 · 元婴ttyring · 元婴Geassu · 道祖myhello2world · 元婴ClarkYanSheng · 练虚天山来客 · 元婴lilili001 · 合体LL · 元婴tzy362502 · 元婴aiyinyuecool · 太乙wanghuanhuai · 金仙Admirror233 · 合体yyx19890813 · 元婴啊邱 · 元婴xuezh · 大罗liar · 真仙zhenxingQ · 真仙supercat55 · 金仙吴盛威 · 真仙k8king · 大罗WangLarry · 练虚隔壁小王 · 元婴Bruce · 元婴allonkwok · 太乙dandyyl · 元婴twoheart · 大罗Welus · 元婴三草 · 合体开心就好 · 合体xuningyang · 大罗nfwyst · 合体eowyn · 大乘RichardTibco · 真仙whting · 元婴chendatao1126 · 金仙JayChou55 · 元婴l617388617 · 合体HiroTang · 太乙cometjun · 道祖linhaijian · 元婴刘文博 · 元婴13783850595 · 金仙徐潇宇 · 合体TON🇱🇦 · 元婴liying · 元婴  · 大乘雪域蓝天 · 元婴jfzmj · 元婴KumoIs · 合体Kepler · 大罗风吹来的沙 · 元婴theShy · 道祖一二三五 · 合体satos · 合体zenkun · 太乙wx1989 · 元婴libin · 大乘wjm0913 · 道祖杰凯 · 合体尚斌杰 · 元婴suifengmidi · 练虚chrisliume · 太乙Smile · 元婴993926972 · 元婴sulaymanyf · 元婴limAx · 元婴dagi · 元婴liunian1993 · 合体xiaofeiyan · 元婴Kristin · 太乙yangzdpssoft · 合体xiwillo · 道祖haiyangzhaoo · 元婴ghghhh · 元婴vhkdiy · 元婴kennx · 大乘ztz1234567 · 元婴HunterX · 化神hyt9796 · 大乘zuoyueqin · 真仙Super-Ps · 合体grayFlag · 练虚qianduan · 元婴ver · 元婴tompson · 元婴haowen199549 · 大乘linronglang · 太乙kimistar · 元婴PeterWeb · 合体mengdeng · 元婴aironm · 元婴ryuusennka · 大罗hongzequan · 元婴ccy940912 · 太乙dannyking630 · 真仙sugo_kazami · 练虚XiangFengZhao · 合体terry · 太乙sphawkcn · 合体xwj1995102 · 元婴huangsiyuan2019 · 元婴tty20011 · 元婴
最新动态
小夜🎾 · 元婴学习到了9:02
lacduang · 元婴学习到了9:02
w9383216 · 大乘学习到了9:00
Actor · 大罗学习到了9:02
伟伟 · 大乘学习到了6:28
统计信息
    学员: 14415
    视频数量: 825
    帖子数量: 418

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:93

Top