OneCode2024年终回放视频，文字详解

前言

onecode截止2023年底最后一版更新已经将近一年了，这次借着百度秒哒的热度，推出了。onecode逆向全栈的视频介绍，但受限于视频的篇幅在功能介绍上就粗略了很多。本文将根据视频的节奏将OneCode这次带来的新的理念与功能做一个介绍。

OneCode “秒哒” DDD 100%源码全栈构建157 播放 · 0 赞同视频

点击可播放视频

​

一，全栈图形构建

（1）构建框架

视频开篇从零开始，选择了一些常用的页面框架，并且实现了一个典型的三帧结构。这个不到10秒的操作已经和传统的低代码打造了不同的理念，即“框架"是配置出来的还是构建出来的，其实也是低代码平台一个通病，首先锁定的是一个基础的框架，然后再去“画表单画、流程、画独立的页面功能”最后在组装到这个框架里。

添加图片注释，不超过 140 字（可选）

（2）构建布局

布局功能是低代码平台中非常重要的一个能力，也是在应用聚合核心组件。但在众多的平台中该部分却是以配置或者代码实现的居多，究其原因其实其实还是和第一项构建能力有着直接的关系。布局是严重依赖图形上下文结构的，在不同的设备（phone、pad、pc）中，不同的配置框架下都会受到影响必须程序员人工干预才能达到初步的效果。OneCode直接在框架中实现图拽布局，是创新也是为后续功能做铺垫。

添加图片注释，不超过 140 字（可选）

（3）圈重点，新功能来了 “添加聚合应用”

OneCode在完成框架及布局构建后，没有像传统低代码那样进入配置界面。而是继续了“拖拽的风格"在拖入的组件应用中不在是单独的UI组件而是被标位“聚合应用”的数据模型组件。从放出的实例中，逐渐涵盖了信息列表、统计视图，图形导航等多种常用功能性的组件。但聚合应用究竟是是什么？我们暂且再往下看。

添加图片注释，不超过 140 字（可选）

二，工程构建编译

（1）构建构建工程

添加图片注释，不超过 140 字（可选）

（2）补充讲解

这一部分的视频比较单调，不容易让人理解，为此我们将OneCode 以前的视频说明以及文章做了一个整理补充如下，其实这一部分主要是根据视图创建基于java原生语言的OneCode 源码扩展。比如：

添加图片注释，不超过 140 字（可选）

会转换为：

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

一个图形导航组件转换为：

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

一个绘图组件会转换为：

添加图片注释，不超过 140 字（可选）

而这一版的OneCode当中其实实现的是一个整体框架及工程转换的功能。真正实现了一键转换整站代码。

三，工程构建源码讲解

（1）工程构建源码讲解

果不其然，视频在完成编译后直接跳转到了代码工程。

添加图片注释，不超过 140 字（可选）

（2）补充说明

但视频中跳过了几个关键的步骤，从以前OneCode 的文章中摘抄了出来，补充如下：

代码的管理的窗口在这进入：

添加图片注释，不超过 140 字（可选）

而代码生成的逻辑和结构如下：

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

还是回到主题上，这次视频最大的不同就是不再是单一的一个模型或页面而是真正的-----全栈实现--------。

继续视频...

（2）OneCode全栈编译原理

视频回到了图形界面，将视图基础的树形结构做了一个回放。

添加图片注释，不超过 140 字（可选）

紧接着视频跳转到了，OneCode 视图代码，这一步稍有一些突兀。但暂停一下仔细做一个对比，左侧的文件树，原来“图生代码”在这里做了一个埋伏。

添加图片注释，不超过 140 字（可选）

同样聚合应用中也完整的看到了，符合微服务规范的对应聚合应用源代码

添加图片注释，不超过 140 字（可选）

四，OneCode领域模型配置

添加图片注释，不超过 140 字（可选）

对于熟悉OneCode 工程的读者而言，领域模型配置应该不陌生，但对于大多数读者而言还是跳跃性比较大的，在此笔者特别翻阅了专栏的其他文章，将其做一个扩展说明。而视频当中做的展示则是一个完全由用户拖拽生成全栈的应用自动创建领域模型的过程。

OneCode领域模型是基于DDD理论基础的一个通用低代码模型，总共分为了三个部分：

添加图片注释，不超过 140 字（可选）

（1）仓储模型

仓储建模的一个核心目的是将结构化的数据转变为面向对象的模式，而这其中非常重要的一点则是实体关系的处理，DSM设计中针对数据库表允许用户在导入数据库后再次进行实体关系建模，将数据库表按 1:1 ,1:N, N:N模型建立关系。完成建模后在出码的过程中会根据业务模板设定，进行实体模型的转变，在实体代码中以 @Ref 关系标签完成建模应用。

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

（2）领域应用聚合模型

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

（3）视图工厂模型

添加图片注释，不超过 140 字（可选）

添加图片注释，不超过 140 字（可选）

五，OneCode工程部署打包

视频第5部分，展示了全栈工程生成后支持二次开发导出的演示，OneCode支持了开箱即用的工程级导入导出支持，将依赖资源，源码分类以及工程配置一键处理。

添加图片注释，不超过 140 字（可选）

笔者也根据以前OneCode 专栏的一些文章整理了一些说明，补充如下：

（1）工程发布文件结构总纲

添加图片注释，不超过 140 字（可选）

工程发布，需要三方面的资源做支撑，分别是用户通过设计完成的页面及功能交互，通过特定的特定的出码模板完成相应的技术栈前端转换形成的前端页面目录。而后端应用则根据则是用户通过基础数据建模形成的领域模型文件，这些领域模型文件通常会按照，资源库、支撑域工程域等模型方式来独立打包方便后期版本管理及个体更新。另外第三块则是方便工程启动运行以及访问控制，对外暴露监控等相关的工程配置信息。

（2）资源（物料）目录树

添加图片注释，不超过 140 字（可选）

（3）OneCode后端打包结构总览

低代码应用中如果要具备完整的建模以及对外应用管理功能，就必然会涉及到后端数据建模以及基础的逻辑编排功能，不同的平台面向的开发者群体也会有所不同，有以解决简单数据的增删改查为目的初级数据库建模应用也有面向专业开发者的领域建模应用。但不管哪一类的平台，在打包编译输出的时候。通常会采用一下模型来完成。

添加图片注释，不超过 140 字（可选）

（2）服务模型接口描述

服务模型接口描述，通常采用的是Rest的web服务模式，每个工程会设定相应的命名控件，然后根据具体页面的服务地址进行重新的编排以树形的的结构来管理和展示webapi结构。

添加图片注释，不超过 140 字（可选）

六，小结

OneCode 这次发布主打一个“逆向”低代码概念，推出了三个可逆，1，通过绘图逆向推导代码即“图生代码”。2，通过图形应用推导应用架构。3，通过聚合配置逆向推导软件架构工程。下面我们将结合这次发布的视频演示，逐一介绍这三个“逆天功能”。