Axure 蚂蚁设计团队组件库 让交互稿美美"搭"

Github资源：https://github.com/ant-design/ant-design-pro

English | 简体中文

 

技术实践篇

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

ant DEMO

https://preview.pro.ant.design

 

antd 各网站入口

手机版组件
https://mobile.ant.design/docs/react/introduce-cn

桌面版
https://ant.design/docs/react/introduce-cn

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

蚂蚁金服数据可视化

https://antv.alipay.com/zh-cn/index.html

React Advanced Guide

https://reactjs.org/docs/jsx-in-depth.html

React Route （如果控制页面跳转）

https://github.com/ReactTraining/react-router

https://reacttraining.com/react-router/web/guides/philosophy

Redux （如果修改状态和调用接口数据）

https://redux.js.org/docs/introduction/CoreConcepts.html

Webpack

https://webpack.js.org/

dvajs github homepage

https://github.com/dvajs/dva

一起学dvajs

http://www.jianshu.com/p/69f13e9123d9

ES6入门教程

http://es6.ruanyifeng.com/

CSS参考

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference

jQuery的移动端替代产品

http://zeptojs.com/

Ant Design Pro

开箱即用的中台前端/设计解决方案。

• 预览：http://preview.pro.ant.design
• 首页：http://pro.ant.design/index-cn
• 使用文档：http://pro.ant.design/docs/getting-started-cn
• 更新日志: http://pro.ant.design/docs/changelog-cn
• 常见问题：http://pro.ant.design/docs/faq-cn

特性

• ? 优雅美观：基于 Ant Design 体系精心设计
• ? 常见设计模式：提炼自中后台应用的典型页面和场景
• ? 最新技术栈：使用 React/dva/antd 等前端前沿技术开发
• ? 响应式：针对不同屏幕大小设计
• ? 主题：可配置的主题满足多样化的品牌诉求
• ? 国际化：内建业界通用的国际化方案
• ⚙️ 最佳实践：良好的工程实践助您持续产出高质量代码
• ? Mock 数据：实用的本地数据调试方案
• ✅ UI 测试：自动化测试保障前端产品质量

模板

- Dashboard
  - 分析页
  - 监控页
  - 工作台
- 表单页
  - 基础表单页
  - 分步表单页
  - 高级表单页
- 列表页
  - 查询表格
  - 标准列表
  - 卡片列表
  - 搜索列表（项目/应用/文章）
- 详情页
  - 基础详情页
  - 高级详情页
- 结果
  - 成功页
  - 失败页
- 异常
  - 403 无权限
  - 404 找不到
  - 500 服务器出错
- 帐户
  - 登录
  - 注册
  - 注册成功

使用

$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
$ cd ant-design-pro
$ npm install
$ npm start         # 访问 http://localhost:8000

也可以使用集成化的 ant-design-pro-cli 工具。

$ npm install ant-design-pro-cli -g
$ mkdir pro-demo && cd pro-demo
$ pro new

更多信息请参考 使用文档。

兼容性

现代浏览器及 IE11。

参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 ?：

• 在你的公司或个人项目中使用 Ant Design Pro。
• 通过 Issue 报告 bug 或进行咨询。
• 提交 Pull Request 改进 Pro 的代码。

转载于:https://www.cnblogs.com/boonya/p/8456260.html