English | 简体中文 | Русский

Ant Design Pro

开箱即用的中台前端/设计解决方案。

ant-design-pro 开箱即用的中台前端/设计解决方案
ant-design-pro 开箱即用的中台前端/设计解决方案
ant-design-pro 开箱即用的中台前端/设计解决方案
ant-design-pro 开箱即用的中台前端/设计解决方案
ant-design-pro 开箱即用的中台前端/设计解决方案

ant-design-pro 开箱即用的中台前端/设计解决方案

特性

  • ???? 优雅美观:基于 Ant Design 体系精心设计
  • ???? 常见设计模式:提炼自中后台应用的典型页面和场景
  • ???? 最新技术栈:使用 React/umi/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

使用 docker

# preview 
$ docker pull chenshuai2144/ant-design-pro
$ docker run -p 80:80 chenshuai2144/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

更多信息请参考 使用文档

支持环境

现代浏览器及 IE11。

ant-design-pro 开箱即用的中台前端/设计解决方案IE / Edge ant-design-pro 开箱即用的中台前端/设计解决方案Firefox ant-design-pro 开箱即用的中台前端/设计解决方案Chrome ant-design-pro 开箱即用的中台前端/设计解决方案Safari ant-design-pro 开箱即用的中台前端/设计解决方案Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

参与贡献

我们非常欢迎你的贡献,你可以通过以下方式和我们一起共建 ????:

  • 在你的公司或个人项目中使用 Ant Design Pro。
  • 通过 Issue 报告 bug 或进行咨询。
  • 提交 Pull Request 改进 Pro 的代码。

相关文章:

  • 2022-12-23
  • 2021-04-27
  • 2022-12-23
  • 2022-12-23
  • 2021-09-09
  • 2022-12-23
  • 2021-04-10
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-05-30
  • 2022-12-23
  • 2021-07-26
  • 2021-12-13
  • 2021-07-13
相关资源
相似解决方案