点击空白处退出提示
作品详情
编辑器、图层布局器、组件库、模板库、素材库、内置控件库、代码生成器
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. 图层操作(增、删、改、编组、取消编组、尺寸调整等)优化;
![](https://filescdn.proginn.com/works_1028018/ce2663d4593965b521166bcdb421d6f3f296f1ea.png?x-oss-process=image/resize,w_800)
![](https://filescdn.proginn.com/works_1028018/fb34af4f43815a6b74f646ef9eb222f604441e31.png?x-oss-process=image/resize,w_800)
![](https://filescdn.proginn.com/works_1028018/4d96d70bf6f8cd3a959865219f4b44743dc79eb2.png?x-oss-process=image/resize,w_800)
![](https://filescdn.proginn.com/works_1028018/f28fdfed5ab73e7a9e8f870c8ca26a6fb8bf8e85.png?x-oss-process=image/resize,w_800)
![](https://filescdn.proginn.com/works_1028018/99f18e5b56b35d6071a2b45358e8bec8b2d70e76.png?x-oss-process=image/resize,w_800)
声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
评论