介绍

sparrow-js 是场景化低代码（LowCode）搭建工作台，通过操作场景化编辑器生成源代码，侧重于支持日常业务需求开发的效率提示，核心目标仅有一条“提生研发效率”，目前提供基于vue、element-ui组件库中后台项目的方案。主要具备以下功能：

低代码开发，快速生成可读性强、vue element-ui组件库的源代码。
可视化开发，通过GUI生成页面代码源文件。
资产市场，代码资源共享，包含组件、编辑区块、静态区块、搜索业务组件、插件、场景搭建编辑器。

优势

sprarrow 的核心目标是“提效”，因此功能上不只是单纯UI的可视化搭建，目前提供函数级别的搭建，提供拥有业务逻辑的代码组装，生成可二次开发的源代码；
易于扩展，通过AST读取组件源代码，进行组合，只要页面的逻辑是可拆解的就可以任意组装；
可与项目结合，技术上采用本地运行server服务，可以与项目深度结合，实现更多提效手段，更大可操作空间；

目录结构

├── README.md
├── sparrow // sparrow 核心功能，包括可视化搭建、生成源代码服务
│   ├── package.json
│   └── packages
├── sparrow-vue-develop // 项目内安装界面
│   ├── babel.config.js
│   ├── package.json
│   ├── public
│   ├── src
│   └── vue.config.js
├── sparrow-vue-site // 文档站点
│   ├── deploy.sh
│   ├── docs
│   └── package.json
└── vue-market // 资产市场├── blocks├── boxs└── components

结构

工作原理

首先选择场景编辑器（表单、表格、区块等），场景编辑器渲染到页面；
通过特定场景编辑器选择物料（组件、区块），选择动作传到服务器端；
服务器端生成源代码，输出源代码到预览项目中；
预览项目通过webpack热更新实时展示效果；

全局安装

# 全局安装
$ npm install -g sparrow-code# 运行
$ sparrow

项目内安装

# 项目内安装
$ npm install sparrow-code -D# package.json 增加 sparrow
"scripts": {"sparrow": "sparrow start -m page"
}# 项目内安装GUI组件
$ npm install @sparrow-vue/develop-ui -S# 项目内引用App.vue
<template><div id="app"><router-view /><sparrow /></div>
</template><script>
import Sparrow from '@sparrow-vue/develop-ui'export default {components: {Sparrow},name: 'App'
}
</script>

项目预览图

点击下方卡片/微信搜索，关注公众号“天宇文创意乐派”(ID:gh_cc865e4c536b)

回复“sparrow”获取仓库地址

sparrow-js开源低代码场景化工作台，自动给你生成代码相关推荐

java逆向生成代码有哪些_利用mybatis逆向工程生成代码
在做项目过程中,当面对很多表时,手动编写Mapper.xml.Mapper.java和pojo无疑是要人命,还容易出错,导致对数据库操作时各种异常.这就陷入了写bug,改bug的旋涡. 针对这一痛点, ...
Simulink自动代码生成：生成代码的基本设置
Simulink自动代码生成也被称作基于模型开发(BMD),相比于传统的手写代码方式能够尽量减少人为错误.模型本身可以用于仿真,单元测试等,更便于提前发现逻辑错误.同时只要约定好模型接口,就可以多 ...
jeecg-boot自动生成代码_无代码实现销售系统自动判定并生成订单功能
ERP项目中,业务员创建销售单后,还需要确认产品库存是否充足,如不充足,还需要手动创建生成订单通知车间进行生产,比较麻烦,客户希望系统可以自动进行判断,自动根据现有库存生成生产订单. 目标: 新建销售 ...
一个自动将状态机生成代码的软件
如果你是一个程序员,对状态机应该有一定的了解,甚至会经常使用. 使用状态机的时候,一般都是自己设计程序去实现状态机,但,当要维护代码时,就会显得不方便,特别是比较复杂的时候. 我幻想着有一个软件,能在 ...
mybatis 代码生成器_spring Boot手把手教学（4）: mybatis-plus 代码生成器，自动帮你生成代码
1.前言 2.安装依赖 3.配置 4.生成器代码 5.代码展示 6.代码测试 6.1 添加工作 6.2 其余操作 1.前言俗话说:工欲善其事,必先利其器. 我们在使用springBoot开发项目的, ...
详解Dart中如何通过注解生成代码
简介:详解dart与java注解生成代码异同点作者:闲鱼技术-龙湫 1.背景最近在项目中使用到了Dart中的注解代码生成技术,这跟之前Java中APT+JavaPoet生成代码那套技术还是有一些不 ...
Python自动生成代码 - 通过tkinter图形化操作生成代码框架
Python自动生成代码 - 通过tkinter图形化操作生成代码框架背景脚本代码 Demo_CodeGenerator.py display.py FileHandler.py: 脚本运行结果: ...
Simulink自动代码生成2——生成嵌入式代码（generating embedded code）
写在前面,一个小tips:用低版本打开高版本slx的方法如下,这个方法不是万能的,可能会引发一些错误,谨慎使用. 目录 1. 代码生成的常用界面 2. 代码基本结构代码文件的主结构主循环函数生成 ...
python在线代码编辑器-5种最佳Python IDE和代码编辑器
在本文中,我们将介绍排名靠前的5个Python IDE和5个Python文本编辑器. 如果您在诸如Eclipse之类的IDE之间感到困惑,或者为该不该用Sublime Text这样的编辑器犹豫?那么您 ...

sparrow-js开源低代码场景化工作台，自动给你生成代码

介绍

优势

目录结构

结构

工作原理

全局安装

项目内安装

项目预览图

sparrow-js开源低代码场景化工作台，自动给你生成代码相关推荐

最新文章

热门文章