lowcode-demo-preview
v1.0.29
Published
Low-Code Engine 低代码搭建引擎 Demo 项目
Downloads
3
Readme
Usage
https://unpkg.com/lowcode-demo-preview/build/js/preview.js
# OR
https://cdn.jsdelivr.net/npm/lowcode-demo-preview/build/js/preview.js
Edit and save in the editor, and then copy the corresponding content from LocalStorage:
${scenarioName}:projectSchema
${scenarioName}:packages
Store it in the corresponding key in window.g_config
:
window.g_config = {
//...
___packages: [],
___schema: {}
};
It can then be used in a custom preview.html
:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>阿里低代码引擎 Demo - 预览页</title>
<link href="https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.css" rel="stylesheet" />
<link href="./css/preview.css" rel="stylesheet" />
</head>
<body>
<div id="ice-container"></div>
<script>
window.g_config = {
locale: 'zh_CN',
___packages: [],
___schema: {},
};
</script>
<script src="https://g.alicdn.com/code/lib/react/16.13.1/umd/react.production.min.js"></script>
<script src="https://g.alicdn.com/code/lib/react-dom/16.13.1/umd/react-dom.production.min.js"></script>
<script src="https://g.alicdn.com/code/lib/prop-types/15.7.2/prop-types.js"></script>
<script src="https://g.alicdn.com/platform/c/??react15-polyfill/0.0.1/dist/index.js,lodash/4.6.1/lodash.min.js"></script>
<script src="https://g.alicdn.com/mylib/moment/2.24.0/min/moment.min.js"></script>
<script src="https://g.alicdn.com/code/lib/alifd__next/1.23.24/next.min.js"></script>
<script src="https://unpkg.com/lowcode-demo-preview/build/js/preview.js"></script>
</body>
</html>
Low-Code Engine Demo
本 demo 是一个组合内核、setter、插件、物料的示范工程,因为未经长期生产环境打磨,可能还会有一些各个模块间结合的 bug,希望大家理解~
场景列表:
- index
- basic-fusion(此 fusion 的元数据描述是很老的版本,只为了示意描述结构,请勿用于生产环境)
- basic-antd
- basic-fusion-with-single-component
- custom-initialization
- node-extended-actions
- next-pro
- antd-pro-with-formily
更多参考资料: