ant-design-pro
ant-design-pro copied to clipboard
ant-design
Ant Design Pro Users 👨🏻💻👩🏻💻👨🏻💻👩🏻💻
此处用于收集 Ant Design Pro 的社区用户的使用案例，如果你在你的公司/组织或个人项目中使用了 Pro，欢迎在此留言。你的反馈会给社区成员更多信息和更强的信心。
推荐回复格式：
- 产品：
- 公司或组织：（如果可以）
- 链接：（如果可以）
- 截图：（如果可以）
无关回复会定期删除。
We appreciate you support if you or your organization is using Ant Design Pro. You are welcome to leave replies about your product and organization here, which could became the confidence of maintiners, communication and undecided watchers.
Recommended reply format:
- Product：
- Company or Organization: (if any)
- Link: (if any)
- Screenshot: (if any)
Not using pro yet, migrating big knockout/jquery SPA to react and antd 3.0 - will be using dva, looking at pro repo to learn dva patterns. thanks for publishing it!
一个大型的oa/ms系统的前端层想从传统java框架中抽离出来，移动端部分，已经在部分系统中的使用了antd-mobile 1.4/2.0，而pc端在尝试pro，鉴于pro还处在beta版，正在学习中。
Hi, for some reason, when I navigate to Ant Design Pro, both documentation and preview, most of the text is in Chinese. How can I change that?
前后学习了将近一个月总算把antd-pro脚手架的大部分知识弄明白了，我们部门以后要用它对以前的一些项目重构，过几天要给同事培训，希望能给他们讲明白，非常喜欢antd的
本人公司内部员工，个人觉得antd 3.x需要一个base字体大小为12px的官方主题。基于以下考虑： 1、antd 2.x是12px，现有的很多工程都是12px, 升级到antd 3.x(14px)光界面就要整调很大。 2、目前的字体大小，间距，留白什么的，更适合于说是一个开发一个面板类的应用。目前还有很多的应用是审理类、工作类的应用，页面中会有很多的Table等。需要一下子展示的信息很多，字体大了，放不下太多的内容。
所以强烈需要一个能在界面上无需太大调整的官方主题。 当然，也会有人说，不升级为antd 3.x就行了。但因为项目更想能用到更多的特性(react 16、antd pro等)，所以会有升级的动力。
我正在研究这个前端，我是在asp.net core 2.0 中应用，我创建了基于react的spa模板。vs2017会自动创建和引用react相关组件。请问我如何把ant design 给放到这个工程中？我试了报错。
ant Design Pro 要是用技术分享讲解，会对广大初学者是一个很大的帮助，本人在网络上寻找了很久都没有找到这样的资源，项目代码有些地方确实看不太懂，希望得到大神的指导。@大神，请出一个详细的视频教程，多谢啦，有同样痛苦的请打call。
从 antd 用到 antd pro ，真的帮我省了不少开发时间，以下是我司的一款产品，还是菜鸟，没有掌握pro的精髓求轻喷😂
- 内容联盟网站
- 网易
- 链接：https://youliao.163yun.com/union/
- 截图：
首先非常感谢 antd 团队，antd 很不错，组件很完善，考虑的很周到，大大减少了开发时间，会一直关注的。
产品：ERP信息系统平台 公司或组织：深圳市绿环再生资源开发有限公司 链接：内部系统 时长：项目总开发时长50个工作日，前端1人，后台1人。 简介: ERP的流程管理系统平台，简化公司目前的繁琐流程，实现真正的互联网化，并且走向物联网。 功能：11种角色身份的控制，多流程的控制，展示不一样的数据，订单是否可操作，以及状态通知，以及不同地区的区域数据统计，总经理的多视图实时查看分部情况。
产品部分截图：
下面的画风可能要变了😂，实在是没时间了，项目要上线了～，后台也不愿意把这些写成接口，就直接内嵌iframe了～
pro文档里面的国际化点不了了，是内部在维护这块吗 文档地址https://pro.ant.design/docs/getting-started-cn
- 产品：武汉理工大学电费系统
- 公司或组织：武汉理工大学
- 链接：https://whut-electric-pc.netlify.app/ （Mock 数据）
- Git Repo：https://github.com/crazyurus/electric-pc
- 截图：
手机微博管理配置系统 今天终于上线了第一版。感谢ant design的团队。上半年用admin antd design做了第一版，最近有换了pro的脚手架。基础逻辑又重新捋了一遍。改造了原来的 Menu，CurrentUser等很多内容。 为了适应手机版，还引入了mobile的组件。 周末把后端接口，权限，角色，前端页面路由，单个功能增删改查都搞定了。 前端：UmiJS、dva、g2、antd、mobile antd 后端：nginx、php-fpm、php、yaf框架
LocaleWrapper.jsx 这个文件里面不能新增国际化语言吗，现在这个文件里面有中英文， 想新增一个韩语的，但是在npm start的时候 新增的语言被删除了， 这个是为什么呢？ 望回复
产品：使用Maka.js复刻ant design pro (>90%功能复刻，支持多页签，微服务化)
公司或组织：开源项目MIT
链接：https://makajs.github.io/maka/maka-antd-pro/index.html
github: https://github.com/makajs/maka/tree/master/packages/example/maka-antd-pro
截图：
功能：
代码结构：
产品：背调内部使用订单交付系统
公司：较真技术有限公司
链接：暂时未上线
thanks for your efforts！
产品：react-ant (支持多页签，支持多页签，支持多页签，动态路由)
功能：支持多标签，准备做报表系统，框架基本搭好
github链接(pro2.0)：https://github.com/kuhami/react-ant
github链接(pro1.0)：https://github.com/kuhami/react-ant-pro
演示链接：https://kuhami.github.io/react-ant/
截图
产品：供应链基础系统 公司：成都双链科技有限责任公司 代码行数：441096( 可能是市面上代码行数最多的ant design pro项目） GITHUB: https://github.com/doublechaintech/retailscm-biz-suite 演示链接: https://demo.doublechaintech.com/admin/retailscm/#/home 演示用户名/密码: 13900000001/DoubleChain!y1
产品：订单管理系统(英文版） 公司：成都双链科技有限责任公司 演示链接: https://demo.doublechaintech.com/admin/oms/#/home GITHUB: https://github.com/doublechaintech/oms-biz-suite 用户名/密码: 13900000001/DoubleChain!y1
- 产品：通用管理后台
- 公司：上海千穆计算机技术有限公司
- 链接：（暂无）
- 截图：（暂无，后期可以补上）
- Product：General management background
- Company or Organization: Shanghai qian mu computer technology co., LTD
- Link: no
- Screenshot: no
- 产品：Ant Design Pro Permission
- 介绍：为ant-design/ant-design-pro添加了权限管理（RBAC）的一些模板，目前实现了
- 员工列表展示
- 员工角色管理
- 角色管理
- 角色权限管理
- 权限管理
- 菜单管理
- 员工列表展示
另外由于常用查询表格模板，官方的功能较多，我加了两个简化的版本
- 列表页
- 查询表格简版1（删除了搜索筛选的展开功能）
- 查询表格简版2（删除了搜索筛选的展开功能，配置的模态框去掉下一步功能）
- 截图
- 链接： https://github.com/kyronbao/ant-design-pro-permisson
感谢 ant-design-pro 组的贡献
目前流程已经跑通，后端API我使用Laravel实现，代码在这里 https://github.com/kyronbao/laravel-permission-api
欢迎试用， star ❤️ 支持
- 产品：（通用型管理后台）
- 公司或组织：（个人）
- 链接：（暂无）
- 截图：
- 项目状态：开发中
- 介绍： 后台程序使用ThinkPHP6.x（只要API请求结果符合，完全可以替换为其他技术栈） 前台如上图，并没有使用Pro，V5的难产使我强大😭，目前使用 umi + umi hooks 重构，参考部分Pro v5代码，重点是比较精简！ 使用 @umijs/plugin-access +umi routes.wrappers 结合 Casbin 实现路由级的权限系统 简洁加载 未使用Pro-Layout，基于umi-hooks自研的界面布局 未使用Pro-Table，基于umi-hooks自研的数据管理组件 默认紧缩模式 -题外话 重构了N次，umi-request、umi-hooks、pro-table、pro-layout 的出现，使得架构整体进入到理想中的层次，尤其是 umi-hoos 中的 useRequest，解决了非常多关于前端与服务器交互的问题，虽然并未使用pro-table 和 pro-layout，自研的可能并没有官方功能强大，但所支持基础功能是一致的。
- 产品：武汉理工大学电费系统
- 公司或组织：武汉理工大学
- 链接：https://web.wutnews.net/electric
- 截图：
想体验一下 可惜没有账号
- 产品：Ant-Design-Lite （多标签页）
- 公司或组织：个人
- 链接：https://github.com/JerryMissTom/ant-design-lite
- 截图：
- 功能：
- 支持多Tab页面（这个是Ant Design Pro 不具备的）
- 技术栈为：
react-router+react-redux+redux-saga - 支持
.scss和cssmodule - 支持自定义
Ant Design主题 - 支持装饰器
- 支持中英文语言切换
- 支持
proxy - 支持别名
@ - 支持页面权限和子元素权限
- 按需加载
Ant Design组件 - 支持多开发环境
插件：antd-etable （可编辑表格）
链接：https://github.com/guozhaolong/antd-etable
截图：
- 产品：webmagician-ui
- 公司或组织：个人
- 在线预览：https://jkanon.github.io/webmagician-ui
- gitee在线预览：http://jkanon.gitee.io/webmagician-ui
WebAdmin
0基础入门搭建webpack+antd+react+react-router+react-redux后台项目
开发中....
开箱即用的中台前端/设计解决方案。
Product: https://ng.ant.design/docs/introduce/en
Company: Individual
Repo: https://github.com/Donnus/iziPos (Built with Angular CLI version 8.3.8 )
Will like to try the Ant Design Pro v4 but I seem not to find a template for Angular. It will be great if someone can point me.
-
产品：Dashboard
-
公司：让渡居科技（上海）有限公司
-
截图：
附：公司现招聘全栈工程师实习生及前端工程师实习生 拉勾网：https://www.lagou.com/gongsi/j580231.html#company_navs HR邮箱：[email protected]
- 产品：Dashboard
- 公司：让渡居科技（上海）有限公司
- 截图：
附：公司现招聘全栈工程师实习生及前端工程师实习生 拉勾网：https://www.lagou.com/gongsi/j580231.html#company_navs HR邮箱：[email protected]
这个配色，666
- 产品：ant-back
- 描述：通用后台，前后端都已开源，包含使用说明。你可以在本项目基础上定制自己的后台系统。
- 功能：多角色登陆、角色管理、用户管理、富文本、图片上传等常用功能。
- 线上地址：http://back.1cloud.xyz/ :rocket:
- 开源地址：https://github.com/sunft1996/ant-back/ :gem:
截图：
首页：
角色管理：
写文章：
把Ant Design Pro量产才是真爱吧 产品： daas快速体验系统 特点：薅微软github actions的羊毛，利用KSML 把整个前端 Ant Pro，后端Java生成，数据库，数据，在github服务器上直接跑起来。从简单要复杂App你都可以来一波。 地址：https://github.com/doublechaintech/daas-with-github-actions
产品：供应链基础系统 公司：成都双链科技有限责任公司 代码行数：441096( 可能是市面上代码行数最多的ant design pro项目） GITHUB: https://github.com/doublechaintech/retailscm-biz-suite 演示链接: https://demo.doublechaintech.com/admin/retailscm/#/home 演示用户名/密码: 13900000001/DoubleChain!y1
界面这么好看的后台管理框架能给你写成这样 真有你的
- 产品：Jetlinks物联网基础平台
- 公司或组织：Jetlinks
- 简介：JetLinks 后台基于Java8,Spring Boot 2.x ,WebFlux,Netty,Vert.x,Reactor；前端采用Ant design pro技术栈开发, 是一个全响应式的物联网平台。支持统一物模型管理,多种设备,多种厂家,统一管理。统一设备连接管理,多协议适配(TCP,MQTT,UDP,CoAP,HTTP等),屏蔽网络编程复杂性,灵活接入不同厂家不同协议等设备。实时数据处理,设备告警,消息通知,数据转发。地理位置,数据可视化等。能帮助你快速建立物联网相关业务系统
- 链接：https://github.com/jetlinks/jetlinks-ui-antd
- 演示地址：http://demo.jetlinks.cn 账号/密码: test/test
- 截图：
产品：QuarkAdmin 组织：QuarkAdmin 链接：https://github.com/quarkcms 官网：http://www.quarkcms.com @afc163 @chenshuai2144 帮兄弟顶置一把吧
-
- 产品：轻舟
-
- 公司或组织：秋天（syksy）
-
- 简介：轻舟是一个基于 Spring Boot 框架开发的基础支撑软件。 其包含身份认证、权限校验、字典设置、任务调度、消息中心、文件管理、工作流等一系列通用基础功能（还有辅助开发）。 目前有很多同类型开源软件，重新造轮子的原因是有不一样的设计理念（主要是 ant design pro 很棒！😍）。 轻舟作为单应用设计，也可横向扩展，均衡负载，非常适合中小企业使用。
-
- 链接：https://gitee.com/syksy/qingzhou
-
- 截图：
- 截图：
Sorry to say after two weeks of trying to integrate into a project we are NOT using the pro, too many bugs and errors just to get a table working. Switching to regular antd components. Hope others have better time. i.e. less-loader issues, redux (_context), not working well with React 17, webpack 5, so many issues... peer react@"^16.14.0" from [email protected]
errors like:
react.development.js:1492 Uncaught TypeError: Cannot read properties of undefined (reading '_context') at useContext (react.development.js:1492) at React$$1.useContext (react-hot-loader.development.js:2939) at ProviderWarp (Table.js:715) at renderWithHooks (react-dom.development.js:14826) at mountIndeterminateComponent (react-dom.development.js:17506) at beginWork (react-dom.development.js:18630) at HTMLUnknownElement.callCallback (react-dom.development.js:189) at Object.invokeGuardedCallbackDev (react-dom.development.js:238) at invokeGuardedCallback (react-dom.development.js:293) at beginWork$1 (react-dom.development.js:23235)
Sorry to say after two weeks of trying to integrate into a project we are NOT using the pro, too many bugs and errors just to get a table working. Switching to regular antd components. Hope others have better time. i.e. less-loader issues, redux (_context), not working well with React 17, webpack 5, so many issues... peer react@"^16.14.0" from [email protected]
errors like:
react.development.js:1492 Uncaught TypeError: Cannot read properties of undefined (reading '_context') at useContext (react.development.js:1492) at React$$1.useContext (react-hot-loader.development.js:2939) at ProviderWarp (Table.js:715) at renderWithHooks (react-dom.development.js:14826) at mountIndeterminateComponent (react-dom.development.js:17506) at beginWork (react-dom.development.js:18630) at HTMLUnknownElement.callCallback (react-dom.development.js:189) at Object.invokeGuardedCallbackDev (react-dom.development.js:238) at invokeGuardedCallback (react-dom.development.js:293) at beginWork$1 (react-dom.development.js:23235)
so sad,I have same problem. react version is 17.0.2
如何做到点击菜单，收起其他展开的所有菜单在ant design pro里，原生的ant design可以通过states实现，但是在pro里面没有做到
Sorry to say after two weeks of trying to integrate into a project we are NOT using the pro, too many bugs and errors just to get a table working. Switching to regular antd components. Hope others have better time. i.e. less-loader issues, redux (_context), not working well with React 17, webpack 5, so many issues... peer react@"^16.14.0" from [email protected] errors like: react.development.js:1492 Uncaught TypeError: Cannot read properties of undefined (reading '_context') at useContext (react.development.js:1492) at React$$1.useContext (react-hot-loader.development.js:2939) at ProviderWarp (Table.js:715) at renderWithHooks (react-dom.development.js:14826) at mountIndeterminateComponent (react-dom.development.js:17506) at beginWork (react-dom.development.js:18630) at HTMLUnknownElement.callCallback (react-dom.development.js:189) at Object.invokeGuardedCallbackDev (react-dom.development.js:238) at invokeGuardedCallback (react-dom.development.js:293) at beginWork$1 (react-dom.development.js:23235)
so sad,I have same problem. react version is 17.0.2
me,too !!!
https://wuli-admin.gitee.io/react-mat-pro/#/dashboard 多页签实现、支持微前端（qiankun）
