Создание приложения для управления проектамиCreate an app to manage projects

Примечание. Эта статья входит в серию руководств по использованию PowerApps, Microsoft Flow и Power BI с SharePoint Online.Note: This article is part of a tutorial series on using PowerApps, Microsoft Flow, and Power BI with SharePoint Online. Обязательно просмотрите вводные сведения, чтобы получить общее представление о процессе и скачать связанные файлы.Make sure you read the series introduction to get a sense of the big picture, as well as related downloads.

В этом примере мы выполним сборку приложения с нуля.In this task, we'll build an app from scratch. Это приложение позволяет пользователям назначать руководителей проектов и обновлять сведения о проектах.This app allows a user to assign a manager to projects and to update project details. Хотя вы увидите некоторые элементы управления и формулы, используемые в первом приложении, сейчас вы самостоятельно создадите другие компоненты приложения.You will see some of the same controls and formulas you saw in the first app, but you will build more of the app yourself this time. Так как это более сложная задача, выполняя ее, вы многому научитесь.The process is more complex, but you'll learn more, so we think it's a fair trade-off.

Подсказка. Пакет загрузки для нашего примера содержит полную версию этого приложения: project-details-app.msapp.Tip: The download package for this scenario includes a finished version of this app: project-details-app.msapp.

Краткий обзор PowerApps StudioQuick review of PowerApps Studio

При выполнении последней задачи вы использовали PowerApps Studio для Web. Теперь же, прежде чем переходить к следующей задаче, давайте еще раз проверим, как вы усвоили весь материал.You used PowerApps Studio for web in the last task, but we want to make sure you understand all the parts before we move on. Вы можете и дальше использовать PowerApps Studio для Web или же перейти в PowerApps Studio для Windows.You can continue to work in PowerApps Studio for web, or you can use PowerApps Studio for Windows.

Интерфейс PowerApps Studio с тремя панелями и лентой напоминает интерфейс для создания слайдов в PowerPoint. Эти элементы управления позволяют легко создавать приложения.PowerApps Studio has three panes and a ribbon that make app creation feel like building a slide deck in PowerPoint:

  1. На панели навигации слева отображаются эскизы экранов, а также иерархическое представление экранов и элементов управления приложения.Left navigation bar, which shows a hierarchical view of all the app's screens and controls, as well as thumbnails of the screens
  2. Центральная панель содержит рабочий экран приложения.Middle pane, which contains the app screen you are working on
  3. Панель справа включает такие настраиваемые параметры, как макет и источники данных.Right-hand pane, where you set options like layout and data sources
  4. В раскрывающемся списке со свойствами можно выбрать свойства, применимые к формуле.Property drop-down list, where you select the properties that formulas apply to
  5. Строка формул помогает добавлять формулы (как в Excel), которые определяют поведение приложения.Formula bar, where you add formulas (like in Excel) that define app behavior
  6. Лента позволяет добавлять элементы управления и настраивать элементы проектирования.Ribbon, where you add controls and customize design elements

PowerApps Studio

Шаг 1. Создание экрановStep 1: Create screens

Теперь давайте перейдем от слов к делу.With that review out of the way, let's start building an app.

Создание и сохранение приложенияCreate and save the app

  1. В PowerApps Studio щелкните New (Создать), а затем в разделе Blank app (Пустое приложение) — Phone Layout (Макет для телефона).In PowerApps Studio, click or tap New, then under Blank app, click or tap Phone Layout.

    Элементы управления "Пустое приложение" и "Макет для телефона"

  2. Щелкните File (Файл). Откроется вкладка App settings (Параметры приложения). Введите имя "Приложение для управления проектом".Click or tap File, which opens to an App settings tab. Enter the name "Project Management app".

    Ввод имени приложения

  3. Щелкните Save as (Сохранить как), убедитесь, что приложение будет сохранено в облако, а затем щелкните Save (Сохранить) в правом нижнем углу.Click or tap Save as, verify that the app will save to the cloud, then click Save in the lower right corner.

    Сохранение в облако

  4. ЩелкнитеClick or tap Значок возврата в приложение для возврата в приложение.to go back to the app.

Добавление четырех экранов в приложениеAdd four screens to the app

