ITPub博客

首页 > 应用开发 > Node.js > 白码低代码平台探索:10分钟实现一个表单应用(包含前端)

白码低代码平台探索:10分钟实现一个表单应用(包含前端)

Node.js 作者:冰糖炖杨梅 时间:2020-09-02 17:32:09 0 删除 编辑

创建产品表存储产品数据

产品表包含属性: 品名、规格描述、单价、图片

具体实现:

在“快速开发”中新建菜单“产品”,然后在弹出窗中添加属性。


一个简单的产品表就建好了,到用户端中看看效果。

实现增删改功能

回到刚才的工作台界面,在“功能配置”一栏中点击配置,新建一个“新增”功能按钮实现添加一条产品数据的功能,只需要填写功能名称,功能类型选择“新增”就可以了,“修改”、“删除”功能同理,他不能一次性同时选择新增、修改、删除类型,希望官方能够改进。

添加完后,将状态改为上线就可以了。

到用户端检查效果

在功能配置中单击功能,可以看到里面的具体实现,我理解为一个流程引擎工具,他提供了挺多类型的步骤,这部分内容等我研究多点后,再另开一篇笔记专门记录介绍。

实现前端界面

前面实现的只是一个类似后台数据管理界面,对用户来说不是特别友好。下面用平台提供的前端界面(官方说法是自定义页)模板简单实现一下。

1、新建“自定义页”类型菜单,选择一个数据列表模板。


2、点击编辑页面,对接产品数据(界面感觉有点像原型工具):选中列表,将数据源设为产品列表(其实前面创建表的过程平台会给我生成一个数据集的流程,当做数据视图就行)。并将产品表的属性映射。

3、映射完列表后,还有将列表中的其他图层的数值对应上(感觉有点重复操作了),比如品名图层,对应列表中的品名,其他我就不一一说了。

4、将增删改的功能对接上按钮:在对应按钮上的触发中选择点击执行功能就可以了。

弄完后点击保存,在客户端中查看效果。


总结

整体上算是实现了一个具有前端页面的产品管理表单应用,时间上也花费不到10分钟(前提得学会一点怎么玩这个平台)。

这个平台在功能上应该说挺强大的了,也比较容易上手,不过还有挺多坑,我从零开始靠翻官方的帮助文档翻了一个下午学习才会上手(没错,仅仅是上手)。

包括他的流程步骤类型、自定义页的组件、编程、API等,我能想到后面还有很多坑等着我踩......


来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/69981238/viewspace-2716670/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2020-08-07

  • 博文量
    14
  • 访问量
    7416