低代码可视化搭投平台

我要开发同款
0x67702024年06月16日
35阅读
开发技术node.js、typescriptreact
所属分类移动端、大屏、可视化低代码

作品详情

1. 主要模块:
编辑器、图层布局器、组件库、模板库、素材库、内置控件库、代码生成器
2. 功能效果:
2.1. 以项目为配置单元,每个项目可以创建单个或多个页面;
2.2. 用户可通过在编辑器内拖拉拽的方式,将组件库内的组件放置到画布内进行调整配置,最终保存为数据可视化的大屏或移动端项目,该项目支持下载源码进行离线部署,也支持直接发布成外链进行访问;
2.3. 支持通过JS代码进行事件派发订阅、自定义组件等高级操作;
2.4. 支持用户自行维护组件库,按平台规范开发自定义组件、上传、使用;
2.5. 支持用户自行维护模板库,通过保存项目为模板以便快速搭投同类型项目;
2.6. 支持将页面导出为配置文件,通过配置文件新建页面;
2.7. 对于多页面项目,可以很方便地配置路由跳转;
2.8. 支持平台内部数据或API数据接入
2.9. 其他功能未一一列举
3. 职责:
本人负责整个低代码平台的架构搭建与核心代码开发,包括但不限于规范制定、技术更新、迁移评估、脚手架开发、组件库开发、性能优化、专利转化:
3.1. 本项目从零开始,对竞品进行了相关调研,与领导、PM进行多次讨论,确定产品方向
3.2. 底层基础设计:图层协议及画布协议的设计、图层类/图层编组类的设计、配置栏控件协议、组件库组件的开发管理规范设计等;
3.3. 平台技术对接规范、开发规范等的编写;
3.4. 到本人离职前,该平台已实现“配置可视化+组件生态化+素材自由化”,已可覆盖交互不那么复杂的可视化大屏页面和移动端页面,能减轻50~60%的前端工作量。目前已推广应用到一部分项目线上,反馈良好
4. 技术栈:
该平台主要技术栈为Typescript + React + Nodejs
5. 难点:
5.1. 各类协议制定;
5.2. 图层操作(增、删、改、编组、取消编组、尺寸调整等)优化;
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论