写在前面

上一篇博客 在完全脱离文档的情况下了解了 AppCube,对其有了一个基本面的认识,作为一个尝试者,本篇博客还是不借助文档,只依赖自己的经验,实现一个小闭环,这个闭环小到模型中只有一个字段,但我们要实现一个闭环,即从前台输入数据,然后在从后台读取数据。

首先我们创建一款空白应用,这样子就能得到一个原汁原味的界面了。

此时才发现,AppCube 竟然是一个 SAAS 空间,而且好像还在一个地方看到了类似的广告语,翻阅首页发现,原来是 【高效易用的低代码 aPaaS 平台】。

对象模型

进入到控制版面之后,直接找到 Model 目录,点击右侧的 +,添加对象模型。

输入对象名,就可以操作对象中的相关字段了,其中 AppCube 给我们内置好了一些默认字段,这些字段在开发中非常重要。


切换到自定义字段选项卡之后,就可以创建自己的字段了,AppCube 非常合理的预备好了前缀和后缀。
在自定义字段时,还可以选择字段的数据类型,这里创建了一个名称为 info_name 的字段,然后 AppCube 按照驼峰命名规则对其进行了格式化操作。标准名称为 hys__infoName__CST

对象字段的各个属性也可以单独配置。

编写页面

Page 目录中直接添加一个【标准页面】,然后拖拽一个表单组件到窗口中,这里 AppCube 会自动等待我们选择一个对象,将其绑定到表单组件上,如下图所示。


这里数据绑定的模型是 对象,因为它能由后台对象模型映射创建,支持选择字段,这里的后台对象模型就是上文我们创建的模型。

其它表单组件的配置都非常简单,例如文本标签,占位符,鼠标移动显示,是否可清空,基于需求配置即可。

输入页面最后一个步骤是,按钮操作,也就是我们需要给提交按钮绑定事件,让其可以提交数据到后台,选中按钮之后,发现 AppCube 这一步骤也已经考虑到,已经初始化好相关事件了。

点击【提交表单】后面的铅笔图标,得到【内置动作】编辑窗口,可以自行调整逻辑,非常方便。

接下来实现数据呈现部分

Page 目录中创建一个名称为 Show 的标准页面,然后直接拖拽一个表格到窗口中。

后续的步骤与上文基本一致,绑定模型,修改显示相关字段。

而且想要添加筛选条件也非常容易,直接在属性面板操作即可。

预览最终效果 c

在预览之前,需要修改一下相关菜单,这个步骤也是失败一次之后发现的,AppCube 默认打开的页面,并不是咱们创建的页面。

配置非常简单,直接参考下图操作区域即可实现。

保存上述所有操作,然后点击左侧的 APP 预览。当出现如下所示页面时,本次案例的全部工作已经完成。

数据输入界面

数据预览界面

由于没有删除按钮,我回到了 Show 设计页面,添加了工具栏,这样选择与删除功能就被启用了。

最后开启表格的选择列,如下所示。

写在后面

虽然本例只涉及了一个字段,但这足够精彩了,有这一个小闭环的实现,就可以将其扩展开了,任何表单收集与呈现的工作,都可以在无代码的情况下编写。真的符合了应用魔方的神奇之处在于,你把它拖拉拽操作一番就能实现快速应用开发和应用构建。

