企业级的 UI 设计语言和 React 实现 Ant Design

企业级的 UI 设计语言和 React 实现 Ant Design

MIT
JavaScript HTML/CSS
跨平台
阿里巴巴
2015-07-27
叶秀兰

Ant Design 是蚂蚁金服开发和正在使用的一套企业级的前端设计语言和基于 React 的前端框架实现。

特性

  • 企业级金融产品的交互语言和视觉体系。

  • 丰富实用的 React UI 组件。

  • 基于 React 的组件化开发模式。

  • 背靠 npm 生态圈。

  • 基于 webpack 的调试构建方案,支持 ES6。

示例

var antd = require('antd');
var Datepicker = antd.Datepicker;

React.render(<Datepicker />, mountNode);

开发说明

本地调试

$ npm start

然后访问 http://127.0.0.1:8000 。

网站部署

$ npm run deploy

版本构建

$ npm run release
加载中

评论(19)

witt-z
witt-z
可以试试,很棒
我一直很淡定
我一直很淡定
很好用 就是日期控件不习惯
OSC_xcZbFx
OSC_xcZbFx
后端实现,比如打印,就给后端发请求,后端处理完毕后返回文件流
S
Sail-Nodejs
推荐用ejsExcel去导出Excel, Excel模板引擎
慕枫java
慕枫java
你得先学会react
王纪超a
测试了下真好,但用2010年左右的电脑操作真卡,我是真想用,可惜现实不允许
ma_-nong
ma_-nong
一个ui很吊的网站可以体验体验 heimashidai.com
安世博
安世博
淘宝系列的都卡得不行
-鹏
-鹏
默认语言改成英文,真的是。。。
gavin_jin
gavin_jin
应该支持一下

Ant Design 3.11.1 发布,阿里开源的企业级 UI 设计语言

Ant Design 3.11.1 发布了,Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现,使用 TypeScript 构建,提供完整的类型定义文件,自带提炼自企业级中后台产品的交互语言和视觉风...

今天 07:33

Ant Design 3.11.0 发布,企业级 UI 设计语言

3.11.0 版本带来了两个新组件,还有很多激动人心的变化和新特性。 增加了一个新组件 Comment。#12770 @ilanus 增加了一个新组件 ConfigProvider 为组件提供统一的全局化配置。#12991 组件修复...

12/03 07:27

Ant Design 3.10.9 发布,企业级 UI 设计语言

Ant Design 3.10.9 已发布,更新内容: 修复弹出菜单背景透明的问题。#13104 修复了 disabled Button 在 Popconfirm 中的不占用整个宽度的问题。#13119 修复了 Radio.Group 中的 Radio.Butt...

11/26 07:43

Ant Design 3.10.8 发布,阿里开源的企业级 UI 设计语言

Ant Design 3.10.8 发布了,Ant Design 是蚂蚁金服开发和正在使用的一套企业级前端设计语言和基于 React 的前端框架实现。 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高...

11/19 07:08

Ant Design 3.10.7 发布,阿里开源的企业级 UI 设计语言

Ant Design 发布了 3.10.5,更新如下: 发布 Landing 模板集! 发布 Ant Design 新版 Sketch 模版文件。 Button 修复在小尺寸的 Button.Group 中没有垂直对齐的问题。#12972 修复设置了 href...

11/12 06:56

Ant Design 3.10.4 发布,阿里开源的企业级 UI 语言

Ant Design 3.10.4 已发布,Ant Design 是蚂蚁金服开发和正在使用的一套企业级前端设计语言和基于 React 的前端框架实现。 更新内容: Modal 增加 less 变量 @modal-header-bg 定制 Modal 头...

11/04 07:45

Ant Design 3.10.3 发布,阿里开源的企业级 UI 语言

Ant Design 3.10.3 发布了,Ant Design 是蚂蚁金服开发和正在使用的一套企业级前端设计语言和基于 React 的前端框架实现。 更新内容: 完善工具方法 getScroll 的 TypeScript 定义。#12784 ...

10/28 07:10

Ant Design 3.10.2 发布,阿里开源的企业级 UI 语言

Ant Design 3.10.2 发布了,Ant Design 是蚂蚁金服开发和正在使用的一套企业级前端设计语言和基于 React 的前端框架实现。 特性 提炼自企业级中后台产品的交互语言和视觉风格。 开箱即用的高...

10/25 07:29

