它是一种以游戏开发模式开发webapp的可视化开发方法。

系统开发

系统架构设计


浏览:596 次

和unty的游戏开发一样,它有一个视觉界面。拖放式开发过程非常舒适方便,极大地实现了功能模块的重用。与当前的网络开发方法相比,这相当于提前步入共产主义。受此启发,我想拥有自己的web开发可视化开发和编辑工具,可以根据统一模型共享模块。现在我有了初步结果,我想在这里分享。

最近,碰巧有一个项目,作为系统开发的第一个项目,演示也相对简单。

在当前的webapp开发过程中,第一步是绘制设计图。现在设计师使用的设计工具可以直接导出样式代码和插件。因此,在界面开发阶段,工程师经常在复制代码。如果没有实时视觉界面,他们通常会等待页面刷新以反馈更改,这是低效的。

我在这里设计了一个CSS组件,可以粘贴符合当前流程的样式代码。

输入一些常用的独立样式表,如flex flex center,以进行进一步的反编码。

脚本系统介绍。一般的网络框架开发涉及亲子沟通。Unity有另一个想法,

您可以将不同的“组件”拖到脚本中以处理逻辑。该脚本在内部高度独立,因此非常适合重用。

预制件系统。有许多模块可以在我们的开发过程中重用。您可以将它们设置为预制构件,可以在未来的项目中使用,也可以在项目中重复使用。例如,可以将列表项设置为预制零件,可以拖动、放置或导出。这些预制部件是您的代码资产,也可以作为资源与其他人共享。

项目构建和导入/导出是编辑器系统不可或缺的模块。我将项目格式命名为WD1P。此外,导出的代码与我们的手写代码一致,可读且可维护,这与原型编辑器生成的代码本质上不同。

整个编辑器基于playcvas的编辑器。随着可视化开发,开发效率提高了很多,代码共享也有了质的飞跃。开发过程也很有趣,并不枯燥。发布了阉割体验版本,仅具有继承树功能

https://songshujitu.github.io/web-designer/