软件简介

Ant Design Pro 是一套开箱即用的中台前端/设计解决方案。

特性

  • 优雅美观:基于 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。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (25)

加载中
该评论暂时无法显示,详情咨询 QQ 群:912889742
npm install的时候报下面的错,啥意思? error code EINTEGRITY error sha1-kiSa+7HQ+QtOooMjYrNxoky1470= integrity checksum failed when using sha1: wanted sha1-kiSa+7HQ+QtOooMjYrNxoky1470= but got
2018/05/24 08:45
回复
举报
打分: 还行
没有vue版本,React的这套东西,学习曲线太陡了,一般公司玩不转
2018/03/26 10:41
回复
举报
要vue版本
2018/03/26 09:13
回复
举报
不能用啊,node版本要多少啊,太高了
2018/01/16 18:12
回复
举报
打分: 力荐
要vue版本
2017/12/15 14:54
回复
举报
打分: 力荐
还可以
2017/11/07 17:07
回复
举报
速度感觉不流畅,延迟感很强
2017/11/03 08:46
回复
举报
很好的东西。可能有人会骂,有人不屑,有人讽刺等等,但是这个确实,解决了我们这些菜鸟的很多问题。也感谢阿里攻城狮的辛苦劳动。
2017/11/02 17:52
回复
举报
vue的有ivew-admin
2017/11/02 13:33
回复
举报
更多评论
发表于大前端专区
2018/11/06 14:51

Ant Design Pro 2.1.1 发布,企业级中后台解决方案

Ant Design Pro 2.1.1 发布了,更新如下: 脚手架 增加了 typescript 支持,现在可以直接新建 tsx 文件来进行开发。deb1433 增加了 isUrl 和 fixedZero 的测试。#2600 修复了验证手机号码的错误正则。 #2605 修复菜单在只有一级菜单时无法正确匹配的问题。#2630 增加了 netlify 支持。#2651 修复了菜单自动隐藏的 bug。#2681 e2e 测试支持自定义端口。#2633 组件 Ellipsis 组件 tooltip 属性支持 TooltipProps。#2713 修复图表 ...

2
8
发表于大前端专区
2018/11/06 07:48

Ant Design Pro 2.1.0 发布,企业级中后台解决方案

Ant Design Pro 2.1.0 已发布,更新内容如下: 脚手架 增加和完善了多处文档。 修复退出登录不工作的问题。#2157 增加一个环境变量 APP_TYPE,在非 pro 官网的环境下,默认不添加设置边栏。8e28420 修复在白色主题下,logo 和 侧边栏边框样式错误的问题。3472590 57cb464 侧边栏现在可以单独滚动。 #2191 修复注册成功之后报错的 bug。de86a3 修复了未登录时不跳转到登录界面的问题。#2157 修复在固定侧边菜单时,自动收起侧边栏...

4
6
发表于大前端专区
2018/09/03 08:42

Ant Design Pro 2.0 正式发布,企业级中后台解决方案

漂亮的实力派 Ant Design Pro 2.0 正式发布 1.0 发布之后,Ant Design Pro 受到了业界广泛关注和使用,GitHub 上 star 数一路增长到 11,686 个,在蚂蚁金服内部也落地数百个中后台应用。 在这 8 个月内,2.0 研发计划也在持续进行中,在给 V2 版本发起过 PR 的 38 位贡献者帮助下,经历了 600 个 commit,一次整体架构升级后,我们带来了全新的 Ant Design Pro 2.0。在这个版本中我们带来了四个全新的页面、多种布局方式来丰富 ...

18
17
发表于大前端专区
2018/08/11 07:42

Ant Design Pro 1.4.4 发布,企业级中后台解决方案

