Dooring-Saas低代码技术详解

概述

徐小夕介绍了基于H5-Dooring零代码开发的全新搭建平台Dooring-Saas的技术架构和设计实现思路。H5-Dooring自研零代码引擎已迭代300多个版本，旨在提高业务和营销过程中页面的生产速度和复用性，减少重复工作。

取得成绩

• Github star: 7.8k+
• 线上注册用户: 10000+
• 线上页面总数: 5000+
• 模板总数: 1000+
• 组件总数: 45+ (持续生产中)

徐小夕还撰写了10多篇关于低代码实现原理的文章，分享技术实现。

技术架构

Dooring-Saas平台注重编辑器设计、产品设计思路、入口工程设计和服务端技术思考。它提供可扩展、开箱即用并不断自研创新的功能，支持自定义组件和二次开发。

编辑器设计架构

Dooring-Saas的编辑器设计包括组件的Schema设计和组件物料开发。Schema由组件可编辑属性的数组(editData)和组件真正消费的数据(config)构成。组件物料开发遵循特定的搭建协议，每个组件都需要定义自己的schema文件。

组件元信息定义

开发完组件后，需要在编辑器中配置组件的初始化元信息，如组件大小、名称等。

渲染器设计

渲染器包括搭建模式和渲染模式，支持智能网格布局和自由布局。动态加载方式提高渲染性能。

出码模块设计

出码模块可以生成编译版本页面代码、小程序和页面json schema文件。

数据源设计

数据源设计已在《趣谈前端》中详细介绍。

入口工程架构设计

使用vue3 + vite的技术方案，包含入口页面、公共资源模块和预览页面。

管理模块

包括埋点分析和数据大盘。

后端服务介绍

后台服务采用nest + mysql + redis，遵循restful规范，并提供接口文档，支持多种语言接入。

展望

• AI + NoCode
• Coding Engine Design
• Process Engine

结语

这次分享的内容旨在帮助读者了解Dooring-Saas平台的设计和实现，同时徐小夕也承诺将持续分享最新的技术实现。