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 的代碼。