Github资源:https://github.com/ant-design/ant-design-pro

English | 简体中文

技术实践篇

https://pro.ant.design/docs/getting-started-cn

ant DEMO

https://preview.pro.ant.design

antd 各网站入口

手机版组件
https://mobile.ant.design/docs/react/introduce-cn

桌面版
https://ant.design/docs/react/introduce-cn

Pro版本
https://pro.ant.design/docs/getting-started-cn

蚂蚁金服数据可视化

https://antv.alipay.com/zh-cn/index.html

React Advanced Guide

https://reactjs.org/docs/jsx-in-depth.html

React Route (如果控制页面跳转)

https://github.com/ReactTraining/react-router

https://reacttraining.com/react-router/web/guides/philosophy

Redux (如果修改状态和调用接口数据)

https://redux.js.org/docs/introduction/CoreConcepts.html

Webpack

https://webpack.js.org/

dvajs github homepage

https://github.com/dvajs/dva

一起学dvajs

http://www.jianshu.com/p/69f13e9123d9

ES6入门教程

http://es6.ruanyifeng.com/

CSS参考

https://developer.mozilla.org/zh-CN/docs/Web/CSS/Reference

jQuery的移动端替代产品

http://zeptojs.com/

Ant Design Pro

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

  • 预览: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

特性

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

也可以使用集成化的 ant-design-pro-cli 工具。

$ npm install ant-design-pro-cli -g
$ mkdir pro-demo && cd pro-demo
$ pro new

更多信息请参考 使用文档。

兼容性

现代浏览器及 IE11。

参与贡献

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

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

转载于:https://www.cnblogs.com/boonya/p/8456260.html

Axure 蚂蚁设计团队组件库 让交互稿美美搭相关推荐

  1. 原型设计资源组件库分享

    这一次一口气分享七个模板: 1)Clarity UI Library - dark 5.0.0 2)ADS Components 3)Slack UI Kit 4)信息服务平台APP 5)银行类APP ...

  2. 蚂蚁Ant Design组件库的免费在线资源

    Ant Design(蚂蚁组件)是蚂蚁集团体验技术部经过大量项目实践和总结,逐步打磨出的一个设计系统,内含带有 React 的 UI 库.它是为企业级产品设计而创建的.Ant Design 提供了高质 ...

  3. Axure的安装和组件库导入

    背景 Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格.设计功能和界面的专家能够快速创建应用软件或Web网站的线框图 ...

  4. Axure高大上低保真组件库

    给大家提供一个Axure的低保真的一个组件库 ,大家可以看一看! 链接:https://pan.baidu.com/s/1mD2Niu4vNGxu-WUoDDq50A 提取码:j8g6

  5. Google Earth Engine APP——gee-ui geetemp 前端团队组件库

    通过本地python端的安装实现gee ui在本地的使用 Getting started 安装 git clone git@git.i.com:gee-lab/gee-ui.git cd gee-ui ...

  6. ChatUI - 阿里出品的客服对话领域的前端开源组件库

    专为智能对话客服设计的组件库和开发套件,大厂出品,质量保证,还免费开源. 关于 ChatUI ChatUI 专门是为智能对话领域的产品需求而生的设计和开发解决方案,由阿里云达摩院下的阿里小蜜团队出品并 ...

  7. 前端几种可视化大屏组件库图表插件介绍

    经理给我分配了可视化大屏数据项目,我看了好多组件库和去百度搜索,最后总结出几种比较好用的组件库来介绍一下,国外版本的我就直接抛弃了(英语1级) 1.Echarts官方网址 他是百度团队开源的,反正是老 ...

  8. 尤大都推荐的组件库是如何开发出来的?

    > 注意:为了让篇幅尽可能简洁一丢丢,在有些地方贴源码时,我尽可能贴最能反映要讲解内容的源码,其他重复性的代码就略去了,所以如果你自己尝试去阅读源码时,可能会发现和文章里的代码有出入.文章跑通 ...

  9. 【Web技术】1120- 尤大都推荐的组件库是如何开发出来的?

    注意:为了让篇幅尽可能简洁一丢丢,在有些地方贴源码时,我尽可能贴最能反映要讲解内容的源码,其他重复性的代码就略去了,所以如果你自己尝试去阅读源码时,可能会发现和文章里的代码有出入.文章跑通 Naive ...

最新文章

  1. 优化XCode的编译速度
  2. mybatis 取list第一个_MyBatis基础搭建及架构概述
  3. PVLAN技术应用,网络管理员的新宠
  4. 西南交通大学计算机程序设计实验13,西南交通大学C++实验报告.doc
  5. Zuul:路由转发,排除和自定义
  6. SpringMVC 上传文件and过滤器
  7. (02)System Verilog logic数据类型详解
  8. Linux多线程工作笔记0001---多线程知识介绍
  9. python3 模块详细解释_详解Python3中的contextvars模块
  10. java编写自动化脚本_java+selenium自动化脚本编写
  11. 什么是flex布局,它的常用属性有哪些
  12. Jupyter notebook 打开网页无法显示
  13. 群晖无数据丢失的磁盘阵列变更解决方案(4盘位两个Raid1转SHR-1)
  14. [乐意黎转载]从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式
  15. 十年磨一剑,两万字长文深剖析分享IC验证经验
  16. Shader:优化破解变体的“影分身”之术
  17. CSS 清除浮动的方法
  18. ​FPGA便捷开发-TCL商店(开源)
  19. Ueditor编辑器实战 HTML / vue+v-model
  20. 01背包一维dp数组的实现

热门文章

  1. 找到了腾讯云代金券两个领取入口(太值了)
  2. pytorch 深度学习补充
  3. 【步进电机】简单介绍
  4. 4800万四摄新机999元起?红米Note8小金刚品质,有哪些优缺点
  5. win10 病毒实时防护 关闭
  6. php实现抠图,如何使用php代码实现印章的抠图(代码)
  7. React深入学习与源码解析笔记
  8. 串行同步通信“时钟同步”怎么理解?
  9. 蓝桥杯:每周一题之高斯的日记
  10. git常用操作与在gitlab上进行MergeRequest(git rebase)