This issue recommends an Ali open source enterprise low code engine — LowCodeEngine.

LowCodeEngine is a low-code engine open source by Alibaba Dingtalk team. The engine fully complies with Alibaba’s Back-end Front-end Infrastructure Construction Protocol Specification and Alibaba’s Back-end Front-end Material Protocol Specification. Compatible with Chrome > = 80, Edge > = 80, last 2 versions of safari and firefox.

class=”pgc-h-arrow-right” data-track=”4″>

• Extension-oriented kernel engine extracted from enterprise low code platform

Orchestration module : a curated orchestration module that makes integration of drag-and-drop and configuration capabilities easier

Feed module : Feed capability to make components easier to use on low-code platforms

Code output module : code output ability, improve the scalability and performance of low code

rendering module : runtime rendering, quickly provide protocol rendering capability

• provides out-of-the-box material systems, setters, plug-ins, etc.
• has a complete set of tool chains to support full-link research and development
• Powerful scalability, has supported nearly 100 low-code platforms
• Based on TypeScript, provide complete type definition file

Use example

supports cdn import only, uses the npm package to provide typings and other code prompts

npm install @alilc/lowcode-engine --save-dev

import { init, skeleton } from '@alilc/lowcode-engine';

skeleton.add({
  area: 'topArea',
  type: 'Widget',
  name: 'logo',
  content: YourFantaticLogo,
  contentProps: {
    logo:
      'https://img.alicdn.com/tfs/TB1_SocGkT2gK0jSZFkXXcIQFXa-66-66.png',
    href: '/',
  },
  props: {
    align: 'left',
    width: 100,
  },
});

init(document.getElementById('lce'));

Project configuration

{
"externals": {
"@alilc/lowcode-engine": "var window.AliLowCodeEngine",
"@alilc/lowcode-engine-ext":  "var window.AliLowCodeEngineExt"
}
}

class=”pgc-h-arrow-right” data-track=”24″>

After starting the lowcode-engine, several umd files are provided for debugging in conjunction with the lowcode-demo project.

$ git clone git@github.com: alibaba/lowcode-engine.git
$ cd lowcode-engine
$ npm install
$ npm run setup
$ npm start

class=”pgc-h-arrow-right” data-track=”48″> Use case

Dingding Yitao is a low-code application development platform developed by Alibaba. Based on the cloud infrastructure of Alibaba Cloud and the enterprise digital operating system of Dingding, it provides a new mode of digital business application production with low threshold and high efficiency for every organization. Each application produced on Yichang is naturally interconnected, data-driven, secure and controllable.

class=”pgc-h-arrow-right” data-track=”27″>Demo

Drag components

Generate code

attribute

Interface preview

—END—

Open source protocol: MIT