На этом этапе мы создадим четыре пустых экрана для приложения.In this step, we'll create four blank screens for the app. Мы будем использовать разные макеты экранов; у каждого из них свое назначение.We'll use different screen layouts, depending on the screen's purpose. Мы добавим эти экраны позже.We'll add to these screens in later steps.

ЭкранScreen НазначениеPurpose
SelectTask (Выбор задачи)SelectTask Открытие экрана; переход на другие экраны.Opening screen; navigate to other screens
AssignManager (Назначение руководителя)AssignManager Назначение руководителя утвержденному проекту.Assign a manager to an approved project
ViewProjects (Просмотр проектов)ViewProjects Просмотр списка проектов со сводными данными.View a list of projects, with summary information
UpdateDetails (Обновление сведений)UpdateDetails Просмотр и обновление сведений о проекте.View and update the details for a project
  1. На вкладке Home (Главная) щелкните NewScreen (Создать экран), а затем — Scrollable screen (Окно с прокруткой).On the Home tab, click or tap NewScreen, then Scrollable screen.

    Выбор окна с прокруткой

  2. Назовите экран SelectTask (Выбор задачи).Rename the screen to SelectTask.

    Переименование экрана

  3. Создайте и переименуйте дополнительные экраны:Create and rename additional screens:

    1. Выберите NewScreen (Создать экран), а затем — Scrollable screen (Окно с прокруткой).Click or tap NewScreen, then Scrollable screen. Назовите экран AssignManager (Назначение руководителя).Rename the screen to AssignManager.
    2. Щелкните NewScreen (Создать экран), а затем — List screen (Окно списка).Click or tap NewScreen, then List screen. Назовите экран ViewProjects (Просмотр проектов).Rename the screen to ViewProjects.
    3. Щелкните NewScreen (Создать экран), а затем — Form screen (Окно формы).Click or tap NewScreen, then Form screen. Назовите экран UpdateDetails (Обновление сведений).Rename the screen to UpdateDetails.
  4. Нажмите кнопку с многоточием (... ) рядом с Screen1 (Экран 1), а затем нажмите кнопку Delete (Удалить).Select the ellipsis (. . .) next to Screen1, then click or tap Delete.

    Удаление экрана

Приложение должно выглядеть приблизительно так:The app should now look like the following image.

Приложение с экранами

Шаг 2. Подключение к списку SharePointStep 2: Connect to a SharePoint list

На этом этапе мы подключимся в SharePoint к списку Product Details (Сведения о продукте).In this step, we'll connect to the Product Details SharePoint list. Мы используем только один список в этом приложении, но вы можете легко подключиться и к другим, чтобы расширить свое приложение.We only use one list in this app, but you could easily connect to both if you want to extend the app.

  1. На панели навигации слева щелкните экран SelectTask (Выбор задачи).In the left navigation bar, click or tap the SelectTask screen.
  2. В области справа нажмите кнопку Add data source (Добавить источник данных).In the right pane, click or tap Add data source.

    Подключение к данным

  3. Щелкните Новое подключение.Click or tap New connection.

    Создание подключения

  4. Щелкните SharePoint.Click or tap SharePoint.

    Подключение к SharePoint

  5. Щелкните Connect directly (cloud services) (Подключиться напрямую через облачные службы), а затем нажмите кнопку Create (Создать).Select Connect directly (cloud services), then click or tap Create.

    Прямое подключение через облачные службы

  6. Введите URL-адрес SharePoint, а затем нажмите кнопку Go (Перейти).Enter a SharePoint URL, then click or tap Go.

    URL-адрес SharePoint для подключения

  7. Выберите список Project Details (Сведения о проекте), а затем нажмите кнопку Connect (Подключить).Select the Project Details list, then click or tap Connect.

    Список "Сведения о проекте"

    На вкладке Data sources (Источники данных) в области справа отобразится созданное подключение.The Data sources tab in the right pane now shows the connection that you have created.

    Вкладка "Источники данных"

Шаг 3. Создание экрана "SelectTask" (Выбор задачи)Step 3: Build the SelectTask screen

На этом этапе мы определим способ перехода к другим экранам в приложении, используя элементы управления, формулы и параметры форматирования, доступные в PowerApps.In this step, we'll provide a way to navigate to the other screens in the app - working with some of the controls, formulas, and formatting options that PowerApps provides.

