Как сделать упрощенный дизайнер для веб отчетов

Дизайнер отчетов обладает множеством полезных функций. Это полноценная среда разработки с множеством настроек, полное изучение которых потребует немало времени. Но что, если вам требуется разрабатывать простые отчеты, или же не требуется разрабатывать, а лишь редактировать существующие. Тогда сложный интерфейс дизайнер отчетов избыточен и только мешает работе. Оптимальным решением было бы оставить только необходимый функционал под потребности пользователя. Проблему упрощения веб дизайнера отчетов озвучил один из пользователей генератора отчетов Stimulsoft:

https://forum.stimulsoft.com/viewtopic.php?f=8&t=56115

We want to integrate decent feature of Stimulsoft Reports - the Designer into our application for end-users. As you know, in the Designer, user can create report online\web. By this oportunity i would to thank you for this feature. The issue that was raised during the testing, it is bit complicated for not "IT guys", and, therefore, is there a "light" version of this for typical "manager assistants" with simpler interface ? He hope for yes but if no, can you please inform how can we do make the current version of the Designer more basic\simpler by ourselves (please provide docs\links if available)?

Разработчики предложили редактировать исходные коды дизайнера, для решения этого вопроса. Такой вариант устроит далеко не всех. Хотелось бы иметь возможность настройки дизайнера, так, как это сделано в FastReport Online Designer. Давайте посмотрим, как это реализовано.

Веб дизайнер отчетов FastReport.Net обладает огромными возможностями настройки отображения, состава и функциональных возможностей. И, хотя, у вас нет возможности добавить в дизайнер собственный функционал без редактирования исходников, но скрыть или настроить отображение существующего вы можете с легкостью.

Чтобы скачать Онлайн дизайнер с сайта разработчика, вам нужно предварительно сконфигурировать его в специальном построителе:

 https://dsg2014.fast-report.com:3000/#/builder/themes.

Мастер конфигурации онлайн дизайнера предлагает нам следующие шаги конфигурации:

• тема оформления;
• конфигурация;
• компоненты;
• бэнды;
• диалоговые контролы;
• настройки и плагины.

Тема оформления

Подразумевает не только различие в цветовой схеме, но и в отображении меню и панелей инструментов. Предусмотрено три темы: none, classic и mini. Первая обладает упрощенным дизайном, отсутствием панели меню и панелей инструментов. Вторая – наиболее полная тема, включающая все меню и панели инструментов. Третья – самая аскетичная, минимум возможностей.

Конфигурация

Этот раздел позволяет включать/отключать различные функциональные возможности, такие как:

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

Настройками для бэндов вы можете ограничить пользователя, чтобы при редактировании отчетов он не нарушил шаблон. В этом же разделе нам доступен выбор типа дизайнера по месту его применения: для обычных ASP .Net проектов, для проектов ASP.Net Core и произвольное применение.  Этот пункт очень важен для работоспособности онлайн дизайнера в вашем проекте.

Компоненты

На шаге конфигурации компонентов вам просто предлагается выбрать нужные из списка:

Эти компоненты будут доступны при создании шаблона отчета.

Бэнды

Помимо различных компонентов, отчет также состоит из бэндов, которые являются контейнерами для размещения этих комонентов. На этом шаге вы можете ограничить доступные бэнды. Например, если предполагается создание простейших отчетов со списками достаточно только заголовочных бэндов, бэнда Данные и, возможно, Подвал страницы.

Диалоговые контролы

Мы уже настраивали список доступных контролов для страниц отчета. Это же контролы для диалоговых форм. Диалоговые формы вызываются перед построением отчета и в них вы можете определить значение переменных или задать критерии фильтрации данных.

Настройки и плагины

Это можно считать последним шагом конфигурации. Здесь можно отключить одни из основных, на мой взгляд, функциональность для создания отчета: работа с данными, свойства и события объектов отчета, предварительный просмотр.

Некоторые возможности дизайнера реализованы как дополнительные модули – плагины. Эти плагины могут как расширять функциональные возможности, так и просто повышать удобство разработки отчетов.  Например, плагин code включает скрипт отчета, а guides дает возможность включить направляющие линии для выравнивания объектов на странице отчета.

Отключая ненужные компоненты и функции, вы можете упросить интерфейс дизайнера отчетов, а также уменьшить его размер, что важно для веб проектов.

А теперь, давайте посмотрим, как будет выглядеть дизайнер отчетов для каждой из трех тем оформления, которую нужно выбрать на первом шаге конфигуратора.

Итак, дизайнер отчетов с типом оформления None:

Здесь отсутствуют меню и панели инструментов. Наиболее простое оформление, которое позволит лишь редактировать существующие отчеты.

Шаблон оформления Classic наиболее полный. Он включает в себя все меню и панели инструментов и очень похож на классический дизайнер отчетов для десктоп версии FastReport.

И шаблон оформления Mini:

Такой шаблон лучше использовать с дополнительными элементами управления, которые вы можете встроить в веб страницу. К счастью, дизайнер отчетов предоставляет возможность управления извне.

Как видите, настройка веб дизайнера отчетов очень проста. При создании своей сборки дизайнера, вам придется пройти все шаги его конфигурирования. Поэтому, в любом случае вы задумаетесь над составом вашего Online Designer.