赵小左
前端菜鸟,喜欢打滚摸爬。
展开
-
【Ant Design Pro】使用ant design pro做为你的开发模板(完结篇)上线部署项目
断断续续,接近一个月时间,我们终于到了最后一个章节,部署上线。回想之前我们从刚开始的拉取代码,到修改代码,新增页面,调用接口,维护菜单一直到现在的上线部署,十篇文章,虽然不多,但是基本上都涵盖了我们快速开发的要点,伙伴们,这篇终于到结尾了。跟着我的步骤,完成这篇文章,我们基本上可以下次很灵活的使用 Ant Design Pro 来进行开发了。快点一起来看看吧。原创 2022-09-30 11:34:56 · 1623 阅读 · 0 评论 -
【Ant Design Pro】使用ant design pro做为你的开发模板(九)开发第一个完整的后台页面(二)
上章我们说了,如何搭建一个自己想要的后台页面。那本章我们就来说一说,这个页面的接口调用,以及如果在这个页面中完成新增与编辑功能。本章节,跟大家从上个章节遗留的tabel数据获取到页面数据的新增,以及浮层组件的建立,使用ref 调用子组件的操作等。基本带大家熟悉了一大圈,到目前为止,属于干活的ant design pro 的基本使用内容已经告一段落了。下一章就给大家说一说最热门关心的,ant design pro如何部署上线问题。好了。大家如果还有疑问,欢迎随时留言讨论。原创 2022-09-28 17:36:51 · 704 阅读 · 1 评论 -
【Ant Design Pro】使用ant design pro做为你的开发模板(八)开发第一个完整的后台页面
前面,我们从第一章的初识拉取项目一直到本章节的正式完成自己的 ant design pro的第一个页面,一路心酸,但是伙伴们能够看到这里也证明大家很优秀,至少坑被我们踩的差不多了,下来我们就跟随脚步一起写我们的第一个完成的页面吧~怎么样,是不是很简单,一个页面的搭建就是这样出来的,因为使用了现成的组件,所以需要东西都不需要我们操心,直接放置进来即可。本章就到这里,下一章节就给大家说一下,如何接通后台数据,以及弹框表单进行新增与删除。原创 2022-09-28 15:52:09 · 1062 阅读 · 2 评论 -
【Ant Design Pro】使用ant design pro做为你的开发模板(七)如何动态加载菜单列表
哈喽,朋友们好久不见,这两周忙着实际工作的事情,所以没有更新,不知不觉我们已经针对ant design pro的研究已经到了第七章。越来越深入的了解,让我们可能都有点跟不上,但是在此还是希望伙伴们能够沉下心,细心的跟敲,我们把这些代码吃透吃够就行。本章第七章,我们来一起看看 Ant design pro 如何动态加载左侧菜单。原创 2022-09-26 15:13:48 · 899 阅读 · 0 评论 -
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板(六)OpenAPI,快速管理你的请求接口
在之前的处理中,我们的项目 模板到目前为止已经基本具备了大多数功能,并且较为清晰,从本章开始,我们就要着重于实际开发,来解决伙伴们在日常开发中碰到的坑以及麻烦的事情,最大程度上的提高开发效率与开发规范。本章我们就来说一下前后端分离后,前端如何定义请求开发接口。原创 2022-09-09 15:29:35 · 1513 阅读 · 2 评论 -
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板(五)去除无效代码,生成一个清晰的开发模板
本次终于写到了第五章了,前面四章节,我们从一个全新的 umi3 的ant design pro 模板开始着手,我们以一个初始者要用它的思想介入,逐步走了新增路由、cssmodules、国际化语言切换、使用mock数据进行快速开发、联调正式接口、初始化配置、登录修改、接口文件提取等等。这次到第五章了,我们暂时不做新的改变,我们来把之前写的一些杂项收拾收拾,比如,清除一些不需要的代码,规范一些东西,让我们的项目成为我们的快速开发模板。原创 2022-09-07 19:36:17 · 665 阅读 · 0 评论 -
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板(四) 联调正式后台接口与运行时全局配置
在第三章节中,我们联调后台管理系统,因为后台服务接口没出来,所以我们使用的mock模拟数据来联调,这时候假如我们的正式后台接口出来了,我们的pro模板应当如何联调正式的后台管理系统呢?原创 2022-09-05 16:26:07 · 941 阅读 · 0 评论 -
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板(三) 接入mock数据做持续开发
接上文,在一个项目中,除过基础的增加页面之外,我们紧跟着就是要数据联调,可是当后台还没有给出正式接口的时候,前端难道要停止开发等待后台接口吗?综上所述,mock数据是前端在后台正式接口还没出来之前的模拟数据,前端模拟后台数据返回,可以自由定义返回数据,使前端不停歇的继续开发,大大提高了开发效率。:明月,从业前端开发,会Java,会前端,会产品,会测试,会大客户销售,有过职业规划经验,欢迎各位私信聊天。就必须,我们要验证登录接口,那么我们就启动项目找到登录,进行登录,然后查看接口返回值是否一直。原创 2022-09-05 12:23:51 · 714 阅读 · 0 评论 -
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板(二)新增一个页面与如何添加国际化
Ant Deisgn Pro 如何新增页面,如何配置国际化展示呢?原创 2022-09-02 20:01:32 · 963 阅读 · 0 评论 -
猿创征文 |【Ant Design Pro】使用ant design pro做为你的开发模板(一)拉取项目
这段时间接到了一个突击项目,要在一周内完成一个某医院的癫痫管理平台,由于之前一直使用vue进行开发,本次想换个技术栈,则选择使用了react进行开发。在开发的同时为了快速则选择了react技术栈中较火的 Ant Design UI库来接入。当然了,只使用UI库还不够,我需要快速开发,则对应的开发模板不能少,既然都使用了 Ant Deisgn ,那自然的开发模板选择了 Ant Design 官方出品的 Ant Design Pro 后台管理系统模板。原创 2022-09-02 17:22:35 · 1176 阅读 · 0 评论