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
dvajs github homepage
一起學dvajs
http://www.jianshu.com/p/69f13e9123d9
ES6入門教程
CSS參考
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference
jQuery的移動端替代產品
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 的代碼。