文档章节

UXCore:从企业系统而来,为了更多的企业系统

紅白
 紅白
发布于 2016/06/28 13:32
字数 1163
阅读 51
收藏 0

UXCore:从企业系统而来,为了更多的企业系统

图1 uxcore 概念图

0. 为什么我们需要 UXCore?

UXCore 是一个基于 React 的 PC UI 套件库,兼容 IE8+。http://uxco.re/
阿里巴巴信息平台是负责整个阿里巴巴集团智能办公系统的团队,涉及非常多的企业业务系统,包括薪酬、人力、财务、行政、IT 等等,在这些系统中产生了大量的表格、表单和图表的交互场景,这里面有很多重复配置的地方,也有很多定制变化的地方,目前业界的这一方面还没有能够完全满足这一方面的解决方案,因此有了 UXCore。
UXCore 要解决的核心问题,就是方便高效地产出表单、表格,同时提供足够强大的定制能力,使用户可以对组件的每一个渲染部分进行修改,从而满足各种不同种类的业务场景。
为了实现核心的目标,我们和 UED 团队积极合作,充分收集业务场景和进行视觉优化,在这个过程我们产出了一系列的简单易用的基础组件,用于构建页面的其他部分。目前信息平台的新系统都在使用 UXCore 进行承载,我们也很愿意将我们已经成熟的解决方案分享出来,帮助更多的企业系统开发者解决他们开发上的痛苦,同时也寄希望于依靠社区的反馈,可以让 UXCore 走的更好。

1. UXCore 有哪些特性。

1.1 丰富的组件

超过 35 个常用基础组件用来构建你的系统业务,涵盖大部分常用功能

1.2 专注于企业应用

图2 table 全家福/form 全家福

图2:UXCore 致力于产出方便易用、功能强大且高度可定制的表单、表格、布局组件。'

  • 表单内置 10 余种常用表单域可以直接使用。
  • 表格除了基础功能外,还支持折叠展开二级面板、树形结构、行内编辑等复杂场景。
  • 布局支持传统的左右自适应布局和栅格布局,轻松搞定页面排版。
  • 除了内置的功能外,表单、表格还有一套简易地定制体系,随时可以在业务中为组件注入更强大的力量。

1.3 全面的国际化支持

所有组件的内置文案支持国际化,大部分文案用户可以主动设置。

1.4 可以定制的主题

图3 定制主题

我们默认提供了两套主题供使用,这两套主题也同时在我们的系统中使用,如果你不喜欢我们的主题,你也可以使用我们的在线定制工具定制你的主题,我们目前开放了所有颜色的定制,未来可能会开放更多的定制点。

1.5 按需使用

UXCore 的每个组件都是单独项目维护的,并且也会单独发布于 npm,因此如果你不喜欢引用 UXCore 的大全包,你也可以单独引用独立的组件使用。同时,修改 UXCore 原有的样式也十分简单,只需修改类名前缀(prefixCls),即可定制属于自己的 UXCore 组件风格。

1.6 提供项目级的建议和支持

如果你苦于搭建使用 React 和 UXCore 的项目环境,可以参考我们的 starter kit,在这里我们给出了团队在众多项目实践总结出的统一解决方案(NOWA),供你参考。 图4 nowa 工具

2. UXCore 正在做的事情

2.1 更加值得信赖

图5 持续集成

为了保证后续迭代和社区贡献的质量,我们会积极地接入代码风格校验和持续集成测试,目前我们的方案已经确定,正在向所有的组件进行推广。

2.2 可视化页面搭建

通过在线可视化的页面,通过拖拽和简单配置来实现简单交互页面的搭建,同时输出代码,用以后续更改和添加代码。

2.3 持续的功能增强

借助社区和团队自身的力量,UXCore 会在现有基础上优化使用体验,增强组件功能,添加更多常用组件来满足不同场景的需求。

3. 链接

文中涉及到的链接,大家可以通过 “阅读原文” 查看下载。

© 著作权归作者所有

共有 人打赏支持
紅白
粉丝 2
博文 1
码字总数 1163
作品 1
美国
Nowa 极简教程:立即上手 webpack & react 开发生态环境

Nowa 省去了用户研究打包,开发,模拟数据等 N 项变态又无聊的工作。用户可以直接上手写业务代码,不用考虑如何压缩合并代码,如何热加载,如何代理资源等等,如何配置国际化功能等等。能偷懒...

程序员诗人
2017/12/08
0
0
商务与项目一体化管理 破解业务管理断层问题

当下,信息技术的发展日新月异,企业需要处理的流程和数据并没有因为互联网时代的到来而减少,反而由于各种大数据蜂拥而至,让管理过程更加复杂。企业分工越来越细,各类企业管理软件纷纷涌现...

玄学酱
05/17
0
0
互联网与传统经济的结合

本来想写些技术的文章,但是毕竟是一个人,我不是传统的程序员,我更向往自由,更多想自己想干的一些事情,而不是被人压迫干的事情。我说下一个三线城市都比不上的县城如何面对互联网跟传统经...

2013yang
2017/03/31
0
0
OSS直传与UXCore-Uploader实践

本文是我们OSS的用户自己写的一篇文章,笔者做了简单的修改。这里代发。感谢这位用户对OSS的了解如此深! 背景 视联网业务中,需要存储大量的图片、视频等素材资源,为应对这种大数据文件的存...

zuozhao
05/25
0
0
免费邮箱VS企业邮箱 人性化定输赢

“ 网络上有那么多的免费邮箱可供使用,为什么还要使用专业企业邮箱呢?”或许有许多人会有这样的疑问。免费的东西确实有它吸引人的地方,但是越来越多的人还是愿意花钱去购买专业的企业邮箱...

小燕
2014/06/04
146
1

没有更多内容

加载失败,请刷新页面

加载更多

LSM-Tree 大数据索引技术

一、LSM-Tree概述 核心思想就是放弃部分读能力,换取写入能力的最大化。LSM-Tree ,这个概念就是结构化合并树(Log-Structured Merge Tree)的意思,它的核心思路其实非常简单,就是假定内存...

PeakFang-BOK
16分钟前
0
0
vue.js响应式原理解析与实现

从很久之前就已经接触过了angularjs了,当时就已经了解到,angularjs是通过脏检查来实现数据监测以及页面更新渲染。之后,再接触了vue.js,当时也一度很好奇vue.js是如何监测数据更新并且重新...

peakedness丶
22分钟前
0
0
Weblogic补丁升级操作步骤

linux平台: weblogic1036 1:停止weblogic服务 2:打FMJJ补丁 a:获取weblogic_home目录并执行命令:export weblogic_home="/weblogic/wls1036_x64",(此目录一般为目录“user_projects”上...

fang_faye
35分钟前
0
0
04-《Apache Tomcat 9 User Guide》之部署项目

1.Introduction Deployment is the term used for the process of installing a web application (either a 3rd party WAR or your own custom web application) into the Tomcat server. 部......

飞鱼说编程
36分钟前
0
0
一位十年的老码农他眼中的区块链

大家可能已经听说过比特币、莱特币、以太币等等,以及它们作为一种新货币在市场上的潜力。 有趣的是,很多投资比特币的人也提到了区块链之类的东西。 显然,这项技术是比特币等其他东西的"基...

小刀爱编程
43分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部