Инструмент визуальной отчетности AJ-Report v1.4.2

AJ-Report — это платформа BI с полностью открытым исходным кодом и классным дисплеем с большим экраном, которая позволяет контролировать динамику бизнеса в любое время и в любом месте, так что каждое решение подкрепляется данными.

Поддерживает несколько источников данных, встроенные драйверы mysql, elasticsearch и kudu. Он поддерживает пользовательские наборы данных и устраняет необходимость разработки интерфейса данных. В настоящее время он поддерживает 25 типов компонентов/диаграмм с большим экраном. для разработки также можно создавать большие экраны по дизайн-проекту.

Легко завершить проектирование большого экрана за три шага: Настройка источника данных ----> Запись набора данных конфигурации SQL ----> Перетаскивание для настройки большого экрана ----> Сохранить и опубликовать. Добро пожаловать на опыт.

Обзор функций

Знакомство с компонентами

Large Screen Design (AJ-Report) — это проект с полностью открытым исходным кодом для визуального редактирования с помощью перетаскивания, интуитивно понятных, интересных и технологически продвинутых инструментов построения диаграмм. Встроенные базовые функции включают источники данных, наборы данных и управление отчетами.

основная технология

полагаться

[Mysql] 5.7

[Дждк] 1.8

задняя часть

Spring Boot2.3.5.RELEASE: Spring Boot — это готовая платформа, которая упрощает и ускоряет запуск наших приложений Spring. Его можно запустить, выполнив функцию main в основной программе. Вы также можете упаковать свое приложение в виде jar-файла и запустить веб-приложение, используя java -jar;

Mybatis-plus3.3.2: MyBatis-plus (сокращенно MP) — это инструмент улучшения MyBatis (откроется в новом окне).

Flyway5.2.1: в основном используется для обновления структуры вашей базы данных и данных внутри, в то время как ваше приложение постоянно обновляется.

внешний интерфейс

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

webpack: инструмент для объединения статических модулей для современных приложений JavaScript.

ES6: JavaScript, сокращение от ECMAScript6. Используя ES6, мы можем упростить наш JS-код, используя при этом его мощные функции для быстрой реализации JS-логики.

vue-cli: инструмент формирования шаблонов Vue, используемый для автоматического создания каталогов и файлов для проектов Vue.

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

element-ui: набор компонентов пользовательского интерфейса с открытым исходным кодом на основе платформы MVVM Vue.

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

vue-echarts: vue-echarts — это инкапсулированный плагин vue, разработанный на основе ECharts v4.0.1+.

vue-superslide: Vue-SuperSlide (Github) — это оболочка Vue для SuperSlide.

vuedraggable: это плагин перетаскивания vue, основанный на Sortable.js.

Luckysheet: Luckysheet — это чистая онлайн-форма, похожая на Excel, с мощными функциями, простой настройкой и полностью открытым исходным кодом.

диаграмма потока данных