作为我100天旅程的一部分,我已经写了关于AppGyver的不同部分。
为了了解一切是如何运作的--也为了给无代码挑战的最后一个灵感--我创建了我的臭名昭著的棒球应用(我认为它非常酷)。
2分钟的视频版本。
该应用程序的作用
该应用程序旨在让我找到球员,查看他们的统计资料,并将他们加入我的幻想球队。
更具体地说,该应用程序让我。
- 从30支美国职业棒球大联盟球队中选择一支球队
- 查看某一特定球队的所有球员
- 只显示投手或非投手,或两者都显示
- 选择一名球员,并按赛季查看他的职业生涯统计数据
- 将球员加入我的幻想球队
- 查看我队中的所有球员
屏幕
主屏幕为你提供了一个下拉字段来选择一个球队,并查看其球员。你可以查看投手、外野手或两者。
如果你碰巧知道某个球员的ID,你可以输入这个ID,应用程序要么说这个ID不好,要么就会显示这个球员的屏幕,包括他的所有统计数据和信息。
一旦你选择了一个球队,就会显示一组列表项,其中有球员的名字和他们的位置。我把重复的列表项放在一个滚动视图中,这样我就可以滚动球员而不丢失顶部的一组选择组件。
如果你点击一个球员,你会得到一个新的球员的信息,加上他的统计资料,按年份划分。
如果该球员不在你的幻想球队中,你会在右上角看到一个按钮。如果你点击它,该球员就会被添加到你的球队中,按钮就会消失(你以后可以在 "我的球队 "屏幕上将该球员从你的球队中删除)。底部会显示一个小的通知,说明该用户已被添加。
要看你的球队,你可以作为底部导航栏的一部分导航到我的球队。
2 数据资源
这个应用程序的一个要点是显示我可以连接到一个数据源来拉取信息(我有许多REST数据资源到MLB API),但我也可以使用设备上的本地存储来存储我自己关于球员的相关信息。
在某些时候,你会想拥有自己的数据,但让所有的用户分享它--创建一个真正的联赛,让用户购买和出售球员,并分享排行榜等。
因此,你将不得不创建一个后台服务。现在,你可以使用SAP Business Application Studio低代码工具来快速创建后台数据和服务,最终,AppGyver有望在AppGyver内提供一个类似的甚至更简单的机制。
我认为很酷的事情
这里有一些我认为很酷的应用程序的东西。
-
市场组件。该应用程序使用了几个市场组件,包括滚动视图和图像列表。
-
复合组件。我修改了图像列表组件并添加了我自己的删除按钮和删除事件。
-
自定义JavaScript流函数。该应用要求我创建自己的自定义流函数,我为其创建了输入、输出和JavaScript逻辑。
-
**灵活的API调用。**在设置REST API调用时,我看到了如何指定响应中我们想要的数据的位置,以及如何创建占位符/变量,以便我可以使用API调用来检索不同类型的数据。
-
**数据逻辑。**有一个默认的逻辑,每5秒检索一次数据,但我希望根据用户事件立即检索数据,所以我定制了数据检索逻辑。
-
REST API和本地存储。如上所述,我们有多种数据资源,既有只读的REST API,又有设备上的本地存储。
-
导航。我能够在屏幕底部设置固定的导航菜单,以及与流程组件合作,打开页面。至少有一个页面,即播放器页面,使用了一个页面参数。
-
**布局和主题。**我开始利用布局来更精确地定位项目,改变外观和感觉(例如,输入框的圆角),并创建样式。
如何改进该应用程序
我只使用了很少的样式和布局功能,我希望下周能探索这些功能,并改善应用程序的外观和感觉。
到下一个屏幕的过渡有时并不顺利,例如,数据还没有加载,用户看到的是空的或 "未定义 "的字段。
最后,我还可以增加一些功能。
- 选择状态类别的下拉菜单可能应该是单选按钮,但我无法迅速看到如何实现这一点。
- 在排行榜上显示更多的球员,或者允许用户进行配置。
- 允许根据名字或统计资料搜索球员,例如,向我显示所有至少有100次击球且平均水平高于0.300的球员。