Создание веб-шаблонов Power Pages с использованием FetchXML и Liquid позволяет разрабатывать аналитические панели для веб-приложений. В этой статье мы рассматриваем процесс создания плиток для дашборда приложения отслеживания книг, которые будут взаимодействовать с Dataverse.
Шаги по созданию веб-шаблона
Начнем с основ: заходим в Power Pages Management, создаем новый веб-шаблон и подключаем его к нашему сайту. Не забудьте установить MIME-тип на application/json. Теперь можно приступать к созданию блоков с использованием FetchXML.
Настройка прав доступа и FetchXML
Для корректной работы необходимо настроить права доступа на таблицы, с которыми будет работать наш шаблон. Это можно сделать через Power Pages Management, где добавляем необходимые таблицы и назначаем роли.
Для получения информации о статусе книг мы используем FetchXML:
{% fetchxml books %}
<entity name='user_book_status'>
<attribute name='count'>
<filter>
<condition attribute='adrbp_user' operator='eq' value='{{ user.id }}'/>
</filter>
</attribute>
</entity>
{% endfetchxml %}HTML и CSS для веб-шаблона
HTML-структура шаблона достаточно проста: используются переменные Liquid для передачи динамических данных, а также CSS-переменные для стилизации карточек. Это позволяет придать каждой карточке уникальный цвет.
Примеры классов для CSS включают стилизацию карточек, а также иконок:
.stat-card {
padding: 20px;
border-radius: 12px;
}
.stat-icon {
background-color: color-mix(in srgb, var(--card-color), white);
padding: 12px;
}Практическое применение и выводы
Для разработчиков, работающих с Power Pages, использование FetchXML и Liquid открывает новые возможности для создания динамичных и персонализированных веб-приложений. Это отличный способ улучшить пользовательский интерфейс и взаимодействие с данными.
Следующий шаг — углубиться в возможности настройки и тестирования полученных веб-шаблонов для достижения максимальной функциональности.