练习 - 创建画布应用

  • 20 分钟

学习目标

在此练习中，学习者将使用 Copilot 创建一个画布应用，供员工用于提交维护请求。 您将使用 Copilot 构建数据模型和初始应用布局。

成功完成本实验后，您将：

  • 使用 Copilot 帮助您创建数据模型以支持您的应用。
  • 修改画布应用程序。

场景

Contoso College 正在寻找一个应用程序，员工可以使用它来报告整个校园的维护问题。 Contoso 希望创建一个员工可按需通过手机访问的画布应用程序。

成功完成本实验后，您将：

  • 使用 Copilot 帮助您创建数据模型以支持您的应用。
  • 修改画布应用程序。

任务 1：生成数据模型并创建应用

  1. 打开网页浏览器并导航至 Power Apps maker portal。

  2. 使用左侧的导航，选择创建。

  3. 在创建您的应用程序下，选择 Copilot 入门。

  4. 在描述您希望 Copilot 构建的表屏幕中，输入：“创建一个用于提交维护问题的单一表。”

  5. 选择表选项按钮。 从显示的菜单中选择一个表。

    截图显示输入描述以创建应用程序。

  6. 选择生成按钮。

Copilot 创建了一个 Maintenance Issue 表。 接下来，我们向表中添加更多列。

  1. 在 Copilot 窗格中输入：“添加一个名为 Issue Type 的选择列。”

  2. 在 Copilot 窗格中依次添加以下提示。

    1. “添加一个名为 Location 的文本列。”
    2. “添加一个名为 Contact Number 的文本列”
    3. “添加一个名为 Priority level 的选择列。”
    4. “添加一个名为 Access Instructions 的文本列。”
    5. “添加一个名为 Resolution Notes 的文本列。”

接下来，我们将删除所有不必要的列，因为它们将替换为查找列。

  1. 如果这些列存在于您的表格中，请输入以下命令将其删除。

    1. “删除 Reported By 列。”
    2. “删除 Assigned to / Technician 列。”

您的 Maintenance Issue 表格应与所示图像相似：

“Maintenance Issue”表的屏幕截图。

接下来，我们要将用户表添加到数据模型，以便我们可以将 Maintenance Issue 请求与特定用户相关联。

  1. 在命令栏中，选择 + 现有表格。

  2. 从推荐切换到所有表。

  3. 在搜索字段中输入 User。

  4. 选择 User 表并选择添加所选项按钮。

  5. 在命令栏中，选择创建关系。

  6. 配置关系如下：

    • 一：User
    • 多：Maintenance Issue
    • 显示名称：Requesting Employee

  7. 选择完成。

  8. 在命令栏中，选择创建关系。

  9. 配置关系如下：

    • 一：User
    • 多：Maintenance Issue
    • 显示名称：Assigned to

  10. 选择完成。

您的完成的数据模型应与所示图像相似：

显示完整数据模型的屏幕截图。

  1. 选择保存并打开应用按钮。

注意

创建新应用可能需要几分钟时间。

任务 2：个性化您的新应用

现在，您的新应用已创建完成，我们将对其进行一些修改，以便更好地满足我们的需求。 我们首先对“欢迎”屏幕进行一些修改。

  1. 打开新应用后，选择图像占位符，位于 Maintenance Issue 文本上方。
  2. 从出现的菜单中选择编辑>库存图像
  3. 在搜索字段中输入 Medical，选择计算机键盘和听诊器的图像，并选择插入。
  4. 接下来，选择图像占位符，位于用户上方。
  5. 在搜索字段中输入 People，选择要使用的图像，然后选择插入。
  6. 从出现的菜单中选择编辑>库存图像。

