低代码之光！轻量级 GUI 的设计与实现

[nzbin]

本年度唯一一篇文章，欢迎赐教🙏

https://www.cnblogs.com/nzbin/p/17911706.html

[HiCode]

很棒！

思路很接近，最近有打算搞个类似的项目，没想到 op 做了。

哈哈哈，准备参考 op 的文档减少一点工作量。

[okrfuse]

Good

[nzbin]

@HiCode 哈哈，互相学习😄

[heirenha]

感觉跟百度的 amis 有点类似，https://github.com/baidu/amis/releases 最近更新的也挺频繁

[nzbin]

@heirenha 嗯嗯，amis 属于低代码平台，GUI 只是低代码平台的一个模块而已

[cover]

有没有考虑过 使用 jsx 直接作为页面 layout 的描述，而不是使用 json schema ？ 这样做是不是对界面描述更加直观？

[nzbin]

@cover 文章有作说明，json 是为了方便自定义组件和数据保存，这么说有点抽象，可以看看 Power BI 和 Looker 的自定义组件，另外不是 json schema 啊

[mmx12138]

低代码表单是挺多的, 那你这个是优势是什么呢

[HiCode]

@mmx12138 我感觉优势就是，更适合开发者的需要。

就目前现实中遇到的情况，有代码能力的开发者更倾向于“配置产生页面”，没有代码能力的使用者，才会喜欢“拖曳产生页面”。

现在开发者比使用者更多。

[nzbin]

@mmx12138 问得好，最大的优势就是简单易用，可以看一下文档站的 CSS 背景渐变的 demo （ https://acrodata.github.io/gui/home ）和源码（ https://github.com/acrodata/gui/blob/main/projects/docs/src/app/shared/gradient-generator/gradient-generator.component.ts#L19-L160 ）。这个例子还是很有代表性的，JSON 声明也就 100 多行就搞定了。另外响应式表单可以追踪所有控件的状态和值变更，不过一般来说用不到这么细粒度的控制。其它细节还有比如 a11y 的支持，尝试使用 tab 键、方向键、空格键，你会发现所有控件都可以使用键盘聚焦控制。