Skip to content

背景

因领导要求,想在部门内搞一个低代码引擎,用于开发前端页面。

目标

  1. 搭建一个纯前端的低代码引擎,专注于前端页面的交付
  2. 低代码引擎可以应用于多个业务系统
  3. 支持扩展低代码引擎物料、工具等内容

需求

搭建低代码引擎

  1. 功能清单
    1. 整体框架
      1. 布局
      2. 拖拽功能
      3. 大纲树
      4. 画布功能
      5. 画布与代码关联功能
      6. 支持代码输入
        1. 代码高量
        2. 代码格式化和错误提醒
        3. 代码提示,并支持内置变量的提示
        4. 支持输入 vue2 的代码
      7. 内置代码功能模块
        1. 请求
        2. 路由
        3. 全局存储
        4. 工具库
      8. 撤销/重做
    2. 页面管理
      1. 增删改查
      2. 导入导出
    3. 组件功能
      1. 组件管理
      2. 内置组件
        1. 基础组件库
          1. 表格/表单/弹窗/标签....
        2. 图表组件库
      3. 自定义组件
        1. 支持对画布内容进行封装,从而生成一个新的组件,并重用
      4. 支持远程组件的加载
    4. 全局性功能
      1. 支持全局函数
      2. 支持全局常量定义

搭建前端远程组件服务

搭建应用低代码引擎的业务系统,提供版本管理、在线运行等功能

功能设计

开发设计

搭建底层代码

总结

参考资料

  1. 阿里的低代码引擎