查看原文
其他

技术 | 前端福音,蚂蚁金服 Ant Design 生态一览

鱼皮 程序员鱼皮 2022-08-14

蚂蚁金服是一家互联网金融服务公司,前身是支付宝,2020 年 7 月份正式更名为蚂蚁集团,并且于 7 月 20 日公开了上市计划,一时轰动了整个互联网。

随着蚂蚁上市计划的公开,这家公司人气越来越高,已然是一个互联网大厂,其背后的技术和团队也得到了更多人的关注和重视。
今天,我们来看一下,这家金融服务公司背后优秀的前端技术生态 —— Ant Design。

Ant Design

Ant Design 不仅仅是一套企业级的产品设计体系,还遵循这套设计体系提供了丰富的、规范和风格一致的前端 UI 组件

随着 Web 前端技术的发展,以及蚂蚁自身金融业务的发展,蚂蚁金服技术团队还创造了移动端组件库、企业级中后台管理系统、页面生成工具、脚手架市场、动效库、数据可视化库等。为保证用户得到最好的视觉体验,以上所有组件全部遵循一致的设计风格,即 Ant Design。因此,Ant Design 的生态可以说是非常强大。蚂蚁金服的各个项目中,都有使用到 Ant Design

Ant Design 中文主页:https://ant.design/index-cn

Ant Design 组件库

Ant Design 提供了精美全面的组件库,主要用于开发企业级中后台产品,支持现在主流的三大前端开发框架 React(主要)、Vue、Angular,并提供了详细的文档,能够帮助开发者快速上手。

Ant Design of React 文档:https://ant.design/docs/react/introduce-cn
Ant Design of Angular 文档:https://ng.ant.design/docs/introduce/zh
Ant Design of Vue:https://www.antdv.com/docs/vue/introduce-cn/

Ant Design Mobile

移动端流行的时代,怎么能少了移动 UI 库呢?Ant Design Mobile 就是 Ant Design 组件库的移动端版本,支持 React 和 Angular 两个主流开发框架,提供了丰富的组件,直接打开文档,复制代码略加修改即可使用组件。

Ant Design Mobile of React 文档:https://mobile.ant.design/docs/react/introduce-cn
Ant Design Mobile of Angular 文档:https://ng.mobile.ant.design/#/docs/introduce/zh

Ant Design Pro

开箱即用的中后台前端系统,封装了各种企业后台系统常用的页面和组件,比如监控页、表单页等等,甚至还有强大的图形编辑器!非常适合有 React 开发经验的同学直接使用(不建议小白直接使用,可能不会修改)!

地址:https://pro.ant.design/index-cn

Ant Design Landing

Ant Design Landing 可以说是前端开发者「偷懒」的神器,不用写代码,就能开发一个个精美的网站首页
平台拥有丰富的各类首页模板,下载模板代码包,即可快速使用。

还可以在现有模板的基础上进行定制化编辑,快速搭建一个属于你的专属首页:
地址:https://landing.ant.design/index-cn

Scaffolds 脚手架

And Design 脚手架市场,允许开发者开发自己的模板页面、项目启动框架、组件、工具等并在此分享。可以在这里找到很多节省开发工作量的现成优秀代码。

地址:https://scaffold.ant.design

Ant Motion 动效库

Ant Design 风格的动效库,提供各种常用的动画和灵活的高级动效组件,让你的页面栩栩如生。

地址:https://motion.ant.design/index-cn

AntV 数据可视化

蚂蚁金服是一家金融互联网公司,怎么少得了数据可视化呢?因此,团队开发了 AntV。
AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践
提供了各种类型的图表、数据可视化引擎、地理空间数据可视化、图分析组件、跨平台兼容的移动端数据可视化,还提供了在线制作图表的工具 ChartCube 图表魔方。每一个产品都是大制作!

用图表魔方制作图表:
AntV 官网:https://antv.vision/zh

Ant Design Charts 图表库

对 AntV 数据可视化组件的封装,能够以 Ant Design React 组件的方式直接使用图表,不得不说,真是太贴心了!

地址:https://charts.ant.design/


以上就是对蚂蚁金服 Ant Design 生态的介绍啦,前端开发者们,一定要试一下!
想了解更多蚂蚁金服的前端技术和产品,可以点击下方阅读原文前往蚂蚁体验科技官网哦~

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存