@iss-library-web-designer-plugins/code-generator
v2.0.5
Published
iss-library-web-designer Code Generate Solution - Vue
Downloads
9
Readme
ISS WEB-DESIGNER CODE-GENERATOR
浪潮软件股份有限公司
天工开务 网页设计器 出码插件
出码
所谓出码,即将低代码编排出的 schema 进行解析并转换成最终可执行的代码的过程。
项目说明
本项目为浪潮软件股份有限公司,天工开务-网页设计器的出码插件,本插件提供vue3的出码方案,同时具备网页端出码和服务端出码的能力。
使用方法
1) 网页出码,通过注册到网页设计器中体验
- 安装依赖:
npm install --save @iss-library-web-designer-plugins/code-generator
- 注册插件:
import { plugins } from '@alilc/lowcode-engine';
import CodeGenPlugin from '@iss-library-web-designer-plugins/code-generator';
// 在你的初始化函数中:
await plugins.register(CodeGenPlugin);
// 如果您不希望自动加上出码按钮,则可以这样注册
await plugins.register(CodeGenPlugin, { disableCodeGenActionBtn: true });
2) 服务端出码,直接使用提供的出码 API 体验
- 安装依赖:
npm install --save @iss-library-web-designer-plugins/code-generator
- 引入代码生成器:
import CodeGenerator,{ publishers } from '@iss-library-web-designer-plugins/code-generator/generator';
- 创建项目构建器:
const projectBuilder = CodeGenerator();
- 生成代码
const project = await projectBuilder.generateProject(
schema, // 编排搭建出来的 schema
);
- 将生成的代码写入到磁盘中(也可以生成一个 zip 包)
// 写入磁盘
await publishers.disk().publish({
project, // 上一步生成的 project
outputPath: '/path/to/your/output/dir', // 输出目录
projectSlug: 'your-project-slug', // 项目标识
});
// 写入到 zip 包
await publishers.zip().publish({
project, // 上一步生成的 project
outputPath: '/path/to/your/output/dir', // 输出目录
projectSlug: 'your-project-slug', // 项目标识 -- 对应生成 your-project-slug.zip 文件
});
快速开发
1) 启动项目
$ git clone http://git.inspur.com/iss-lcdp-web/web/iss-library-web-designer-plugins/code-generator.git
$ cd code-generator
$ npm install
$ npm start
本地调试运行 Demo
> npm run generator