Изменение заголовка и вставка вводного текстаUpdate the title and insert introductory text

  1. На панели навигации слева щелкните экран SelectTask (Выбор задачи).In the left navigation bar, select the SelectTask screen.
  2. В центральной области выберите параметр по умолчанию [Title] (Заголовок), а затем в строке формул присвойте свойству Text значение "Управление проектами Contoso".In the middle pane, select the default [Title], then in the formula bar, update the Text property to "Contoso Project Management".

    Свойство "Text" в строке формул

  3. На вкладке Insert (Вставка) щелкните Label (Метка), а затем перетащите метку под верхний баннер.On the Insert tab, click or tap Label, then drag the label down below the top banner.

    Добавление метки

  4. В строке формул определите следующие свойства для метки:In the formula bar, set the following properties for the label:

    • свойство Color = DarkGray;Color property = DarkGray
    • свойство Size = 18;Size property = 18
    • свойство Text = "Щелкните, чтобы продолжить...".Text property = "Click or tap a task to continue..."

      Изменение текста метки

Добавление двух кнопок навигацииAdd two navigation buttons

  1. На вкладке Insert (Вставка) щелкните Button (Кнопка), а затем перетащите кнопку под метку.On the Insert tab, click or tap Button, then drag the button below the label.

    Добавление кнопки

  2. В строке формул определите следующие свойства для кнопки:In the formula bar, set the following properties for the button:

    • свойство OnSelect = Navigate(AssignManager, Fade)OnSelect property = Navigate(AssignManager, Fade). запустив приложение и нажав на эту кнопку, вы перейдете на второй экран в приложении (так переход будет незаметным);When you run the app and click this button, you navigate to the second screen in the app, with a fade transition between the screens.
    • свойство Text = "Назначить руководителя".Text property = "Assign Manager"
  3. Измените размер кнопки, чтобы вместить текст.Resize the button to accommodate the text.

    Изменение текста кнопки

  4. Вставьте еще одну кнопку со следующими свойствами:Insert another button with the following properties:

    • свойство OnSelect = Navigate(ViewProjects, Fade);OnSelect property = Navigate(ViewProjects, Fade).
    • свойство Text = "Обновить сведения".Text property = "Update Details"

      Изменение текста кнопки

      Примечание. Кнопка называется Update Details (Обновить сведения), но сначала мы перейдем на экран ViewProjects (Просмотр проектов), чтобы выбрать проект для обновления.Note: The button is labeled Update Details, but we first navigate to the ViewProjects screen to select a project to update.

Запуск приложенияRun the app

Наше приложение пока малофункционально, но вы уже можете запустить его.The app doesn't do a lot yet, but you can run it if you like:

  1. Щелкните экран SelectTask (Выбор задачи). Приложение всегда запускается в PowerApps Studio с выбранным экраном в режиме предварительного просмотра.Click or tap the SelectTask screen (the app always starts from the selected screen in Preview mode in PowerApps Studio).
  2. ЩелкнитеClick or tap Значок запуска приложения в правом верхнем углу, чтобы запустить приложение.in the upper right corner to run the app.
  3. Нажмите на одну из кнопок, чтобы перейти на другой экран.Click or tap one of the buttons to navigate to another screen.
  4. ЩелкнитеClick or tap Значок закрытия предварительного просмотра приложения в правом верхнем углу, чтобы закрыть приложение.in the upper right corner to close the app.

Шаг 4. Создание экрана "AssignManager" (Назначение руководителя)Step 4: Build the AssignManager screen

На этом этапе с помощью коллекции отобразим все проекты, которые утверждены и которым еще не назначен руководитель.In this step, we'll use a gallery to display all projects that have been approved but don't yet have a manager. Мы добавим другие элементы управления, чтобы вы могли назначать руководителя.We'll add other controls, so you can assign a manager.

Примечание. Мы подумали, что будет здорово, если вы создадите такой экран, хотя позже мы также добавим в приложение страницу, которая позволяет изменять все поля проекта (включая поле "Руководитель").Note: We'll build a page later in the app that allows you to edit all fields for a project (including the manager field), but we thought it would be cool to build a screen like this one as well.

  1. Сохраните текущие изменения.Save the changes you've made so far.
  2. На панели навигации слева щелкните экран AssignManager (Назначение руководителя).In the left navigation bar, click or tap the AssignManager screen.

