Sparrow 是一套场景化低代码搭建页面的工作台，通过预置组件简单拖拉拽就能快速搭建页面，制作完毕后即可在线调试即时体验，实时修改，页面效果所见即所得，并且支持生成源代码。

特性

  • 低代码开发：快速生成可读性强、vue element-ui 组件库的源代码。

  • 可视化开发：通过 GUI 生成页面代码源文件。

  • 资产市场：代码资源共享，包含组件、编辑区块、静态区块、搜索业务组件、插件、场景搭建编辑器。

优势

  • sprarrow 的核心目标是“提效”，因此功能上不只是单纯 UI 的可视化搭建，目前提供函数级别的搭建，提供拥有业务逻辑的代码组装，生成可二次开发的源代码；

  • 易于扩展，通过 AST 读取组件源代码，进行组合，只要页面的逻辑是可拆解的就可以任意组装；

  • 可与项目结合，技术上采用本地运行 server 服务，可以与项目深度结合，实现更多提效手段，更大可操作空间；

工作原理

  • 首先选择场景编辑器（表单、表格、区块等），场景编辑器渲染到页面

  • 通过特定场景编辑器选择物料（组件、区块），选择动作传到服务器端

  • 服务器端生成源代码，输出源代码到预览项目中

  • 预览项目通过 webpack 热更新实时展示效果

功能

物料

sparrow 提供多种类型的物料源，以此提升研发效率。

  • 组件：vue element-ui 基础组件
  • 容器：存储基础组件
  • 编辑区块：可增删改的特定场景代码片段
  • 静态区块：代码片段
  • 搜索组件：官方内置拥有特定逻辑组件
  • 插件：第三方自定义组件

基础功能

  • 实时预览
  • 拖拽
  • 实时预览源代码
  • 组件: 复制
  • 组件: 删除
  • 组件: 配置
  • 撤销
  • 保存
  • 导出
  • 重置
  • 接口生成
  • 打开 vscode 展示代码
  • 文本编辑

演示

部分组件

操作界面

制作效果

版权声明：
1、本网站名称：帝企吧
2、本站永久网址：https://www.diqiba.com
3、本网站的文章部分内容可能来源于网络及作者投稿，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报。
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。
7、本站所有资源来源于互联网，仅用于学习及参考使用，切勿用于商业用途，如产生法律纠纷本站概不负责！ 8、资源除标明原创外均来自网络转载，版权归原作者所有，若侵犯到您权益请联系我们删除，我们将及时处理！ 9、若您需使用非免费的软件或服务，请购买正版授权并合法使用！