122 lines
5.7 KiB
Markdown
122 lines
5.7 KiB
Markdown
|
[English](./README.md) | 简体中文 | [Русский](./README.ru-RU.md)
|
|||
|
|
|||
|
<h1 align="center">Ant Design Pro</h1>
|
|||
|
|
|||
|
<div align="center">
|
|||
|
|
|||
|
开箱即用的中台前端/设计解决方案。
|
|||
|
|
|||
|
[![Build With Umi](https://img.shields.io/badge/build%20with-umi-028fe4.svg?style=flat-square)](http://umijs.org/)
|
|||
|
[![Build Status](https://dev.azure.com/ant-design/ant-design-pro/_apis/build/status/ant-design.ant-design-pro?branchName=master)](https://dev.azure.com/ant-design/ant-design-pro/_build/latest?definitionId=1?branchName=master)
|
|||
|
[![Dependencies](https://img.shields.io/david/ant-design/ant-design-pro.svg)](https://david-dm.org/ant-design/ant-design-pro)
|
|||
|
[![DevDependencies](https://img.shields.io/david/dev/ant-design/ant-design-pro.svg)](https://david-dm.org/ant-design/ant-design-pro?type=dev)
|
|||
|
[![Join the chat at https://gitter.im/ant-design/ant-design-pro](https://img.shields.io/gitter/room/ant-design/ant-design-pro.svg?style=flat-square&logoWidth=20&logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjkwMCIgaGVpZ2h0PSI2MDAiIHZpZXdCb3g9IjAgMCAzMCAyMCI%2BDQo8ZGVmcz4NCjxwYXRoIGlkPSJzIiBkPSJNMCwtMSAwLjU4Nzc4NSwwLjgwOTAxNyAtMC45NTEwNTcsLTAuMzA5MDE3SDAuOTUxMDU3TC0wLjU4Nzc4NSwwLjgwOTAxN3oiIGZpbGw9IiNmZmRlMDAiLz4NCjwvZGVmcz4NCjxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2RlMjkxMCIvPg0KPHVzZSB4bGluazpocmVmPSIjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNSw1KSBzY2FsZSgzKSIvPg0KPHVzZSB4bGluazpocmVmPSIjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAsMikgcm90YXRlKDIzLjAzNjI0MykiLz4NCjx1c2UgeGxpbms6aHJlZj0iI3MiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEyLDQpIHJvdGF0ZSg0NS44Njk4OTgpIi8%2BDQo8dXNlIHhsaW5rOmhyZWY9IiNzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMiw3KSByb3RhdGUoNjkuOTQ1Mzk2KSIvPg0KPHVzZSB4bGluazpocmVmPSIjcyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAsOSkgcm90YXRlKDIwLjY1OTgwOCkiLz4NCjwvc3ZnPg%3D%3D)](https://gitter.im/ant-design/ant-design-pro?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
|
|||
|
|
|||
|
![](https://user-images.githubusercontent.com/8186664/44953195-581e3d80-aec4-11e8-8dcb-54b9db38ec11.png)
|
|||
|
|
|||
|
</div>
|
|||
|
|
|||
|
- 预览: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
|
|||
|
- 国内镜像:http://ant-design-pro.gitee.io
|
|||
|
|
|||
|
## 特性
|
|||
|
|
|||
|
- :gem: **优雅美观**:基于 Ant Design 体系精心设计
|
|||
|
- :triangular_ruler: **常见设计模式**:提炼自中后台应用的典型页面和场景
|
|||
|
- :rocket: **最新技术栈**:使用 React/umi/dva/antd 等前端前沿技术开发
|
|||
|
- :iphone: **响应式**:针对不同屏幕大小设计
|
|||
|
- :art: **主题**:可配置的主题满足多样化的品牌诉求
|
|||
|
- :globe_with_meridians: **国际化**:内建业界通用的国际化方案
|
|||
|
- :gear: **最佳实践**:良好的工程实践助您持续产出高质量代码
|
|||
|
- :1234: **Mock 数据**:实用的本地数据调试方案
|
|||
|
- :white_check_mark: **UI 测试**:自动化测试保障前端产品质量
|
|||
|
|
|||
|
## 模板
|
|||
|
|
|||
|
```
|
|||
|
- Dashboard
|
|||
|
- 分析页
|
|||
|
- 监控页
|
|||
|
- 工作台
|
|||
|
- 表单页
|
|||
|
- 基础表单页
|
|||
|
- 分步表单页
|
|||
|
- 高级表单页
|
|||
|
- 列表页
|
|||
|
- 查询表格
|
|||
|
- 标准列表
|
|||
|
- 卡片列表
|
|||
|
- 搜索列表(项目/应用/文章)
|
|||
|
- 详情页
|
|||
|
- 基础详情页
|
|||
|
- 高级详情页
|
|||
|
- 用户
|
|||
|
- 用户中心页
|
|||
|
- 用户设置页
|
|||
|
- 结果
|
|||
|
- 成功页
|
|||
|
- 失败页
|
|||
|
- 异常
|
|||
|
- 403 无权限
|
|||
|
- 404 找不到
|
|||
|
- 500 服务器出错
|
|||
|
- 帐户
|
|||
|
- 登录
|
|||
|
- 注册
|
|||
|
- 注册成功
|
|||
|
```
|
|||
|
|
|||
|
## 使用
|
|||
|
|
|||
|
### 使用命令行
|
|||
|
```bash
|
|||
|
$ git clone https://github.com/ant-design/ant-design-pro.git --depth=1
|
|||
|
$ cd ant-design-pro
|
|||
|
$ npm install
|
|||
|
$ npm start # 访问 http://localhost:8000
|
|||
|
```
|
|||
|
|
|||
|
### 使用 docker
|
|||
|
|
|||
|
```bash
|
|||
|
# preview
|
|||
|
$ docker pull antdesign/ant-design-pro
|
|||
|
$ docker run -p 80:80 antdesign/ant-design-pro
|
|||
|
# open http://localhost
|
|||
|
|
|||
|
# dev
|
|||
|
$ npm run docker:dev
|
|||
|
|
|||
|
# build
|
|||
|
$ npm run docker:build
|
|||
|
|
|||
|
|
|||
|
# production dev
|
|||
|
$ npm run docker-prod:dev
|
|||
|
|
|||
|
// production build
|
|||
|
$ npm run docker-prod:build
|
|||
|
```
|
|||
|
|
|||
|
更多信息请参考 [使用文档](http://pro.ant.design/docs/getting-started)。
|
|||
|
|
|||
|
## 支持环境
|
|||
|
|
|||
|
现代浏览器及 IE11。
|
|||
|
|
|||
|
| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
|
|||
|
| --------- | --------- | --------- | --------- | --------- |
|
|||
|
| IE11, Edge| last 2 versions| last 2 versions| last 2 versions| last 2 versions
|
|||
|
|
|||
|
## 参与贡献
|
|||
|
|
|||
|
我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建 :smiley::
|
|||
|
|
|||
|
- 在你的公司或个人项目中使用 Ant Design Pro。
|
|||
|
- 通过 [Issue](http://github.com/ant-design/ant-design-pro/issues) 报告 bug 或进行咨询。
|
|||
|
- 提交 [Pull Request](http://github.com/ant-design/ant-design-pro/pulls) 改进 Pro 的代码。
|