Изменение заголовка и вставка вводного текстаUpdate the title and insert introductory text

  1. Измените [Title] (Заголовок) на AssignManager (Назначение руководителя).Change [Title] to Assign Manager.
  2. Добавьте метку со следующими свойствами:Add a label with the following properties:

    • свойство Color = DarkGray;Color property = DarkGray
    • свойство Size = 18;Size property = 18
    • свойство Text"Выберите проект, а затем назначьте руководителя".Text property = "Select a project, then assign a manager"

      Макет экрана "Назначение руководителя"

Добавление стрелки "Назад" для возврата на экран "SelectTask" (Выбор задачи)Add a back arrow to return to the SelectTask screen

  1. В верхней части экрана щелкните синюю полосу.Click or tap the blue bar at the top of the screen.
  2. На вкладке Insert (Вставка) щелкните Icons (Значки), а затем — Left (Влево).On the Insert tab, click or tap Icons, then click or tap Left.

    Вставка стрелки "Влево"

  3. Переместите стрелку в левую часть синей полосы и определите следующие свойства:Move the arrow to the left side of the blue bar, and set the following properties:

    • свойство Color = White;Color property = White
    • свойство Height = 40;Height property = 40
    • свойство OnSelect = Navigate(SelectTask, Fade);OnSelect property = Navigate(SelectTask, Fade)
    • свойство Width = 40.Width property = 40

      Добавление кнопки "Назад"

  1. На вкладке Insert (Вставка) щелкните Gallery (Коллекция), а затем — Vertical (Вертикально).On the Insert tab, click or tap Gallery, then Vertical.

    Добавление вертикальной коллекции

  2. Выберите Title, subtitle, and body (Заголовок, подзаголовок и текст) в меню Layout (Макет) в области справа.Select Title, subtitle, and body from the Layout menu in the right pane.

    Изменение макета коллекции

    Мы настроили макет коллекции, и теперь осталось заменить пример текста по умолчанию.The gallery now has the right layout, but it still has the default sample text. Вот как это сделать.We'll fix that next.

    Коллекция с текстом по умолчанию

  3. Определите следующие свойства для коллекции:Set the following properties for the gallery:

    • свойство BorderThickness = 1;BorderThickness property = 1
    • свойство BorderStyle = Dotted;BorderStyle property = Dotted
    • свойство Items = Filter('Project Details', PMAssigned="Unassigned").Items property = Filter('Project Details', PMAssigned="Unassigned"). В коллекции отображаются только те проекты, которым не назначен руководитель.Only projects with no manager assigned are included in the gallery.

      Коллекция с текстом из списка

  4. В области справа заполните поля значениями из списка ниже:In the right pane, update the fields to match the following list:

    • ApprovedDate;ApprovedDate
    • Status;Status
    • Title.Title

      Поля коллекции

  5. Измените размер меток в галерее соответствующим образом. Затем удалите стрелку из первого элемента коллекции (нам не нужно никуда переходить из этой коллекции).Resize labels in the gallery as appropriate, and remove the arrow from the first gallery item (we don't need to navigate anywhere from this gallery).

    Удаление значка со стрелкой

    Теперь экран должен выглядеть приблизительно так:The screen should now look like the following image.

    Форматированная коллекция

Изменение цвета элемента при его выбореChange the color of an item if it's selected

  1. Выберите коллекцию, а затем присвойте свойству TemplateFill значение If (ThisItem.IsSelected=true, Orange, White).Select the gallery, then set the TemplateFill property to If (ThisItem.IsSelected=true, Orange, White).
  2. Выберите элемент в коллекции.Select an item in the gallery. Теперь экран должен выглядеть приблизительно так:The screen should now look like the following image.

    Коллекция с выбранным элементом

Добавление метки, поля ввода текста и кнопки "ОК" для отправки руководителю сведений о назначенииAdd a label, text input, and OK button to submit manager assignments

  1. Щелкните за пределами коллекции, с которой вы работали.Click or tap outside the gallery you've been working on.
  2. На вкладке Insert (Вставка) щелкните Label (Метка).On the Insert tab, click or tap Label. Перетащите метку под коллекцию влево.Drag the label below the gallery, to the left. Определите следующие свойства для метки:Set the following properties for the label:

    • свойство Size = 20;Size property = 20
    • свойство Text = "Руководитель:".Text property = "Manager:"

    Добавление метки "Руководитель"

  3. На вкладке Insert (Вставка) щелкните Text (Текст), а затем — Text input (Ввод текста).On the Insert tab, click or tap Text, then Text input. Перетащите поле ввода текста под коллекцию в центр.Drag the text input below the gallery, in the center. Определите следующие свойства для раскрывающегося списка:Set the following properties for the drop down:

    • свойство Default = "";Default property = ""
    • свойство Height = 60;Height property = 60
    • свойство Size = 20;Size property = 20
    • свойство Width = 250.Width property = 250

    Добавление поля "Ввод текста"

  4. На вкладке Insert (Вставка) щелкните Button (Кнопка).On the Insert tab, click or tap Button. Перетащите кнопку под коллекцию вправо.Drag the button below the gallery, to the right. Определите следующие свойства для кнопки:Set the following properties for the button:

    • свойство Height = 60;Height property = 60
    • свойство OnSelect = Patch('Project Details', LookUp('Project Details', ID = Gallery1.Selected.ID), {PMAssigned: TextInput1.Text}).OnSelect property = Patch('Project Details', LookUp('Project Details', ID = Gallery1.Selected.ID), {PMAssigned: TextInput1.Text}). См. подробные сведения о формулах.For more information, see Formula deep-dive.
    • Эта формула обновляет список Project Details (Сведения о проекте), определяя значение для поля "PMAssigned".This formula updates the Project Details list, setting a value for the PMAssigned field.
    • свойство Size = 20;Size property = 20
    • свойство Text"ОК";Text property = "OK"
    • свойство Width80.Width property = 80

    Добавление кнопки "ОК"

Теперь готовый экран должен выглядеть приблизительно так:The completed screen should now look like the following image.

Готовый экран "AssignManager" (Назначение руководителя)

Шаг 5. Создание экрана "ViewProjects" (Просмотр проектов)Step 5: Build the ViewProjects screen

На этом этапе мы изменим свойства коллекции на экране ViewProjects (Просмотр проектов).In this step, we'll change properties for the gallery on the ViewProjects screen. Эта галерея содержит элементы из списка Project Details (Сведения о проекте).This gallery displays items from the Project Details list. Выберите элемент на экране, а затем измените сведения на экране UpdateDetails (Обновление сведений).You select an item on this screen, then you edit the details on the UpdateDetails screen.

  1. На панели навигации слева щелкните экран ViewProjects (Просмотр проектов).In the left navigation bar, click or tap the ViewProjects screen.
  2. Измените [Title] (Заголовок)на ViewProjects (Просмотр проектов).Change [Title] to "View Projects".
  3. На панели навигации слева щелкните BrowserGallery1 в разделе ViewProjects (Просмотр проектов).In the left navigation bar, click or tap BrowserGallery1 under ViewProjects.
  4. Выберите Title, subtitle, and body (Заголовок, подзаголовок и текст) в меню Layout (Макет) в области справа.Select Title, subtitle, and body from the Layout menu in the right pane.

    Изменение макета коллекции

    Мы настроили макет коллекции, и теперь осталось заменить пример текста по умолчанию.The gallery now has the right layout, with the default sample text.

    Коллекция с текстом по умолчанию

  5. Нажмите на кнопку Значок обновления, чтобы обновить сведения, и присвойте свойству OnSelect значение Refresh('Project Details').Select the refresh button Refresh icon, and set its OnSelect property to Refresh('Project Details').
  6. Нажмите на кнопку Значок добавления нового элемента, чтобы создать элемент, и присвойте свойству OnSelect значение NewForm(EditForm1); Navigate(UpdateDetails, ScreenTransition.None).Select the new item button Add new icon, and set its OnSelect property to NewForm(EditForm1); Navigate(UpdateDetails, ScreenTransition.None).

Добавление стрелки "Назад" для возврата на экран "SelectTask" (Выбор задачи)Add a back arrow to return to the SelectTask screen

  1. На панели навигации слева щелкните экран AssignManager (Назначение руководителя).In the left navigation bar, click or tap the AssignManager screen.
  2. Выберите добавленную стрелку назад и скопируйте ее.Select the back arrow you added there, and copy it.
  3. Вставить стрелку на экран ViewProjects (Просмотр проектов), разместив ее слева от кнопки "Обновить".Paste the arrow into the ViewProjects screen and position it to the left of the refresh button.

    Кнопка "Назад"

    Для кнопки также доступны все свойства, включая свойство OnSelect со значением Navigate(SelectTask, Fade).All its properties come along with it, including the OnSelect property of Navigate(SelectTask, Fade).

  1. Выберите коллекцию BrowseGallery1 и присвойте свойству Items коллекции значение SortByColumns(Filter('Project Details', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).Select the BrowseGallery1 gallery, and set the Items property of the gallery to SortByColumns(Filter('Project Details', StartsWith(Title, TextSearchBox1.Text)), "Title", If(SortDescending1, Descending, Ascending)).

    Так вы определяете для списка Project Details (Сведения о проекте) источник данных коллекции и назначаете поле Title для поиска и сортировки.This sets the data source of the gallery to the Project Details list, and uses the Title field for search and sort.

  2. Выберите в первом элементе коллекции стрелку Значок со стрелкой для перехода к сведениям и присвойте свойству OnSelect значение Navigate(UpdateDetails, None).Select the Details arrow icon in the first gallery item, and set the OnSelect property to Navigate(UpdateDetails, None).

     <span data-ttu-id="55602-322">Коллекция "ViewProjects" (Просмотр проектов) — первый выбранный элемент</span><span class="sxs-lookup"><span data-stu-id="55602-322">View Projects gallery - first item selected</span></span>

  3. В области справа заполните поля значениями из списка ниже:In the right pane, update the fields to match the following list:

    • Status;Status
    • PMAssigned;PMAssigned
    • Title.Title

      Поля коллекции

      Теперь готовый экран должен выглядеть приблизительно так:The completed screen should now look like the following image.

      Готовый экран "ViewProject" (Просмотр проектов)

Шаг 6. Создание экрана "UpdateDetails" (Обновление сведений)Step 6: Build the UpdateDetails screen

На этом этапе мы подключим форму редактирования на экране UpdateDetails (Обновление сведений) к источнику данных, а затем изменим свойства и поля.In this step, we'll connect the edit form on the UpdateDetails screen to our data source, and we'll make some property and field changes. На этом экране можно изменить сведения о проекте, выбранном на экране ViewProjects (Просмотр проектов).On this screen, you edit details for a project that you selected on the View Projects screen.

  1. На панели навигации слева щелкните экран UpdateDetails (Обновление сведений).In the left navigation bar, click or tap the UpdateDetails screen.
  2. Измените [Title] (Заголовок) на "UpdateDetails" (Обновление сведений).Change [Title] to "Update Details".
  3. На панели навигации слева щелкните EditForm1 в разделе UpdateDetails (Обновление сведений).In the left navigation bar, click or tap EditForm1 under UpdateDetails.
  4. Определите следующие свойства для формы:Set the following properties for the form:

    • свойство DataSource = 'Project Details';DataSource property = 'Project Details'
    • свойство Item = BrowseGallery1.Selected.Item property = BrowseGallery1.Selected
  5. Выбрав форму, установите флажок рядом со следующими полями в указанном порядке:With the form still selected, in the right pane click or tap the checkbox for the following fields, in the order shown:

    • Title.Title
    • PMAssigned;PMAssigned
    • Status;Status
    • ProjectedStartDateProjectedStartDate
    • ProjectedEndDateProjectedEndDate
    • ProjectedDaysProjectedDays
    • ActualDaysActualDays

      Изменение полей формы

  6. Выберите кнопку отмены Значок отмены и присвойте свойству OnSelect значение ResetForm(EditForm1); Back().Select the cancel button Cancel icon, and set its OnSelect property to ResetForm(EditForm1); Back().
  7. Выберите кнопку Значок с галочкой, чтобы сохранить изменения, и присвойте свойству OnSelect значение SubmitForm(EditForm1).Select the save button Checkmark save icon and check out the OnSelect formula - SubmitForm(EditForm1). Так как мы используем такой элемент управления, как форма редактирования, можно использовать Submit(), вместо Patch() как это делалось ранее.Because we're using the edit form control, we can use Submit(), instead of using Patch() like we did earlier.

Готовый экран должен выглядеть приблизительно так (если поля пустые, убедитесь, что на экране ViewProjects (Просмотр проектов) выбран нужный элемент):The completed screen should now look like the following image (if the fields are blank, make sure you select an item on the View Projects screen).

Готовый экран "UpdateDetails" (Обновление сведений)

Шаг 7. Запуск приложенияStep 7: Run the app

Теперь, когда приложение создано, запустим его, чтобы узнать, как оно работает.Now that the app is complete, let's run it to see how it works. Ссылку на приложение мы добавим на сайте SharePoint.We'll add a link on the SharePoint site to the app. Хотя приложение можно запускать в браузере, вы можете предоставить к нему общий доступ для других людей, которые также смогут запускать его.You will be able to run the app in the browser, but you might need to share the app for other people to run it. См. дополнительные сведения о предоставлении общего доступа к приложениям.For more information, see Share your apps.

  1. В средстве запуска приложений Office 365 щелкните PowerApps.In the Office 365 app launcher, click or tap PowerApps.

    PowerApps в средстве запуска приложений Office 365

  2. В PowerApps нажмите на кнопку с многоточием (... ) рядом с приложением для управления проектами, а затем — на кнопку Open (Открыть).In PowerApps, click or tap the ellipsis (. . .) for Project Management app, then Open.

    Выбор приложения для управления проектами

  3. Скопируйте URL-адрес приложения в браузере.Copy the address (URL) for the app in the browser.

    Копирование URL-адреса приложения

  4. В SharePoint щелкните Изменить ссылки.In SharePoint, click or tap EDIT LINKS.

    Изменение ссылок на сайте SharePoint

  5. Нажмите на кнопку Сохранить.Click or tap (+) link.

    Добавление ссылки на приложение на сайте SharePoint

  6. Введите "Приложение для управления проектом" и вставьте URL-адрес приложения.Enter "Project Management app", and paste in the address for the app.

    Изменение свойств ссылки

  7. Щелкните , а затем — Сохранить.Click or tap OK, then Save.

    Сохранение изменений ссылки

Назначение руководителя проектаAssign a manager to a project

Теперь, когда мы связали приложение с сайтом SharePoint, перейдем к настройке роли пользователя, утверждающего проекты. Мы выполним поиск проектов, которым не назначен руководитель, чтобы назначить его одному или нескольким таким проектам.Now that we have the app in our SharePoint site, we'll assume the role of the project approver - we'll look for any projects that don't have a manager assigned, and assign a manager to one of the projects. Затем мы настроим роль руководителя проекта и добавим некоторые сведения о проекте, назначенному для нас.Then we'll assume the role of the project manager, and add some information about a project that is assigned to us.

  1. Сначала откроем список Project Details (Сведения о проекте) в SharePoint.First, let's look at the Project Details list in SharePoint. Два проекта имеют значение Unassigned (Не назначено) в столбце PMAssigned.Two projects have a value of Unassigned in the PMAssigned column. Все это отображается в приложении.We will see these in the app.

    Неназначенные проекты в списке SharePoint

  2. Щелкните ссылку, созданную для приложения.Click or tap the link that you created to the app.
  3. На первом экране щелкните Assign Manager (Назначить руководителя).On the first screen, click or tap Assign Manager.

    Начальный экран приложения

  4. На экране Assign Manager (Назначение руководителя) появятся два неназначенных проекта из списка.On the Assign Manager screen, you see the two unassigned projects from the list. Выберите проект New BI software (Новое оборудование BI).Select the New BI software project.

    Коллекция с выбранным элементом

  5. В поле для ввода текста Manager (Руководитель) введите "Иван Сергеев", а затем щелкните ОК.In the Manager text input, enter "Joni Sherman", then click OK.

    Так как изменение применяется к списку, а коллекция обновляется, отобразятся только неназначенные проекты.The change is applied to the list, and the gallery refreshes so only the remaining unassigned project is displayed.

    Назначение руководителя проекта

  6. Вернитесь к списку SharePoint и обновите страницу.Go back to the SharePoint list and refresh the page. Вы увидите обновленную запись проекта с именем руководителя проекта.You'll see that the project entry is now updated with the project manager name.

    Назначенный руководитель проекта, отображаемый в списке SharePoint

Обновление сведений о проектеUpdate details for the project

  1. Щелкните Значок перехода назад, чтобы перейти на первый экран, и нажмите кнопку Update Details (Обновить сведения).Click or tap Back icon to go back to the first screen, then click or tap Update Details.

    Начальный экран приложения

  2. На экране ViewProjects (Просмотр проектов) введите в поле поиска "New".On the View Projects screen, enter "New" in the search box.

    Поиск в коллекции приложений

  3. Щелкните Значок со стрелкой перехода к сведениям рядом с элементом New BI software (Новое программное обеспечение BI).Click Details arrow icon for the New BI software item.

    Коллекция с выбранным элементом

  4. На экране Update Details (Обновление сведений) определите следующие значения:On the Update Details screen, set the following values:

    • поле ProjectedStartDate = "06.03.2017";The ProjectedStartDate field = "3/6/2017"
    • поле ProjectedEndDate = "24.03.2017";The ProjectedEndDate field = "3/24/2017"
    • поле ProjectedDays = "15".The ProjectedDays field = "15"

    Обновление сведений об элементе

  5. ЩелкнитеClick or tap Значок с галочкой для применения изменений к списку SharePoint.to apply the change to the SharePoint list.
  6. Закройте приложение и вернитесь к списку.Close the app, and go back to the list. Мы обновили для записи проекта дату и день.You see that the project entry is now updated with the date and day changes.

    Обновленный список SharePoint

Подробные сведения о формулахFormula deep-dive

Это второй раздел с дополнительными сведениями о формулах PowerApps.This is the second optional section on PowerApps formulas. В первом разделе мы рассмотрели одну из формул, создаваемых в PowerApps для настройки коллекции обзора в приложении с тремя экранами.In the first deep-dive, we looked at one of the formulas that PowerApps generates for the browse gallery in a three-screen app. В этом разделе мы рассмотрим формулу, которая используется для настройки экрана AssignManager (Назначение руководителя) нашего второго приложения.In this deep-dive, we'll look at a formula that we use for the AssignManager screen of our second app. Формула выглядит так:Here's the formula:

Patch ( 'Project Details', LookUp ( 'Сведения о проекте', ID = Gallery1.Selected.ID ), {PMAssigned: TextInput1.Text} )Patch ( 'Project Details', LookUp ( 'Project Details', ID = Gallery1.Selected.ID ), {PMAssigned: TextInput1.Text} )

Для чего же используется эта формула?What does this formula do? Когда вы выбираете элемент в коллекции и нажимаете кнопку ОК, формула обновляет список Project Details (Сведения о проекте), присваивая столбцу PMAssigned значение, указанное в поле ввода текста.When you select an item in the gallery and click the OK button, the formula updates the Project Details list, setting the PMAssigned column to the value that you specify in the text input. Для этого в формуле используются следующие функции:The formula uses functions to do its work:

  • Функция Patch изменяет одну или несколько записей источника данных.The Patch function modifies one or more records of a data source.
  • Функция LookUp находит первую запись в таблице, соответствующую условиям формулы.The LookUp function finds the first record in a table that satisfies a formula.

Если объединить функции в формуле, произойдет следующее:When you put the functions together in the formula, here's what happens:

  1. Нажав кнопку ОК, вы вызовете функцию Patch для обновления списка Project Details (Сведения о проекте).When you click the OK button, the Patch function is called to update the Project Details list.
  2. В пределах функции Patch функция LookUp определяет, какая строка списка Project Details (Сведения о проекте) будет обновлена.Within the Patch function, the LookUp function identifies which row of the Project Details list to update. Это происходит в ходе сравнения идентификатора выбранного элемента коллекции и идентификатора в списке.It does this by comparing the ID of the selected gallery item to the ID in the list. Например, идентификатор 12 означает, что запись для New BI software (Новое программное обеспечение BI) должна быть обновлена.For example, an ID of 12 means that the entry for New BI software should be updated.
  3. Получив соответствующий идентификатор, функция Patch обновляет для поля PMAssigned значение TextInput1.Text.Now that the Patch function has the right ID, it updates the PMAssigned field to the value in TextInput1.Text.

Дальнейшие действияNext steps

Следующий шаг в этой серии руководств — создание отчета Power BI для анализа проектов.The next step in this tutorial series is to create a Power BI report to analyze projects.