当前位置: 首页 > Web前端 > HTML5

candys-toollowcode的一次尝试

时间:2023-04-05 20:09:41 HTML5

最初接触到lowcode/0code这个概念的时候,源于我们项目组的一个简单需求。这个需求就是如何动态的做一个表单和表单查询页面。在思考阶段,开始了简单的思考。对于通常的中后台管理平台,前端要处理的业务逻辑大致分为查询数据的列表展示、详情页的展示、内容字段的编辑。以列表展示页面为例,我们可以将查询条件抽象出来,通过数组进行配置。表单的元素也是通过选择类型(如Input、select、dataPicker等)来配置的,然后定义它们唯一的属性值。查询调用的接口也暴露了配置项,然后查询返回的结果通过一个arr存储字段的key值。以此类推,详情展示页和内容编辑页也暴露了api层和field层进行配置。在准备开发阶段,我们需要结合一个UI组件库,或者如果有时间,我们也可以手写一个组件库。如果我们手写的话,可修改性会更高。目前我们项目中使用的UI组件都是自己手写的。然后就是几个模板的开发。当前模板包括:查询列表页面模板、新建页面模板、编辑页面模板、详情页面模板。模板开发完成后,下一步就是交互方法。比如我想在一个查询结果中点击配置编辑按钮,优雅地加载当前页面的配置编辑页面,而不是跳转到另一个页面去做(这个比较low),其实我们的做法是让一层路由模板,控制数据流向。在列表页面模板中设置按钮的交互方式,路由模板会根据这个交互方式打开一个modal,将跳转目标页面模板导入其中。有了这个高级阶段的初级模板工具,我们还是觉得不满足。因此,我们需要一个diy布局模板。diy中的每个模块都可以引入其他模板。有时感觉有点太乱了。模板之间的通信还没有想好。我们也在不断的尝试,希望有朋友可以加入接下来要做的事情:扩展模板库配置文件汉化。目前配置文件在数据库中,本地化会更快。正在考虑模板之间的通信。..我们做出的结果