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

4efa327089e7fb1c38b0c599b1b51d75.jpeg

大家好,我是章鱼猫。

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

Sunmao 优势

1、响应式的低代码框架

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

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

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

3、强大的可扩展性

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

4、类型安全

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

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

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

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

9bda367414f3a878d51f48759d2c0529.jpeg

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

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

dc064e5e94b0d659a395c7f45bbae377.jpeg

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

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

dd95f31b3b8373955f7b481e164cd7f5.jpeg

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

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

开源项目作者:smartxworks

推荐阅读

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

整洁架构代码模板推荐

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

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

---特别推荐---

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

Logo

低代码爱好者的网上家园

更多推荐