接下来，我们将调整图像大小，以便用户更容易阅读。 此外，我们要调整为每个项显示的文本。

  1. 在命令栏中，选择属性按钮。 （位于“编辑”按钮的右侧。）

  2. 选择位于 Maintenance Issue 上方的图像。

  3. 在属性面板中，按以下方式配置图像：

    • 图像位置：填充
    • 宽度：350
    • 高度：350

  4. 重复上述步骤，将用户图像的高度和宽度设置为 350 x 350。

  5. 选择 Maintenance Issue 下方的文本。

  6. 在属性面板中，选择文本字段，并将文本更改为：“提交 Maintenance Issue。”

  7. 选择欢迎屏幕中的标题文本。

  8. 在属性面板中，将显示徽标设置为关闭。

  9. 将个人资料图像设置为关闭。

  10. 在属性面板的样式和主题组中，选择填充颜色图标。

  11. 将颜色更改为黑色。

  12. 确保您仍选中了标题，并将标题更改为“Contoso 问题报告”。

您的应用与所示图像类似。

显示应用欢迎界面的截图。

任务 3：向您的应用添加新屏幕

我们决定，除了提交 Maintenance Issue 外，用户添加资产也具有实际意义。

  1. 保持应用打开状态，如有必要，展开 Copilot 窗格。 在 Copilot 中输入以下文本：“添加一个名为 Assets 的新屏幕。”选择发送。

  2. 选择保留按钮以接受该屏幕。

  3. 一个名为 Assets 的新屏幕已添加到您的应用程序中。

  4. 在屏幕上，选择带数据。

  5. 在选择数据源屏幕中，选择创建新表。

  6. 在 Copilot 中输入以下文本：“创建一个名为 Assets 的新表。 它应包括以下列。 Asset Name、Asset ID、Asset Type、Asset Location、Data Installed 和 Department。”

  7. 如果添加了另一个表 (Department)，请使用 Copilot 通过输入：“删除 Department 表”来将其删除。

  8. 表创建后，选择保存并退出。

  9. 返回您的应用，再次选择带数据。

  10. 一个新的 Asset 屏幕将添加到您的应用中。

  11. 如有必要，在命令栏上，选择属性按钮。 （位于编辑按钮旁边。）

  12. 接下来，在 Assets 列表中选择。 应出现一个铅笔图标，选择铅笔图标。

  13. 选择插入按钮并选择文本标签。

  14. 将文本标签定位在 Asset Location 附近。

    库记录的截图。

  15. 选中文本标签后，在公式栏中输入以下文本：ThisItem.’Asset Type’

    显示库中单个记录的屏幕截图。

  16. 选中窗体的背景。

  17. 将 Columns 属性设置为 1。

  18. 完成后的屏幕应与所示图像相似。

    显示已完成屏幕的屏幕截图。

任务 4：更新欢迎屏幕

经过审查，我们认为没有必要在此应用中创建用户，因此我们更改了欢迎屏幕以允许访问 Assets。

  1. 使用树视图，选择欢迎屏幕。
  2. 选择位于用户/联系人上方的图像。
  3. 从出现的菜单中选择编辑，然后选择库存图像。
  4. 在搜索字段中输入 Equipment，并选择要使用的图像。
  5. 将图像的 OnSelect 属性设置为：Navigate(‘Assets’)

显示导航 OnSelect 公式的屏幕截图。

  1. 选择用户/联系人文本，并将 Text 属性设置为 Assets。
  2. 选择位于 Equipment 下方的 Text，并将 Text 属性更改为：“查看和创建资产记录。”

任务 5：测试您的应用程序

接下来，让我们测试您的应用以确保其正常运行。

  1. 在命令栏上，选择播放按钮。
  2. 选择 Assets 图像。
  3. 在搜索字段中输入 Office。 （注意列表如何过滤）
  4. 选择 Office Chair 记录。
  5. 选择编辑（铅笔）按钮。 将类别更改为 Furniture。
  6. 将“Asset Type”更改为“Equipment”。
  7. 选择保存按钮（勾号）
  8. 选择保存按钮。
  9. 注意 Desk 的 Asset Type 如何更改为 Equipment。
  10. 选择主页按钮。
  11. 选择紫色 X 以退出预览模式。

任务 6：保存并发布应用

目标：保存并发布应用程序，使其可在网页浏览器、移动设备或嵌入式平台（如 SharePoint 或 Teams）上访问。

  1. 在 Power Apps Studio 中，选择保存按钮。
  2. 在保存为屏幕中，将名称设置为 Contoso 问题报告，选择保存。
  3. 选择发布按钮。