[开源]很易用的中后台「表单 / 表格 / 图表」可视化搭建生成解决方案

一飞开源,介绍创意、新奇、有趣、实用的免费开源应用、系统、软件、硬件及技术,一个探索、发现、分享、使用与互动交流的开源技术社区平台。致力于打造活力开源社区,共建开源新生态!

一、开源项目简介

阿里 - 很易用的中后台「表单 / 表格 / 图表」解决方案。

二、开源协议

使用MIT开源协议

三、界面展示

四、功能概述

阿里巴巴 - 飞猪中后台「表单/表格/图表」开箱即用解决方案。

优势

  • FormRender:像写一个 input 一样写表单
  • TableRender:协议生成 & 高度灵活的搜索列表
  • ChartRender:傻瓜式的图表绘制库
  • FormGenerator:中后台表单可视化搭建生成利器

FormRender

一站式中后台 表单解决方案

FormRender 简介

FormRender 1.0 是下一代的 React.js 表单解决方案。项目从内核级别进行了重写,为了能切实承接日益复杂的表单场景需求。我们的目标是以强大的扩展能力对表单场景 100%的覆盖支持,同时保持开发者能快速上手,并以表单编辑器、插件、自定义组件等一系列周边产品带来极致的开发体验。在开发 1.0 的道路上,我们做了一系列的取舍,详见 0.x - 1.0 迁移文档。

TableRender

易用且轻量的中后台列表解决方案,常用于搜索列表页快速生成

TableRender 简介

  1. 真正开箱即用:以最简单的 API 配置请求和表头的字段,就能生成一个好用搜索列表。
  2. XRender 生态:搜索筛选能力用 FormRender 来提供,以最小成本快速生成上侧搜索面板。
  3. 无缝习惯使用:表格能用 Ant Design Table 来提供,降低用户使用成本。

ChartRender

注意:ChartRender 目前还处于开发状态,可能存在破坏性更新,请关注更新日志。

易用且轻量的中后台图表解决方案,常用于图表展示页快速生成

ChartRender 简介

  1. 真正开箱即用:以最简单的 API 配置请求,就能生成一个好用搜索图表。
  2. XRender 生态:搜索筛选能力用 FormRender 来提供,以最小成本快速生成搜索面板。
  3. 无缝习惯使用:表格能用 Ant Design Charts 来提供,降低用户使用成本。

五、技术选型

安装

  • FormRender 依赖 ant design,单独使用不要忘记同时安装 antd。
npm i form-render --save
  • TableRender 依赖 ant design,单独使用不要忘记安装~
npm i table-render --save
  • ChartRender
npm i chart-render --save
  • FormGenerator
npm i fr-generator

六、源码地址

访问一飞开源:https://code.exmay.com/

发表评论
留言与评论(共有 0 条评论) “”
   
验证码:

相关文章

推荐文章