快速实现一个表单应用(包含前端)
Roy
• 发表于:2021-07-31 20:28:30 • 更新于:2021-07-31 20:28:30
400

目标:

实现一个包含前端界面的产品信息增删改功能。


创建产品表存储产品数据

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

具体实现:

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

快速实现一个表单应用(包含前端)

快速实现一个包含前端的表单应用|帮助中心

快速实现一个包含前端的表单应用|帮助中心

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

快速实现一个包含前端的表单应用|帮助中心

实现增删改功能

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

快速实现一个包含前端的表单应用|帮助中心

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

快速实现一个包含前端的表单应用|帮助中心

到用户端检查效果

快速实现一个包含前端的表单应用|帮助中心

快速实现一个包含前端的表单应用|帮助中心

在功能配置中单击功能,可以看到里面的具体实现,可以理解为一个流程引擎工具,提供了多类型的步骤。

快速实现一个包含前端的表单应用|帮助中心

快速实现一个包含前端的表单应用|帮助中心

实现前端界面

下面用平台提供的前端界面(自定义页)模板简单实现一下。

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

快速实现一个包含前端的表单应用|帮助中心

快速实现一个包含前端的表单应用|帮助中心

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

快速实现一个包含前端的表单应用|帮助中心

3、映射完列表后,还有将列表中的其他图层的数值对应上,比如品名图层,对应列表中的品名。

快速实现一个包含前端的表单应用|帮助中心

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

快速实现一个包含前端的表单应用|帮助中心

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

快速实现一个包含前端的表单应用|帮助中心

快速实现一个包含前端的表单应用|帮助中心

快速实现一个包含前端的表单应用|帮助中心

本文是否对您有帮助?
有帮助
没帮助
您是否遇到了以下问题?
内容过期或不准确
缺少场景、事例
链接有误
太简单,步骤待完善
其他
提交反馈
如需获取即时帮助,请联系
小助理
微信扫码添加小助理
让你的想法快速变成软件吧~
联系我们
售前咨询电话
020-88520693
意见箱 · 建议反馈
您的宝贵建议,使白码更完美!
白码小助理
加入白码社区,学习更多开发小技巧!
微信扫码添加白码小助理