利用OutSystems创建你的第一个移动应用

利用OutSystems创建你的第一个移动应用使用 OutSystems 开发移动应用程序非常简单 如果您有包含数据的 Excel 文件 则可以将其导入数据库并快速创建移动应用程序 然后随时查阅和管理数据

使用OutSystems开发移动应用程序非常简单。如果您有包含数据的Excel文件,则可以将其导入数据库并快速创建移动应用程序,然后随时查阅和管理数据。

从Excel文件导入的数据创建移动应用程序,您需要:

  1. 创建数据库模型,并将Excel文件中的数据导入数据库;
  2. 创建一个屏幕列出数据库中数据;
  3. 创建一个屏幕,使您可以创建新记录并更新现有记录;
  4. 实现从数据库中删除记录的功能;
  5. 在移动设备上测试应用程序。

创建一个移动应用

让我们创建一个任务管理的应用程序。应用程序包含一个或多个模块,应用程序的不同部分可以封装在一个模块中。您可以在模块中设计数据模型,实现逻辑,设计应用程序的UI。

在开发环境中,使用移动模板创建一个名为ToDo的移动应用,然后为该应用程序创建一个新模块。
在这里插入图片描述

从Excel文件创建数据库表

OutSystems将您的应用程序数据存储在关系数据库中。这意味着创建应用程序的第一步是定义数据模型。

为此,我们使用已包含以下任务信息的Excel文件:

  • 描述;
  • 截止日期;
  • 进度。

在开发环境中,打开右上角的Data选项卡,右键单击Entities文件夹,选择Import Entities from Excel…,然后选择默认目录下可用的示例文件Todos.xlsx

在这里插入图片描述

导入Excel文件时,OutSystems会创建一个数据库表(在OutSystems中称为Entity),其中包含必要的列(在OutSystems中称为Attributes)以将数据存储在数据库中。

在程序后台,OutSystems将Excel文件中的每一行导入相应的数据库中。发布应用程序后,后台将使用Excel文件填充的数据库。

在本教程中,我们仅将数据存储在服务器数据库中,但是对于脱机使用,还可以使用本地存储在移动设备的本地存储数据。

创建一个界面来显示任务

现在我们将待办事项存储在数据库中,我们可以创建界面一个列出所有任务。

TodoData选项卡拖放到Main Editor 窗口中。

在这里插入图片描述

这会更新HomeScreen用以包含最初的20个任务,并在用户滚动到列表末尾时自动加载更多任务。

在这里插入图片描述

创建编辑任务的界面

创建编辑的界面与创建列表界面一样。

右键列表中第一个任务的标题,然后选择 Link to Mobile Screen (New Screen)

在这里插入图片描述

这会将任务标题链接到新创建的屏幕。我们将使用这个新屏幕来编辑任务,为此我们需要一个表单:

  1. 将“窗体”窗口小部件从工具箱拖放到新移动屏幕中的空白区域;
  2. TodoData选项卡拖放到先前创建的窗口部件;

在这里插入图片描述

现在我们定义用户按下Save按钮时的运行逻辑:

  1. 双击按钮Save的空白区域以定义与按钮关联的逻辑。这将创建一个名为SaveOnClick的新屏幕操作;
  2. Todo树下可用的实体操作CreateOrUpdateTodo拖放到SaveOnClick操作中的If-True分支。将Source属性设置为GetTodoById.List.Current
  3. 将屏幕HomeScreenInterface选项卡拖放到End节点,以便在保存任务后将用户重定向回主屏幕。

在这里插入图片描述

允许添加任务

我们希望最终用户能够从列表屏幕中添加新任务:

  1. 双击Interface选项卡树中的HomeScreen打开列表屏幕;
  2. Icon小部件从工具箱拖放到屏幕右上角的Actions占位符中,然后选择图标“+”;
  3. 右键单击该图标,然后选择 Link to Mobile Screen MainFlow\Todo

在这里插入图片描述

允许完成任务

