Как создать пользовательский сервис на Qlik Sense

Привет, Хабр!

Qlik Sense – это BI-система, которая позволяет загружать данные из различных источников и создавать визуализации для проведения анализа. В публикации я рассмотрю Qlik Sense, как инструмент для создания пользовательского интерфейса.

Сегодня я покажу как создать простое приложение, в котором пользователь на одном листе будет добавлять данные о товаре, изменять их и удалять, а на другом листе будут отображаться в таблице все актуальные данные, полученные от пользователя. При этом Qlik Sense будет хранить эти данные в файле QVD и актуализировать его содержимое в зависимости от действий пользователя.

QVD – это файл, в котором содержится таблица данных, экспортируемая из Qlik Sense или Qlik View. QVD является собственным форматом Qlik и может быть записан и прочтен только с помощью c него. Этот формат файла оптимизирован для скорости при чтении данных из скриптов Qlik, но в то же время не занимает много места. Чтение и запись происходит в 10-100 раз быстрее, чем чтение из других источников данных.

Данная информация ориентирована на пользователя, обладающего базовыми знаниями работы с визуализациями и основами создания скрипта в Qlik Sense.

Итак, приступим. Сначала создаю приложение Qlik Sense и даю ему название.

Далее перехожу в редактор загрузки данных и создаю подключение к папке, в которой буду хранить QVD файл

В редакторе загрузки данных создаю таблицу [Срок годности товаров] из 3 столбцов: [ID], [Товар], [Срок годности до]. Данную таблицу сохраняю в QVD файл и запускаю загрузку данных:

SET PATH ='lib://TEST; //Путь до папки, где будет храниться QVD файл  [Срок годности товаров]: Load * Inline [     ID, Товар, Срок годности до     1, Молоко, 15.01.2022     2, Колбаса, 20.02.2022     3, Сыр, 15.02.2022     ];  //Сохранение данных в QVD файл Store [Срок годности товаров] into $(PATH)/product.qvd (qvd); 

Также создаю таблицу [Календарь], которую буду использовать для выбора пользователем срока годности товара:

 [Календарь]: Load   Дата; Load   Date(MinDate+IterNo()-1) as [Дата] While Date(MinDate+IterNo()-1) <= MaxDate; Load   Date('01.01.2022') as MinDate, //min дата в календаре   Date('01.01.2023') as MaxDate //max дата в календаре AutoGenerate 1;

Теперь перехожу в раздел создания листов и создаю переменные без указания исходных значений: Edit, Product_ID, Product_name, Date_before. Затем создаю 2 листа.

Первый лист — товары, где размещаю таблицу [Срок годности товаров] и кнопки Добавление, Редактирование и Удаление.

В свойствах визуализаций добавляю последовательно действия и навигацию на кнопки:

            Добавление:

1.     Задаю значение переменной Edit равное 1

2.     Задаю значение переменной Product_ID равное =$(=max(ID)+1)

3.     Переход на страницу Редактирование товаров.

Редактирование:

1.     Задаю значение переменной Edit равное 2

2.     Задаю значение переменной Product_ID равное

=’$(=Concat(distinct ID))’

3.     Задаю значение переменной Product_name равное

=’$(=Concat(distinct Товар))’

4.     Задаю значение переменной Date_before равное

=’$(=Concat(distinct [срок годности до]))’

5.     Переход на страницу Редактирование товаров

Удаление:

1.     Задаю значение переменной Edit равное 3

2.     Задаю значение переменной Product_ID равное

=’$(=Concat(distinct ID))’

3.     Перезагрузка данных, ставлю галочку «Частичная перезагрузка данных».

4.     Очистка от всех выборок

Второй лист – редактирование товаров, где размещаю текстовое поле для ввода товара и календарь для выбора срока годности, а также кнопки сохранить и закрыть.

В свойствах визуализаций добавим последовательно действия и навигацию на кнопки:

            Сохранить:

1.     Задаю значение переменной Date_before равное Дата

2.     Перезагрузка данных, ставлю галочку «Частичная перезагрузка данных».

3.     Очистка от всех выборок

4.     Переход на страницу Справочник товаров

Закрыть:

1.     Задаю значение переменной Edit равное 0

2.     Очистка от всех выборок

3.     Переход на страницу Справочник товаров

Возвращаюсь в редактор загрузки данных и создаю новый раздел Редактирование и прописываю в нем код, который позволяет добавлять новый товар, изменять данные по товару и удалять товар.

//Проверяем создан ли файл if FileSize ('$(PATH)/product.qvd') > 0 then   Switch Edit     //*****Добавление*****     case 1       // Проверяем заполнение полей       if Product_name <> 'Введите текст' and Date_before <> '-' then         //Добавляем запись в уже существующую таблицу        Concatenate ([Срок годности товаров])        Add Only LOAD //Add Only отвечает за запуск скрипта только при частичной перезагрузке данных             '$(Product_ID)' as ID             ,'$(Product_name)' as Товар             ,'$(Date_before)' as [Срок годности до]        AutoGenerate 1;        //Сохранение таблицы в qvd        Store [Срок годности товаров] into $(PATH)/product.qvd (qvd);        //Сброс переменных        set Product_ID = '';        set Product_name = 'Введите текст';        set Date_before = '';        set Edit = 0;       endif;     //*****Обновление*****     case 2       //Формируем список на удаление       Temp:       Add Only LOAD * Inline [           "IDTemp"           $(Product_ID)           ];       //Удаляем текущую таблицу       drop Table [Срок годности товаров];       //Загружаем данные из QVD, кроме IDTemp       [Срок годности товаров]:       Add Only Load * From $(PATH)/product.qvd (qvd)       where not Exists(IDTemp,ID);       //Добавляем новую строку с изменениями       Concatenate([Срок годности товаров])       Add Only LOAD             ID           ,'$(Product_name)' as Товар           ,'$(Date_before)' as [Срок годности до]       From $(PATH)/product.qvd (qvd) where Exists (IDTemp, ID);       //Зачищаем список на удаление       drop Table Temp; //Зачищаем список на удаление       //Обновление данных в qvd файле       Store [Срок годности товаров] into $(PATH)/product.qvd (qvd);       //Сброс переменных       set Product_ID = '';       set Product_name = 'Введите текст';       set Date_before = '';       set Edit = 0;     //*****Удаление*****     case 3         //Формируем список на удаление         Temp:         Add Only LOAD * Inline [             "IDTemp"             $(Product_ID)             ];         //Удаляем текущую таблицу         drop Table [Срок годности товаров];         //Загружаем данные, кроме IDTemp         [Срок годности товаров]:         Add Only Load * From $(PATH)/product.qvd (qvd)    where not Exists (IDTemp, ID);         //Зачищаем список на удаление         drop Table Temp; //Зачищаем список на удаление         //Обновление данных в qvd файле         Store [Срок годности товаров] into $(PATH)/product.qvd (qvd);          //Сброс переменных         set Product_ID = '';         set Product_name = 'Введите текст';         set Date_before = '';         set Edit = 0;     //*****Иначе просто читаем таблицу из qvd файла*****     Default       [Срок годности товаров]:       Load * From $(PATH)/product.qvd (qvd);   End Switch endif;

Теперь давайте посмотрим, как работает созданное приложение.

Добавление товара:

Редактирование товара:

Удаление товара:

Таким образом, без использования веб-программирования, а зная только Qlik Sense можно создать несложный сервис, который позволяет принимать значения от пользователя, хранить их в любом источнике данных, строить различные аналитические отчеты для проведения анализа.