不写一行代码就能开发?是真的,试试应用魔方吧相关推荐

  1. MATLABSTM32CubeMX联合开发系列——不用手写一行代码就能实现CAN通讯

    MATLAB&STM32CubeMX联合开发系列--不用手写一行代码就能实现CAN通讯 从第一次搭建好MATLAB和STM32CubeMX的联合开发环境有一段时间了,之前已经发布了两个实例分享 ...

  2. 太赞了,使用应用魔方 AppCube,我没有写一行代码就开发出了一款投票微信小程序

    低代码开发近些年非常火热,所谓低代码开发就是无需写太多的代码甚至有些简单应用不用写代码就能构建出一款应用,低代码开发平台非常多,其中我比较熟悉的就是华为的应用魔方 AppCube,本文就带着大家用应用 ...

  3. 飞鸽传书每写一行代码都会有新的成就

    喜欢的人,日子过得非常开心,飞鸽传书每写一行代码都会有新的成就,尤其当自己的作品被广泛应用的时候,那种自豪感油然而起. 不喜欢的人,飞鸽传书x坐在电脑前极端无聊,被进度压得喘不过气来,天天为找bug改 ...

  4. 快速实现免费的个人免签收款功能(不写一行代码)

    最近一直在研究使用冰狐智能辅助的"自动构建"功能在不编程的情况如何实现各种好玩的东东,由于自己利用业余时间开发的小工具需要用到收款功能,于是自然想到用"自动构建" ...

  5. 不写一行代码(一):实现安卓基于GPIO的LED设备驱动

    文章目录 系列文章 一.前言 二.准备工作 2.1 内核版本 2.2 内核文档:bindings->leds 2.3 文档解析: leds-gpio.txt 三.编写DTS 3.1 查原理图,挑 ...

  6. 不写一行代码,也能玩转Kaggle竞赛?

    整理 | Jane 出品 | AI科技大本营(ID:rgznai100) [导读]AI科技大本营会给大家分享一些 Kaggle 上的资源,如 Kaggle 开放的数据集,也会分享一些好的竞赛方案或有意 ...

  7. 【效率】微软开源最强Python自动化神器!不用写一行代码!

    相信玩过爬虫的朋友都知道selenium,一个自动化测试的神器工具.写个Python自动化脚本解放双手基本上是常规的操作了,爬虫爬不了的,就用自动化测试凑一凑. 虽然selenium有完备的文档,但也 ...

  8. 不写一行代码就能玩转 Kaggle 竞赛?

    整理 | Jane 出品 | AI科技大本营(ID:rgznai100) 今天,我们要给大家介绍的这个工具特别推荐给以往只能仰望别人的,缺乏竞赛技能和经验的朋友,你不需要写一行代码就可以参与 Kagg ...

  9. 不写一行代码,也能解释XML,因为是JAVA

    不写一行代码,也能解释XML,因为是JAVA. 整个过程就三个步骤 1.XML转换成XSD 2.XSD生成JAVA Class 3.调用unmarshal实现转换结果 具体实例: 1.假设有一个XML ...

最新文章

  1. 芯片刀片服务器,使用“刀片服务器”其实不难
  2. [转]C#开发高性能Log Help类设计开发
  3. java当前时间转化毫秒_Java学习笔记-时间相关类
  4. 联想拯救者y7000电池耗电快_游戏新选择:联想2020款拯救者Y7000/R7000爆料
  5. java 单例 实现_java 实现单例的各种方式
  6. Linq的优点以及注意事项
  7. Java通过反射了解集合泛型的本质(Class反射都是在运行时执行的)
  8. TTL串口传输时,当收发线的长度和地线的长度不一样时,发生数据传输错误
  9. android单个页面切换_Android基础之使用Fragment控制切换多个页面
  10. 01.学习笔记-linux操作系统常用命令
  11. JS超好用的免费混淆工具
  12. 裁剪算法——中点分割算法/Liang-Barsky算法
  13. C#之 DateGridView分页超简单
  14. 手机成像技术简谈(测光篇)
  15. 鸿洋,郭霖Android开发大牛:从入门到精通系列学习路线以及进阶Android高级工程师书籍介绍
  16. 解决小熊无叶电风扇摇头嘎嘎响的问题
  17. 网络编程之端口:端口号为什么常见是8000、8080、8888...
  18. vs2013编译报错,未能将obj/..复制到bin/..,bin/...文件正被另一进程时候用
  19. springboot启动报Whitelabel Error Page
  20. No start hook file found ($HOOK_MARATHON_START)正确处理姿势

热门文章

  1. 美国大学计算机牛校简介
  2. Nodejs 中运行 JS 代码
  3. 让你在ManjaroLinux下也能只用你喜欢的中文输入法
  4. 网络变压器作用(续):带中间抽头的两个线圈组成的网络变压器及其作用
  5. 牛客小白月赛4 D.郊区春游
  6. 通过置换标签的方式给数据集加噪声
  7. 爬取起点中文网小说介绍信息
  8. linux下mv命令参数详解,linux下的mv命令使用详解
  9. Opencv中flip函数讲解
  10. greasemonkey_在Firefox中更改或设置Greasemonkey脚本编辑器