资讯专栏INFORMATION COLUMN

candys-tool low code的一种尝试

xavier / 3121人阅读

摘要:刚开始接触这种概念的时候,是源于我们项目组的一个简单的需求。查询所调用的接口也暴露出配置项,然后查询返回的结果,通过一个去存储字段的值。目前我们项目里采用的组件都是自己手写的。模板间的通讯未完思考中。。。我们做出来的成果

刚开始接触Low code/0 code这种概念的时候,是源于我们项目组的一个简单的需求。这个需求就是怎样动态化去做一个表单,以及表单查询页面。

思考阶段

于是开始了简单的思考,对于通常中后端的管理平台,前端要处理的业务逻辑大概分为查询数据进行列表展示,详情页面展示,内容字段编辑等方面。
就拿列表展示页面来说,我们可以把查询条件抽象出来,通过一个数组去配置,表单的元素也通过选择类型配置出来(如Input,select,dataPicker等),然后定义其特有的属性值。查询所调用的接口也暴露出配置项,然后查询返回的结果,通过一个arr去存储字段的key值。
由此类推,详情展示页面和内容编辑页也暴露出api层和字段层去配置。

准备及开发阶段

接下来我们需要结合一个UI组件库,或者有时间的话,手写一个组件库也可以,自己手写的话,可改性会更高一些。目前我们项目里采用的UI组件都是自己手写的。
然后是几种模板的开发,目前模板包括 :查询列表页模板 、新增页模板、编辑页模板、详情页模板 四种模板。
开发完模板,接下来就是交互方式了,比如我要在一个查询结果,点击配置编辑按钮,优雅的在当前页面去加载配置的编辑页面,而不是跳转到另外一个页面去做(这样比较low),其实我们的做法是做一层路由模板,路由模板控制着数据的流动。在列表页模板里设置按钮的交互方式,路由模板根据这个交互方式,去打开一个modal,里边引入跳转目标页模板。

进阶阶段

有了这个初步的模板工具后,我们还是觉得不太满足。因而我们要求有一个diy布局模板,
每个diy里的模块,可以引入其他的模板,有时候会感觉这样有点太乱,模板之间的通讯还没想好,我们也在不断的尝试,希望有小伙伴可以一起加入

接下来要做的事:

扩大模板库

配置文件的本地化,目前配置文件是在数据库存的,在本地化会更快一些。

模板间的通讯

未完思考中。。。

我们做出来的成果

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/105277.html

相关文章

  • Python_数据结构与算法

    摘要:什么是数据结构数据的组织结构方式一组数据如何存储,基本数据类型,,的封装算法与数据结构的区别数据结构只是静态的描述了数据元素之间的关系。高效的程序需要在数据结构的基础上设计和选择算法。 数据结构和算法基础 什么是数据结构和算法:兵法,计算的方法。算法是独立存在的一种解决问题的方法和思想。 算法的特征: 输入:算法具有0个或多个输入 输出:算法至少有1个或多个输出 有穷性:算法在有限的...

    Kylin_Mountain 评论0 收藏0
  • JavaScript学习笔记第三天_对象

    摘要:廖雪峰的教程学习笔记标准对象使用判断值的类型,可以看到是类型,是类型,就是类型,另外还有一个这种基础类型。小明只输出和,并且改变了反序列化,即从字符串中还原出一个对象,使用方法就是小明小明这个感觉蛮简单的。 廖雪峰的JavaScript教程学习笔记 1. 标准对象 使用typeof判断值的类型,可以看到NaN是number类型,null是obejct类型,undefined 就是un...

    YPHP 评论0 收藏0
  • 数据结构与算法:二分查找

    摘要:为检查长度为的列表,二分查找需要执行次操作。最后需要指出的一点是高水平的读者可研究一下二叉树关于二叉树,戳这里数据结构与算法二叉树算法常见练习在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。 常见数据结构 简单数据结构(必须理解和掌握) 有序数据结构:栈、队列、链表。有序数据结构省空间(储存空间小) 无序数据结构:集合、字典、散列表,无序...

    zsirfs 评论0 收藏0
  • 数据结构与算法:二分查找

    摘要:为检查长度为的列表,二分查找需要执行次操作。最后需要指出的一点是高水平的读者可研究一下二叉树关于二叉树,戳这里数据结构与算法二叉树算法常见练习在一个二维数组中,每一行都按照从左到右递增的顺序排序,每一列都按照从上到下递增的顺序排序。 常见数据结构 简单数据结构(必须理解和掌握) 有序数据结构:栈、队列、链表。有序数据结构省空间(储存空间小) 无序数据结构:集合、字典、散列表,无序...

    you_De 评论0 收藏0

发表评论

0条评论

xavier

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<