这个前端低代码框架太好用了

Posted 2022-08-10 非著名程序员

【公众号回复 “1024”，免费领取程序员赚钱实操经验】

大家好，我是章鱼猫。

今天推荐的这个项目是「Sunmao」，一个前端低代码框架。通过 Sunmao，可以轻松将各种前端 UI 组件库和自己开发的前端组件，封装成低代码组件库，从而搭建您自己的低代码 UI 开发工具，使前端开发变得如榫卯般严丝合缝。

Sunmao 优势

1、响应式的低代码框架

Sunmao 选择了简单易懂且性能优秀的响应式方案，使得 Sunmao 用起来符合直觉，能够快速上手。

2、强大的低代码 GUI 编辑器

Sunmao 内置了低代码工具的 GUI 编辑器，几乎囊括了一个完整的低代码编辑器应该具备的所有能力。

3、强大的可扩展性

无论是 UI 组件库本身，还是低代码编辑器，都支持自定义扩展。开发者可以注册各类复杂、适用于特定领域的组件，以此覆盖应用需求以及延续已有的视觉设计体系。

4、类型安全

无论是在开发 Sunmao 组件时，还是在使用 Sunmao 编辑器时，都处于类型安全之中。Sunmao 重度使用 Typescript 与 JSON schema 来实现极佳的类型系统。

接下来给大家演示一下，如何用 Sunmao 渐进式地开发一个日程管理应用？

第一步：创建日程管理 UI 界面

借助 Sunmao 编辑器，你可以轻松编排出一个完整的表单和表格。看起来不错，不过，这仅仅是个开始。

第二步：封装一个日历组件来替换表格

日历组件比表格更适合展示日程，但一般的低代码工具内置的组件有限，缺乏日历组件，也无法扩展。Sunmao 生来就为解决这类问题。原生支持封装自定义组件。只需一些代码，你就能把一个现成的日历组件封装成 Sunmao 组件。

第三步：用日历组件替换表格组件

封装好的 Sunmao 日历组件可以直接集成到 Sunmao 编辑器中，替换掉表格组件，并且使用体验和预置组件别无二致。借助自定义组件，你可以渐进式开发，持续丰富你的组件库，并迭代你的应用。

官网地址：https://sunmao-ui.com/dev.html

开源项目地址：https://github.com/smartxworks/sunmao-ui

开源项目作者：smartxworks

推荐阅读

重磅推荐：一款基于 GitHub 的 Web 笔记应用

整洁架构代码模板推荐

手把手教你实现一个在线魔方

最近，章鱼猫建了一个「GitHub 精选交流群」，欢迎大家一起交流优秀开源项目，也可以宣传自己的开源项目，加我微信：loonggg1024，备注【GitHub】邀请你入群。

---特别推荐---

特别推荐：一个新的优质的专注分享各种浏览器插件、黑科技教程、各种你想不到的高效率软件及工具的公众号，「程序员掘金」，专注挖掘好东西，非常值得大家关注。点击下方公众号卡片，直接关注。