简体中文 | English
Ant Design Pro
开箱即用的中台前端/设计解决方案。
- 预览:http://preview.pro.ant.design
- 首页:http://pro.ant.design
- 使用文档:http://pro.ant.design/docs/getting-started
- 常见问题:http://pro.ant.design/docs/faq
特性
- 💎 优雅美观:基于 Ant Design 体系精心设计
- 📐 常见设计模式:提炼自中后台应用的典型页面和场景
- 🚀 最新技术栈:使用 React/dva/antd 等前端前沿技术开发
- 📱 响应式:针对不同屏幕大小设计
- 🎨 主题:可配置的主题满足多样化的品牌诉求
- 🌐 国际化:内建业界通用的国际化方案
- ⚙️ 最佳实践:良好的工程实践助您持续产出高质量代码
- 🔢 Mock 数据:实用的本地数据调试方案
- ✅ UI 测试:自动化测试保障前端产品质量
模板
- Dashboard
- 分析页
- 监控页
- 工作台
- 表单页
- 基础表单页
- 分步表单页
- 高级表单页
- 列表页
- 查询表格
- 标准列表
- 卡片列表
- 搜索列表(项目/应用/文章)
- 详情页
- 基础详情页
- 高级详情页
- 结果
- 成功页
- 失败页
- 异常
- 403 无权限
- 404 找不到
- 500 服务器出错
- 帐户
- 登录
- 注册
- 注册成功
使用
$ git clone git@github.com:ant-design/ant-design-pro --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 init
更多信息请参考 使用文档。
兼容性
现代浏览器及 IE11。
参与贡献
我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建 😃:
- 在你的公司或个人项目中使用 Ant Design Pro。
- 通过 Issue 报告 bug 或进行咨询。
- 提交 Pull Request 改进 Pro 的代码。