基于Vue3做一套低代码引擎

低代码的一个基础操作，透传组件的属性、事件以及插槽。这里说的是插槽的透传。通过UI库作为实例，即易懂又有使用颈价值。

vue3.4 的 defineModel 很好很强大，只是有两个小功能实现起来好像有点麻烦，一个是防抖，一个是后端传来的属性转换成组件需要的数组。所以手撸了一个。

无论是网站还是后台管理或者是APP，列表数据都是一个很常用的需求，而围绕列表，分页和查询也是不可或缺的元素，那么如何更好的编码实现需求呢？这里介绍一种自我感觉良好的方法，供大家参考。

行内编辑的列表，直接修改，立即生效的那种，适合修改配置信息等，直观、方便，想改哪个就改哪个。这次并不是封装el-table，因为用它有点卡，所以换了一个。可以直接使用表单控件的json文件

封装el-table的一种方法，可以把el-table-column的插槽传递出来，也可以把el-table的方法传递出来，这样就和使用el-table基本差不多了。内置一些基本操作，使用更便捷

这几天有点卡文，因为钻牛角尖没钻出来。表单控件基本这样了，状态的使用也是一种探讨和尝试，后面的查询控件会用的更频繁一些。

继续封装表单，可以依据 meta 自动创建model，可以实现组件与其他组件的联动显示/隐藏，可以为多个栏的形式，比如 card、tabs、step等形式。

封装表单控件的一点干货，本来想这一篇把大部分功能都写进来，但是发现篇幅有点大，所以还是分开表述。这里介绍Interface和controller的主体，验证的简单封装，还有多列表单的实现方式。

整理了一下表单、表单里面的各种组件需要的属性，对于常规开发来说，这些都不是问题，按照官网例子做就好。但是对于低代码来说就需要考虑一个问题，如何更好的进行抽象，做到：清晰、易读、可扩展，不要手撸json

以前用人问我，为啥要二次封装，有啥意义吗？这个嘛，其实也没多大的意义，首先是个人喜欢问题，我比较懒，不想哪怕多写一行代码，能少就决不多写，于是就各种封装。然后就轻松了。我的目标是：一键生成项目！

人人都可以手撸一套适合自己的低代码工具，其实这种事情，很早以前就有很多程序员在做了。现在低代码火了，出现各种低代码平台，有一些就是以前早就做的。这里介绍一下我的想法：基于Vue+UI库实现低代码工具。

状态，还是适合自己的才是用起来最舒服的。你是用官方推荐的pinia，还是自己重复制造一个轮子呢？我给自己做了一个锤子，充血实体类的状态哦。

低代码的核心是什么？用更少的代码实现更多的功能！那么如何实现呢？抽象呀！固定不变的写成代码、函数库，变化的写成json。那么json从何而来？可以从文档而来。

维护部门信息，内置类型转换，可以自动设置 parentID、level、sort、sortAll等字段，可以扩展，可以拖拽。

组件的联动，其实也不难。低代码的表单控件，最大的问题就是如何实现灵活性，而灵活性又包含很多情况，像 el-form 提供了很高的灵活性，但是用起来比较繁琐，所以需要我们找到一个折中点。

角色和权限，我是一直都觉得挺简单的，甚至都不需要一开始就去设计角色。因为，开发项目的时候，按照“原子”级别设置功能模块，然后把权限设置到字段。这样，项目开发完毕再去设置角色也不迟，甚至可以让客户自行维

这是一个想法和整体介绍，会持续修改，主要是目录和进度方面。 想法挺好，不知道会实现多少，欢迎感兴趣的ts一起参与。

表单里面各种各样的子控件的处理方式，可以基于JSON渲染，也可以使用slot、插件等方式进行扩展。基于Vue3+UI库，可以快速上手。

维护列表的json的小工具，可以用于维护json，也可以用于生成 el-table的属性。还可以当做代码生成器来使用。还可以试试看修改属性后的效果。

让用户自己设置符合他要求的列表如何？当然要在权限范围内，我们可以把这种方式叫做“个性化设置”，这样就不用折腾我们程序员了。