OutSystems中创建你的第一个web应用

OutSystems中创建你的第一个web应用利用 OutSystems 开发 Web 应用程序非常简单 如果您有包含数据的 Excel 文件 则可以将其导入数据库并快速创建企业级应用程序来管理数据 如果您没有准备好 Excel 文件 请不要担心 我们会为您提供样本文件 要使用从 Excel 文件导入的数据创建应用程序 您需要 创建数据库模型 并将 Excel 文件中的数据导入数据库 创建一个屏幕列出数据库中数据 创建一个屏幕 允许创建新数据和

利用OutSystems开发 Web 应用程序非常简单。如果您有包含数据的 Excel 文件,则可以将其导入数据库并快速创建企业级应用程序来管理数据。如果您没有准备好 Excel 文件,请不要担心,我们会为您提供样本文件。

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

  • 创建数据库模型,并将Excel文件中的数据导入数据库;
  • 创建一个屏幕列出数据库中数据;
  • 创建一个屏幕,允许创建新数据和更新现有记录;
  • 实现从数据库中删除记录的功能;
  • 发布您的应用程序;
  • 让我们开工吧!在这个例子中,我们将使用提供的Excel联系信息,创建一个简单的联系人管理应用。

创建一个web应用

让我们创建一个新的联系人信息管理的 Web 应用。应用程序包含一个或多个模块,应用程序的不同部分可以封装在一个模块中。您可以在模块中设计数据模型,运行逻辑以及设计应用程序的 UI 界面。

在Service Studio中,单击New Application,选择Web App,选择Top Menu模板并将其命名为“Contact Portal”。

在这里插入图片描述

在新的Contact Portal应用程序中,创建一个Web Responsive模块,并命名为‘ContactPortal’。
在这里插入图片描述

从Excel文件创建数据库表格

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

为此,我们将使用已包含以下联系信息的Excel文件:

  • 姓名
  • 地址
  • 出生日期
  • 邮箱

ContactPortal 模块中,打开右上角的 Date 选项卡,右键单击Entities文件夹,选择 Import Entities from Excel…”,然后在目录中选择默认情况下可用的Contacts.xlsx示例文件C:\Program Files\OutSystems\Development Environment 11.0\Service Studio\TutorialResources.

在这里插入图片描述

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

在程序后台,OutSystems将 Excel 的每行数据都导入数据库中。发布应用程序后,将自动运行由Excel数据的填充数据库。

创建一个屏幕列出联系人

现在我们可以创建一个屏幕列出所有联系人。

打开右上角的Interface选项卡,然后双击UIFlow目录下的MainFlow。然后,将ContactData选项卡拖放到Main Editor窗口中的空白区域。

在这里插入图片描述

这将创建一个屏幕,其中包含一次显示50个联系人的列表,以及分页和搜索功能。

在这里插入图片描述

创建一个屏幕用以创建和编辑联系人

创建一个屏幕用于创建和编辑记录与创建列表屏幕一样便捷,因此你只需要重复上一步即可。

打开MainFlow窗口,将 ContactData选项卡拖放到Main Editor窗口中的空白区域。

在这里插入图片描述

这将创建一个新窗口,其中包含用于创建新记录或编辑现有记录。 OutSystems还添加了服务器端逻辑,支持自动创建和编辑记录。

在这里插入图片描述

允许删除联系人

要实现管理联系人的应用程序,我们现在只缺少删除功能。让我们来实现!

双击屏幕ContactDetail按钮将其打开。将Button小部件从工具箱拖放到屏幕的Cancel按钮右侧,右键单击新按钮,然后选择Link to New ‘DeleteContact’ Screen Action

在这里插入图片描述

OutSystems添加服务器端逻辑以支持删除联系人记录并将该按钮与该逻辑相关联。

发布你的Web应用

现在我们只需要让应用程序上线。单击1-Click Publish按钮将应用程序发布到您的环境中。

在这里插入图片描述

部署应用程序后,单击Open in Browser在浏览器中打开,在浏览器中测试应用程序。

在这里插入图片描述

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

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

(0)
上一篇 2026年2月10日 下午2:01
下一篇 2026年2月10日 下午2:22


相关推荐

  • anconda安装pycharm_在anaconda中安装pycharm

    anconda安装pycharm_在anaconda中安装pycharm在pycharm新建conda环境的前提是安装并配置好anaconda结果建的时候报错:PackagesNotFoundError:Thefollowingpackagesarenotavailablefromcurrentchannels:原因是anaconda的镜像源中没有我们想要的包,所以要把anaconda镜像源换掉。anaconda镜像源的位置在C:\Users\60203_000\.condarc #每个人路径名会有不同打开之后是这样的,换成show_ch

    2022年8月29日
    7
  • 代码审计感想_代码审计是什么

    代码审计感想_代码审计是什么代码审计感想代码审计内容代码审计工具漏洞扫描漏洞扫描有以下四种检测技术:代码审计内容代码审计(Codeaudit)是一种以发现程序错误,安全漏洞和违反程序规范为目标的源代码分析。软件代码审计是对编程项目中源代码的全面分析,旨在发现错误,安全漏洞或违反编程约定。它是防御性编程范例的一个组成部分,它试图在软件发布之前减少错误。C和C++源代码是最常见的审计代码,因为许多高级语言(如Pyt…

    2025年7月7日
    4
  • 编程helloworld代码_pycharm怎么编写python代码

    编程helloworld代码_pycharm怎么编写python代码1.什么是Pycharm?PyCharm是一种PythonIDE,其带有一整套可以帮助用户在使用Python语言开发时提高其效率的工具。能够帮助我们在编写代码时提高效率。2.下载Pycharm网上提供的有专业版和教育版之分(windows下的)。网址:https://www.jetbrains.com/pycharm/download/#section=windows·专业版是收费的,功能更全面…

    2022年8月28日
    7
  • java futuretask 用法_FutureTask使用

    java futuretask 用法_FutureTask使用直接上实例 packagegaobi test FutureTaskTe importjava util concurrent Callable importjava util concurrent ExecutorServ importjava util concurrent Executors importjava util concurrent FutureTas

    2026年3月18日
    2
  • 豆包大模型1.8发布后又变成公测状态,客服:视觉语言模型能力在做调整

    豆包大模型1.8发布后又变成公测状态,客服:视觉语言模型能力在做调整

    2026年3月12日
    1
  • sublime text3激活码【2021最新】

    (sublime text3激活码)好多小伙伴总是说激活码老是失效,太麻烦,关注/收藏全栈君太难教程,2021永久激活的方法等着你。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html0VOERWDQ5R-eyJsaWNlbnNlSWQi…

    2022年3月30日
    97

发表回复

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

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