剧场模式
首页前后端分离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 · 金仙后期

    咋加载不是依赖呢

  • 思进 · 金仙巅峰


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

  • 想卖咖啡的程序员 · 真仙

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

  • 思进 · 金仙巅峰

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

  • 想卖咖啡的程序员 · 真仙

    回去再发你吧

  • 思进 · 金仙巅峰

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

  • 思进 · 金仙巅峰

    我刚才用了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)
课程目录

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 完结(第四更)

学员
01 · 真仙fsiwan · 真仙caspertu · 太乙玉仙wuchuanhai769142382 · 真仙frank · 太乙玉仙Chong Keat · 真仙mist · 真仙昀 · 真仙JesusCracker · 大罗songtianen · 道祖你坑到我了 · 大罗congzi2019 · 金仙巅峰阿震 · 金仙后期halionn · 真仙chenjiangshun · 金仙后期kongcheng · 太乙巅峰管妈妈阿胶专卖 · 真仙rex19 · 真仙may2472 · 真仙zhangxinxing59 · 真仙Autocide丶 · 真仙netzheng · 真仙yupd · 太乙玉仙Mathow · 真仙DMAlexL · 金仙后期阿璇 · 真仙天天向上 · 金仙后期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 · 金仙后期qwas3110 · 太乙玉仙ywp · 真仙ShuWangSam · 金仙后期qianyaqun · 真仙任流光过却 · 真仙moonlightMing · 太乙巅峰lwjj · 真仙iverhao · 太乙玉仙yangy_11 · 金仙后期Ming · 太乙玉仙winds · 金仙后期Matthew · 太乙巅峰deliphi · 真仙Reeko103 · 真仙Clown0420 · 真仙天下 · 金仙后期Joe · 真仙jiuli-gcy · 真仙LShuai87 · 真仙water0a · 真仙KaierChou · 大罗尹迪 · 金仙后期leeruigan · 金仙后期潘家湾 · 真仙李天惊 · 真仙adun1982 · 金仙巅峰Thever · 太乙玉仙Actor · 金仙巅峰sin · 金仙中期李卓 · 真仙D3xian · 金仙后期menglingfei · 真仙😬😬😬😬焦 · 真仙靓狼仔 · 太乙玉仙Max · 金仙巅峰zhangyifeizzZ · 真仙hanruiying · 道祖23.59 · 真仙htring · 真仙     · 金仙后期      · 真仙heiy · 大罗疯癫 · 太乙巅峰洛邪 · 金仙后期studytm · 太乙巅峰hafly · 金仙巅峰🏎 · 真仙itMyron · 道祖maxry · 太乙玉仙LJYonline · 真仙小薛 · 真仙juiceMu · 真仙yeziahehe · 真仙气体销售 · 大罗Leon · 真仙wangbing19 · 真仙OOM · 大罗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 · 真仙chj_R · 道祖过往 · 金仙中期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 · 大罗super · 金仙巅峰dannyking630 · 太乙玉仙sugo_kazami · 金仙中期XiangFengZhao · 金仙后期terry · 大罗sphawkcn · 金仙后期xwj1995102 · 真仙huangsiyuan2019 · 真仙tty20011 · 真仙
最新动态
01 · 真仙学习到了0:42
fsiwan · 真仙学习到了9:02
caspertu · 太乙玉仙学习到了9:02
wuchuanhai769142382 · 真仙学习到了7:10
frank · 太乙玉仙学习到了7:24

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

Top