Ant Design Pro 1.4.4 是针对刚刚发布的 1.4.0 的修复版本: 恢复了 es 目录 和 index.less 1.4.0 更新内容: 脚手架 修复登录页面在 IE11 浏览器下,Footer 错位的问题。#1315 修复(官网)高级详情页在 IE11 下部分内容未显示的问题。#1287 修复分步表单面包屑路径问题的问题。#1324 修复动态参数路由无法获得 title 的问题。#1248 修复分布表单页跳转时面包屑不更新的问题。#1409 组件 修复 WaterWave precent 为 0 时,图表...

0
5
发表于大前端专区
2018/05/23 07:39

中后台解决方案 Ant Design Pro 2.0.0 首个测试版发布

Ant Design Pro 2.0.0 beta.1 已发布,此次更新主要是支持了 babel-plugin-import 。 可通过如下配置来使用:  {     libraryName: 'ant-design-pro',     libraryDirectory: 'lib',     style: true,     camel2DashComponentName: false,   } 在代码中: import { Charts, NumberInfo, Trend } from 'ant-design-pro'; Ant Design Pro 是阿里开源的一套开箱即用的企业级中后台前端/设计解...

9
14
发表于大前端专区
2018/04/21 07:51

Ant Design Pro 1.3.0 发布,企业级中后台解决方案

Ant Design Pro 是阿里开源的一套开箱即用的企业级中后台前端/设计解决方案 Ant Design Pro 1.3.0 更新内容: 脚手架 修复了触发异常时页面报错的问题。#1188 修复了浏览器切换到手机端模式时出现报错的问题。#1215 修复了 request.js 使用 FormData 上传文件时报错的问题。#1217 页面 查询表格页 中 StandardTable 组件新增 rowKey 属性。#1175 修复 查询表格页 中重新搜索后筛选设置失效的问题。#1209 组件 HeaderSearch 新增...

2
16
发表于大前端专区
2018/03/26 07:56

Ant Design Pro 1.2.0 发布,中后台解决方案

Ant Design Pro 是阿里开源的一套开箱即用的中台前端/设计解决方案。 Ant Design Pro 1.2.0 更新内容: 脚手架 request 现在可以处理 FormData 了。 支持用 Fragment 替代无用的 div。 使用 puppeteer 替代了 nightmare。 支持路由配置时指定 exact 属性。 面包屑默认加了入了菜单中(非路由项)的层级。 修复了无子菜单但其下有多级路由时菜单无法选中的问题。 修复了首页无权限时点击 logo 也会重定向到 403 页面的问题。 页面...

7
20
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
2018/09/10 17:38

Ant design

https://ant.design/components/drawer-cn/ https://github.com/ant-design/ant-design-pro/blob/master/src/pages/List/Articles.js http://www.doc88.com/p-8781765752922.html https://preview.pro.ant.design/dashboard/workplace...

0
0
2019/05/22 16:08

ant design pro安装记录

1、npm安装 git clone --depth=1 https://github.com/ant-design/ant-design-pro.git my-project cd my-project npm install 各种报错 2、cnpm安装包依赖 cnpm install 包依赖可以下载,但是不完全 npm start 启动时,报错且无法启动 3、集成化的命令行工具 ant-design-pro-cli安装 npm install ant-design-pro-cli -g pro new # 安装脚手架 cd ant-design npm start...

0
0
发表了博客
2019/12/23 16:22

nginx部署ant-design-pro