Ant Design 3.10.1 带来 Ant Design Mobile of Angular

Ant Design 3.10.1 发布了,此次更新内容如下: Ant Design Mobile of Angular(NG-ZORRO-Mobile)发布! 更新 项目实战 文档为最新的 umi 技术栈。 Table 修复未指定排序的列头点击时也会触...

10/13 08:05

Ant Design 3.9.4 发布,阿里开源的企业级 UI 语言

Ant Design 3.9.4 已发布,Ant Design 是蚂蚁金服开发和正在使用的一套企业级前端设计语言和基于 React 的前端框架实现。 该版本的更新内容主要是 bug 修复,具体如下: 更新了图标和动效两篇...

10/02 07:36

没有更多内容

加载失败,请刷新页面

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

@刘学炜 你好,想跟你提几个小建议: 一、能把其他程序来源的表格、流程等自动生成noForm表单。 比较常见的有Office文件,例如用Visio画的流程...

11/30 10:41
1
回答
如何修改穿梭框为单选模式,且选了一条后不允许选第二条

如何修改穿梭框为单选模式,且选了一条后不允许选第二条,下为代码 import { Transfer } from 'antd'; class App ex...

05/04 14:28
7
回答
JFinal可以结合ant design+react做系统吗?

@JFinal ,最近在做一个新项目得框架选型,后端定了用jfinal,前端有人给建议说用ant design做。我搜了百度,觉得ant design是结...

03/02 01:06
1
回答
ant design样式不展现

.babelrc文件的配置是: { "plugins": ["transform-decorators-legacy", "transform-objec...

2017/02/03 09:42
2
回答
ant design webpack配置,不能添加样式

在使用ant design时 我在webpack config.js里是这样写的 babel: { presets: ['es2015', 'stage-...

2016/07/21 15:44

没有更多内容

加载失败,请刷新页面

没有更多内容

Akka HTTP实战:为Ant Design Pro提供后端接口

实战:为Ant Design Pro提供后端接口 之前章节已经了解了Akka HTTP的路由定制、数据序列化等内容,是时候开始一个比较完整的Web应用示例了。这里我们将使用 Akka HTTP 来集成 Ant Design Pro...

10/10 11:23
131
0
Ant Design Vue

我对于Vue会更加熟悉一点。Ant Desing是基于Reat来实现的。要不还有一套是Angular的实现。 Ant Design of Vue vueComponent / ant-design-vue......

10/30 10:29
50
0
ant-design-vue组件的三种加载方式

完整引入 main.js中全局引入并注册 import Antd from 'ant-design-vue' import 'ant-design-vue/dist/antd.css' Vue.use(Antd) 在页面中不再需要引入注册组件,可以直接使用所有的组件 <tem...

08/16 12:19
1K
0
vue 资源

示例 vue开源项目库汇总 mobile ionic vue 的实现 ant design ant-design 官网 vue antd vue antd admin element dynamicform nuxt doodoo 商城 bootstrap coreui vue shards 组件开发 开发组...

09/03 08:36
20
0
NG-ZORRO-MOBILE (Ant Design Mobile of Angular) 移动端UI组件库正式发布

NG-ZORRO-MOBILE 是 Ant Design 移动规范的 Angular 实现。 Ant Design 作为服务于企业级产品的设计体系,基于『确定』和『自然』的设计价值观,通过模块化的解决方案,降低冗余的生产成本,...

10/15 10:38
5
0
设计

不会设计没关系!看看这七个实用的网页UI设计小技巧! element-ui awesome-element find 覆盖element ui样式 element-ui 官方文档页面 换肤方式 ant design ant-design-vue vue-antd-admin v...

08/20 17:39
29
0
ng-alain 发布正式版!

ng-alain是一个基于ng-zorro-antd的企业后台脚手架,目标也非常简单,希望在Angular上面开发企业后台更简单、更快速。github地址是:cipchk/ng-alain。 一直以来对Ant Desig的理念非常喜欢,...

07/26 14:49
171
1
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://pr...

09/10 17:38
48
0
eclipse使用ant + ivy 配置项目jar包和依赖关系

首先,ant是版本区分的,不同版本适配不同jdk版本。 以我本机为例,本机ant版本为1.7.0对应ivy版本是2.2.0,jdk使用的1.5 将ant文件安装或解压后,配置ant的环境变量: ANT_HOME:指向ant的文...

12/03 18:50
120
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部