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