低代码平台

电子商务 · B2C 案例ID: 200264
联系该工程师
微信扫码,建群沟通
作者: 森屿鹿 - 3年经验- 达观数据有限公司

案例介绍

主要对接海报营销业务,减少重复劳动开发成本,开发基于简单的拖拉拽就能生成前端网页的编辑器,自研可渲染 Vue或 React 物料组件的渲染引擎,功能包含 UI 编辑器、轻代码、函数即服务(faas)、预览页面 。
技术栈
React、Ant 、NodeJS、Express
个人角色
负责整个前端系统的领域模型设计与实现,从零搭建项目,自研编辑器、渲染器、faas 、轻代码功能,其中编辑器实现了辅助线对齐、调整节点位置/大小、删除节点、前移/后移节点、复制/粘贴节点、历史记录功能。编写 docker-compose 文件,配置 Mysql和 Nginx 环境,使用 Gitlab+Jenkins+Docker 持续集成
项目重难点
● 多个前端项目 webpack 配置文件冗余,编写构建脚本,使用策略模式自定义 package.json 文件内容字段来区分项目类型走不同构建流程
● 每次开发都要手动启动多个前端和后端项目,造成重复劳动过多启动繁琐,编写 NodeJS 脚本,使用 PM 2一键启动前端项目的开发服务器 和后端服务
● 编辑器 UI 模型和业务逻辑代码耦合严重,设计出使用发布订阅模式和状态机来实现 UI 模型和视图双向绑定和解藕的方案,前端业务逻辑代码量减少约60%,提升了代码可读性

相似案例推荐

  • 明基照明

    明基照明

    类型:微信小程序 功能:为用户提供产品保修,售后,福利,不

  • API低代码平台

    API低代码平台

    可以动态创建API、修改API;动态创建、修改数据源 AP

  • 专业Etsy选品运营工具EstyHunt

    专业Etsy选品运营工具EstyHunt

    专业Etsy选品运营工具EstyHunt是一个PC端网站,致

  • 小程序

    小程序

    主要负责生猪销售系统的开发与迭代,根据客户在小程序上投标下单

  • app

    app

    主要负责公司内部系统的开发,以及对外系统的接口开发。主要有物

  • WUPEN

    WUPEN

    项目简介:为 WUPEN 客户端展示数据,以及维护人员对前台

发布任务

企业点击发布任务,工程师会在任务下报名,招聘专员也会在 1 小时内与您联系确认。

1小时精推人才

需求方专属客服,免费梳理匹配

需求方客服微信二维码
扫码加微信 · 客服人工对接
微信沟通 联系需求方端客服 看中这位工程师了?客服帮你 1 小时对接沟通 → ×