现在让我们添加将任务标记为完成的新功能。

  1. 选择列表中的项目,然后单击工具栏上的向左滑动操作;
  2. 将文本“Action”替换为“Done”。

在这里插入图片描述

  1. 双击“向左滑动”区域的空白区域以定义与向左滑动操作关联的逻辑;
  2. 将Data选项卡中Todo下可用的实体操作DeleteTodo拖放到“向左滑动操作”的流程中。将属性Id设置为“GetTodos.List.Current.Todo.Id”;
  3. Refresh Data工具拖放到操作流中,然后选择GetTodos以刷新屏幕中的可用任务。

测试移动应用

在这个阶段,我们测试移动应用程序。单击1-Click Publish按钮将应用程序发布到您的环境。

在这里插入图片描述

部署应用程序后,单击Open in Browser 按钮以在浏览器中测试您的应用程序(支持Chrome和Safari)。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/216692.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月18日 上午11:17
下一篇 2026年3月18日 上午11:17


相关推荐

  • Caffe2简介

    Caffe2简介4 月 18 日 Facebook 推出了 Caffe2 一个兼具表现力 速度和模块性的开源深度学习框架 它沿袭了大量的 Caffe 设计 可解决多年来在 Caffe 的使用和部署之中发现的瓶颈问题 最终 Caffe2 打开了算法实验和新产品的大门 通过在内部用于各种深度学习和增强现实任务 Caffe2 已经在 Facebook 对于规模和性能的需求上得到了锻造 同时 它为移动端应用提供了令人印象深

    2026年3月20日
    3
  • vue前端跨域解决方案有哪些_前端能完全解决跨域问题吗

    vue前端跨域解决方案有哪些_前端能完全解决跨域问题吗为什么会出现跨域:浏览器访问非同源的网址时,会被限制访问,出现跨域问题.常见的跨域有三种:jspn跨域,原理:动态生成script标签,通过script标签引入接口地址(因为script标签不存在跨域的)cors跨域(后端开启):全称“跨域资源共享”,原理:它允许浏览器向跨源服务器,发出XMLHttpRequest请求,从而克服了AJAX只能同源使用的限制vue代理服务器proxy跨域:通过请求本地的服务器,然后本地的服务器再去请求远程的服务器(后端部署接口的服务器),最后本地服务器再将请求

    2022年10月1日
    4
  • salt学习-grains

    salt学习-grainsgrains 作用 注 之所以叫 grain 就像凳子之所以被叫做凳子 也可以从翻译中理解 它的粒度很细 就是一个名字 只要理解这个名字后面代表的东西的功能和运用方式就可以了 在 salt 上存在一个接口 它被命名为 grains 接口 它被用于操作系统 域名 IP 地址 内核 操作系统类型 内存和许多其他系统属性的搜集 既然说这个接口会搜集系统的属性数据 那需要怎么查看呢 命令如下 使用

    2026年3月17日
    1
  • CSS水平居中方法

    CSS水平居中方法水平居中行内元素首先看父元素是不是块级元素 如果是要实现水平居中 则直接给父元素设置 text align center style father text align center style body divclass father spanclass son 行内元素 amp l spanclass son divclass father body

    2026年3月16日
    2
  • 微信小程序开发实战1 微信小程序开发概述

    微信小程序开发实战1 微信小程序开发概述1.微信小程序开发概述1.1微信小程序的特点微信小程序是微信平台提供的一种开放技术,微信小程序为企业用户服务,用于建立一种移动端的“轻应用”,这种应用是不需要下载安装即可使用的应用,用户扫一扫或者搜一下即可打开应用。用户也不用关心是否安装了太多应用的而造成手机空间不足问题。微信小程序的推出后,与订阅号、服务号、企业号并列成为微信的企业应用体系。图1-1微信公众平台产品类型微信小程序运行在微信平台之上,微信平台对不同的手机平台已经做了兼容。使用微信小程序开发的应用,不需要兼容多个平台,开发完成后可

    2022年7月16日
    34
  • [leetcode]Spiral Matrix II

    [leetcode]Spiral Matrix II

    2022年1月17日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号