前言 记录一下安装部署nginx+ant-design-pro的过程 nginx安装 nginx的安装直接看官网的,可以是源码编译安装(百度搜索出来的大多是这种安装方式,例如:https://www.cnblogs.com/xxoome/p/5866475.html) ,也可以是yum直接安装最新稳定版1.16.1,安装步骤也可以直接用官网的, 云平台准备centos机器 centos7.6.1810_base-kvm-50g-none 这个模板投递一台机器,yum remove firewalld NetworkManager -y 关闭防火墙, 安装nginx...

0
0
发表了博客
2019/02/21 14:39

Ant Design Pro的dva-loading

loading为dva的插件,全局可用,它里面维护了一些布尔值,用于控制loading动画效果的显示与隐藏,通过@connect()来注入使用 官网介绍如下: https://dvajs.com/ 在AntD Pro里,官方示例了一些用法: @connect(({ list, loading }) => ({ list, loading: loading.models.list, })) class CardList extends PureComponent { ... } @connect(({ login, loading }) => ({ login, submitting: loading.effec...

0
1
发表了博客
2018/12/03 21:26

阿里开源项目之Ant Design Pro

本篇文章主要包含的内容有三个方面。 第一、Ant Design Pro简介; 第二、Ant Design Pro能做什么; 第三、初步使用; 我相信通过这三个方面的讲解能让你大概知道Ant Design Pro是个什么玩意,同时也能通过小Demo提升学习信心。 一、Ant Design Pro简介 Ant Design Pro是一个开箱即用的中台前端/设计解决方案。 Ant Design Pro官网地址:https://pro.ant.design/index-cn GitHub源码下载地址为:https://github.com/ant-design/ant-de...

0
0
发表了博客
2019/03/08 16:43

Ant Design Pro路由传值

Ant Design Pro 路由传值 了解Ant Design Pro组件间通讯原理的小伙伴肯定都知道,两个页面之间可以通过Models进行传值,在以往的传值过程中,我都是直接将需要的值直接一股脑的传给两一个界面: // 修改影像 handelUpdate = obj => { const { dispatch } = this.props; dispatch({ type: 'video/editDetail', payload: { id: obj.id, title: obj.title, des: obj.des, ...

0
1
发表于数据库专区
2020/01/18 17:21

快速学习Ant Design Pro-简介

Ant Design Pro入门 3.1、了解Ant Design Pro Ant Design Pro 是基于Ant Design的一个开箱即用的,企业级中后台前端/设计解决方案。 效果: 源码地址:https://github.com/ant-design/ant-design-pro 特性: 本文同步分享在 博客“cwl_java”(CSDN)。 如有侵权,请联系 support@oschina.cn 删除。 本文参与“OSC源创计划”,欢迎正在阅读的你也加入,一起分享。...

0
0
发表于软件架构专区
2020/06/29 23:07

Ant design pro入坑指南

Ant design pro 原文作者:玩乐儿童编程 原文地址:https://zhuanlan.zhihu.com/p/130206463 文末有本文markdown及pdf格式原文链接提供下载。 正文开始啦: 最近接到一个后台开发的项目,需要对接业务系统提取数据,大部分时间在PC上用,但是在手机上要勉强能看。对方只给了提取数据的接口,对于界面风格、布局排版等没有明确要求,只说不要太丑就可以了。 于是,开始着手选前端框架,打听了一圈,加上自己思考,最终决定前端用...

0
1
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表于大前端专区
2018/11/29 12:55

在ant design pro里引入Noform

@刘学炜 你好,想跟你请教个问题: 我在Noform里看到引入antd和NoForm的命令如下: $ npm install --save antd noform https://alibaba.github.io/noform/#/zh-CN/docs?md=easy/best-practise-antd 我现在已经在一个文件夹下面安装ant design pro,引入noform时,应该把命令中的antd删除吗? $ npm install --save noform 该页面提到的脚手架、配置等事项是否还需要做一遍? 例如: $ npm install -g create-react-app npx crea...

4
0
发表于大前端专区
2018/11/30 10:41

其他程序来源的表格、流程等自动生成noForm表单

@刘学炜 你好,想跟你提几个小建议: 一、能把其他程序来源的表格、流程等自动生成noForm表单。 比较常见的有Office文件,例如用Visio画的流程图,用Excel、PPT或Word做的表格、SmartArt图形或形状。其中有流程,有表单。Office 2003及以前版比较麻烦,格式不一致。Office2007及以后的都是xml,相对读取比较容易。泛微OA的开发工具有类似功能,他们能做到在Word上复制一个表格,粘贴到开发工具上,可以生成表单。 类似的软件还有...

1
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
25 评论
389 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部