项目介绍
X-Render 是一款由阿里巴巴开源、功能强大、易用的中后台「表单 / 表格 / 图表」解决方案,旨在提供一套开箱即用的 UI 组件库,以方便开发者快速构建高质量的企业级中后台应用。

应用场景
X-Render 适用于各种中后台管理系统,包括但不限于:
-
数据展示:通过丰富的表格和图表组件,直观展示业务数据。 -
数据录入:提供高效、易用的表单组件,优化数据录入体验。 -
后台管理:构建功能完善的后台管理系统,提升管理效率。
功能模块
X-Render 主要包含以下几个核心功能模块:
-
表单(Form):提供多种表单组件,如输入框、选择器、开关等,支持表单验证、动态渲染等功能。 -
表格(Table):支持复杂的表格展示,包括分页、排序、筛选等高级功能。 -
图表(Chart):集成多种图表类型,如折线图、柱状图、饼图等,满足数据可视化需求。
功能特点
-
-
易用性:组件设计简洁直观,易于上手,降低开发成本。
-
-
灵活性:支持高度自定义,可以根据业务需求进行扩展和定制。 -
高效性:优化组件性能,确保在大数据量下的流畅体验。 -
一致性:保持与阿里巴巴设计规范的统一,确保 UI 风格的一致性。
项目技术栈
-
TypeScript:作为主要的开发语言,提供强类型检查和更好的开发体验。 -
Less:用于样式编写,支持变量、嵌套规则等高级功能,提高样式维护性。 -
JavaScript:部分功能可能涉及 JavaScript 的使用,以兼容更多场景。
快速使用
中后台表单解决方案,通过 JsonSchema 协议渲染表单
npm i form-render --save


功能演示








开源地址
https://github.com/alibaba/x-render