低代码（四）低代码平台前端技术组件选型2.0-Toy模板网

这篇具有很好参考价值的文章主要介绍了低代码（四）低代码平台前端技术组件选型2.0。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

上节已经介绍了前端的部分组件技术选型，本节继续。

AntV 数据可视化组件
AntV 是一个数据可视化项目，也是一个团队，蚂蚁金服数据可视化团队，一群有爱有梦的人，怀揣「让人们在数据世界里获得视觉化思考能力」的梦想前行，希望成就智能时代全球领先的数据可视化解决方案，满足与日俱增的数据洞察需求。
AntV 目前覆盖了统计图表、移动端图表、图可视化、地理可视化、2D 绘图引擎和智能可视化多个领域，主要包含 G2、G6、F2、L7 以及一套完整的图表使用和设计规范。得益于丰富的业务场景和用户需求挑战，AntV 经历多年积累与不断打磨，已支撑起阿里集团内外 20000+ 业务系统，通过了日均千万级 UV 产品的严苛考验，是阿里经济体数据可视化最重要的基础设施。
报表Excel展示制作组件
Lucksheet,类似于 Excel 的电子表格，在各行各业中都会被经常用到；而随着电子化、后台化的不断深入，把电子表格搬到管理后台的 Web 页面中，逐渐成为了更为主流表格使用方式，网页版的电子表格相比于零散的 Excel 文件更容易管理、更便捷。Luckysheet，就是一个不错的纯前端的在线电子表格。（注意：Lucksheet打印不是特别方便，大数据有性能问题，打印我们是进行了改造，通过java生成pdf进行打印，大数据也是采用的后端来实现。）
移动界面设计器
目前市面上开源优秀的移动端设计器非常少，一开始想基于vite-vue3-lowcode进行改造，实在写的太烂啦，无法达到企业要求，最终还是放弃了。采用vant4+vue3进行自研。
移动可视化设计器
移动可视化跟移动界面开发不一样，移动可视化界面更关注在图表的展示，业务逻辑没有界面设计器的复杂，但更加关注展示和数据转换，当然可以跟移动界面设计器合并在一起，但考虑到操作方式和组件展示的区别，建议还是分开管理和维护比较合适。
移动框架
React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是Facebook早先开源的JS框架 React 在原生移动应用平台的衍生产物，支持iOS和安卓两大平台。RN使用Javascript语言，类似于HTML的JSX，以及CSS来开发移动应用，因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。平台采用移动设计器来生成元数据，再根据元数据来生成react native相关代码，从而实现渲染和显示。
打印设计器
一般说到vue说到打印，大部分人的想法是使用vue-print,vue-print实现简单打印可以，但如果实现打印设计器或者要打印复杂表格、表单就比较没法了，氢原平台打印组件使用的hiprint。hiprint比较老的一套框架，展示可交付都比较一般，要进行大量改动才能达到企业使用标准。注：改动比较大，不亚于重写，但里面好多思想可以借鉴hiprint
门户设计器
门户设计器在有些平台叫工作台设计器。目前没有找到特别好的开源设计器，只能自研，投入了2个前端架构师3个月完成了开发测试，总体来说达到了预期目标。该组件可以作为统一门户的核心利器，可以对各类租户、各类应用进行门户的定义和动态调整。
登录设计器
登录设计器是一种小众设计器，大部分低代码厂商没有提供该设计器，但我们目标是租户可以做到千人千面，从登录、框架布局、工作台、logo、颜色主题都可以调整，这些调整不仅仅针对租户，针对单个应用都可以做到定制和调整，既然开源的没有，那就自研吧。
后端函数编辑器
如果一个低代码平台宣传说不写一句代码就可以实现应用的开发，你们可以相信，反正我是不相信的。特别稍微复杂点的应用难免需要写代码。平台为了追求降低使用者的门槛和学习成本，平台提供一个函数编辑器，通过拖拽的方式来实现js代码的编写，供后端Java调用，这样可以简单实现后端和前端的通讯。其实就是类似serverless，类似的开源设计器的较少，自研。
交互事件函数编辑器
不管是登录设计器、门户设计器、自定义界面设计器、可视化界面设计器、还是表单设计器在设计界面的时候难免存在交互操作，也就难免需要写js代码来进行干预。平台为了让业务人员进行开发，所以提供了专业写代码的webIDE，同时也提供了拖拽模式的事件编辑器。这种设计器目前开源的没有，只能自研。
集成服务设计器
集成服务现在在低代码平台都已经成了标配组件，以前都叫数据总线、集成平台啊，如果低代码平台没法集成第三方系统API和第三方系统数据，那这种平台的适用性非常有限咯。为了实现0代码方式实现系统的集成、数据的集成，就需要提供一个集成服务设计器，通过拖拽、配置来实现集成相关工作。腾讯的鹊桥、hiflow都是类似产品。氢原平台为了打造技术壁垒，再加上这块优秀的开源组件和平台非常少，只能自研。
报表设计器
提到报表，大家可能能想到一堆的供应商，比如什么帆软、水晶报表等，但作为低代码平台因为有些应用都是非常简单的应用，报表的需求也非常简单，如果都走三方供应商还是不合适，所以还是打算集成一个简易报表设计器，开源的ureport2还行，但实话实说ureport2的设计器实在太丑太难用了，团队用了1周，果断放弃了，还是自研吧。基于lucksheet进行自研，实现ureport2的相关功能。