MTTK Vue Wrap 应用场景详解（二）

关键字: Vue3, 配置开发,快速开发,组件封装,低代码

前文提要：

探讨了基于配置文件渲染出表单的具体应用场景以及和SFC 的对比优势。

‒ 代码灵活,容易实现.函数在循环分支相对于SFC有一定优势,而递归调用等优势则非常明显.函数希望输出结果是JSON(JS对象),自然支持用函数生成.

‒ 组合使用. 上述表单配置可以组合起来实现更加复杂功能,譬如实现输入表单后点击查询按钮查询,并把查询结果显示在表格中.所以一个更加复杂的组件/界面就是上述各种配置的组合或函数的调用.

‒ 直观.自定义配置文件,非常直观,容易使用.

具体可点击头像关注，并参看上一篇文章：MTTK Vue Wrap 典型应用场景介绍（一）

这里继续探讨MTTK Vue Wrap 的低代码能力。

（一）介绍

低代码中一个很重要功能是动态生成界面.通过前一章节介绍不难发现,配置文件对应的是低代码通过界面配置或逻辑生成,用于描述界面显示的文件。

因此,低代码动态界面生成需要解决两个问题:

‒ 配置文件服务器端存储

‒ 配置文件渲染

第一个问题下节介绍;第二个问题处理相对简单,定义好配置文件规范后,很容易写出通用的转换函数.

（二）配置文件服务器端存储

上述配置文件存储有一个问题是可执行代码部分,譬如上面的loadTitle就是一段代码.一个更加典型例子是用户点击某按钮后的执行逻辑.

服务器端代码存储为字符串,加载到客户端后动态执行.动态执行有两种方式:第一种通过eval函数,第二种使用new Function.

后续：更加详细的关于低代码讨论会在低代码相关文章中，敬请关注。