# uni-app low-code 低代码 可视化

**Repository Path**: lrllrl/low-code

## Basic Information

- **Project Name**: uni-app low-code 低代码 可视化
- **Description**: 低代码，限仅供参考和学习
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: release
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 2
- **Created**: 2023-06-06
- **Last Updated**: 2024-04-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: 低代码, uni-app

## README

# 低代码

#### 介绍

演示请查看(`先右上角菜单创建项目`) [http://lrllrl.gitee.io/low-code](http://lrllrl.gitee.io/low-code)

#### 使用技术
[uniapp](https://uniapp.dcloud.net.cn/) + [vue-draggable 拖拽](https://github.com/SortableJS/Vue.Draggable) + [element-ui](https://github.com/ElemeFE/element) + [monaco-editor编辑代码](https://github.com/microsoft/monaco-editor) + [svelte-jsoneditor](https://github.com/josdejong/svelte-jsoneditor) + [ejs](https://github.com/mde/ejs) + [jszip打包](https://github.com/Stuk/jszip) + prettier格式化js代码]

#### 使用说明

1.  该项目仅为demo学习，为终止开发的半成品，无后端服务，全前端缓存数据打包
2.  所有拖拽组件设计理念都是可单独封装开发配置，甚至可直接通过配置文件适配非官方的所有个人开发者组件，可查看[static\components](https://gitee.com/lrllrl/low-code/tree/release/static/components)目录下组件代码以及配置了解
3.  画布呈现以及生成页面源码整体实现思路就是一个树形数据配置，画布拖拽、组件属性的修改则是修改的树的结构以及节点配置。打包生成源码则是递归遍历树数据配置后通过字符模板替换，生成相应的uniapp源代码。
4.  其余探讨可以提issues

#### 个人看法

看过[阿里](https://lowcode-engine.cn/index)或[宜搭(阿里低代码演变而来)](https://www.aliwork.com/)以及其他一些公司的低代码平台，以我码农的角度思考，暂且不说不够灵活，目前有以下几个比较严重问题：

1.  始终无法完美解决js逻辑部分问题，还是需要用户来手写js代码
2.  无法解决项目调试问题，想要调试，则需要编译生成源码后运行起项目代码文件，而所有低代码平台其实只是一个编辑树数据展示而已，阿里低代码使用的是codePen(效率极低)
3.  因目前的技术所限，如果是与本项目一样生成源码的低代码平台，其实应该砍掉生成源码给用户这一步骤，应跳过这一步直接发布上线。原因：低代码平台和源码包只是一个单向输送关系，修改了源码后并不能通过源码二次返回平台编辑，这可能会直接性导致平台上的项目版本落后，如告诫不能修改源码，那生成源码的意义也就没有了。当然，编辑发布上线这一整个流程也需要与各个平台对接。
4.  目前看到过的低代码平台几乎没有一个真正意义上具有生产力



个人浅薄认知觉得如果只做成一个纯页面模板生成器还是非常不错的，或者再加点简单的动态数据展示，类似易企秀一样。低代码平台的最终形态感觉还是要与各平台生态相互连接，尽量省去编辑代码部分，但其实仔细思考，在应付诸多复杂业务逻辑场景，代码才是最好的“低代码”编辑方式。