Технологический стек: различия между версиями

Материал из Intellex
Перейти к навигации Перейти к поиску
(Содержимое страницы заменено на «* Трехзвенная архитектура * Многоплатформенность для серверных и клиен...»)
Строка 1: Строка 1:
Список необходимых для установки и работы сторонних компонентов/систем
* Трехзвенная архитектура
 
* Многоплатформенность для серверных и клиентских ОС
== '''<big><u>Плеер</u></big>''' ==
* Использование различный БД (Oracle, PostgreSQL)
{| class="sortable"
* Поддержка перевода интерфейсов на различные национальные языки
!'''Название'''
* Интеграция - широкие возможности быстрой интеграции с существующими системами
!'''Описание'''
* Возможность создания облачных решений
!'''Правообладатель'''
!'''Тип лицензии'''
!'''Ссылка на файл лицензии'''
|-
|jquery
|Библиотека упрощающая работу с элементами DOM,
событиями и т.п. Многие используемые компоненты созданы как плагины к jquery.
|OpenJS Foundation
|MIT
|https://github.com/jquery/jquery/blob/main/LICENSE.txt|[https://github.com/jquery/jquery/blob/main/LICENSE.txt jquery]
|-
|jquery-ui
|Набор виджетов, построенный на jquery. Используется для
изменения размеров в шапке грида, автокомплита в полях ввода.
|jQuery Foundation
|MIT
|[https://github.com/jquery/jquery-ui/blob/main/LICENSE.txt jquery]
|-
|jquery.cookie
|Работа с cookie файлами (Используется в dynatree)
|Klaus Hartl
|MIT
|[https://github.com/carhartl/jquery-cookie/blob/master/MIT-LICENSE.txt jquery.cookie]
|-
|jquery-doubletap
|Используется для отслеживания двойного тапа по строке грида
|rick olson
|MIT
|[https://github.com/technoweenie/jquery.doubletap/blob/master/LICENSE jquery-doubletap]
|-
|jquery.timeentry
|Ввод времени
|Keith Wood
|MIT
|[http://keith-wood.name/licence.html jquery.timeentry]
|-
|select2
|Поле с выпадающими вариантами (комбобокс) - плагин jquery
|Kevin Brown, Igor Vaynberg, and Select2 contributors
|MIT
|[https://github.com/select2/select2/blob/master/LICENSE.md select2]
|-
|typeahead
|Quicksearch - плагин jquery
|Twitter, Inc
|MIT
|[https://github.com/twitter/typeahead.js/blob/master/LICENSE typeahead]
|-
|handlebars
|Html шаблонизатор
|Yehuda Katz
|MIT
|[https://github.com/handlebars-lang/handlebars.js/blob/master/LICENSE handlebars]
|-
|bootstrap-4.3.1.min
|Библиотека компонентов
|Twitter, Inc.
The Bootstrap Authors
|MIT
|[https://github.com/twbs/bootstrap/blob/v4.0.0/LICENSE bootstrap]
|-
|bootstrap-colorpicker
|Компонент выбора цвета
|Javi Aguilar
|MIT
|[https://github.com/itsjavi/bootstrap-colorpicker/blob/master/LICENSE bootstrap-colorpicker]
|-
|eonasdan-bootstrap-datetimepicker
|Ввод дат
|Jonathan Peterson
|MIT
|[https://github.com/Eonasdan/tempus-dominus/blob/master/LICENSE eonasdan-bootstrap-datetimepicker]
|-
|dynatree
|Отрисовка деревьев (например в редакторе фильтров)
|Martin Wendt
|MIT
|[https://www.submission-faccejpi.com/c_media/modules/dynatree/doc/dynatree-doc.html dynatree]
|-
|popper
|Позиционирование элементов на странице (подсказки,
попапы) Используется в bootstrap
|Federico Zivolo
|MIT
|[https://github.com/popperjs/popper-core/blob/master/LICENSE.md popper]
|-
|summernote
|Wysiwyg компонент
|Summernote Team (<nowiki>https://github.com/orgs/summernote/people</nowiki>)
|MIT
|[https://github.com/summernote/summernote/blob/develop/LICENSE summernote]
|-
|velocity
|Библиотека анимаций (используется в дейтпикере и
при показе ошибок)
|Julian Shapiro
|MIT
|[https://github.com/julianshapiro/velocity/blob/master/LICENSE.md velocity]
|-
|mathjs
|Библиотека для расчета формул
|Jos de Jong
|Apache License 2.0
|[https://github.com/josdejong/mathjs/blob/develop/LICENSE mathjs]
|-
|imask
|Ввод по маске
|uNmAnNeR
|MIT
|[https://github.com/uNmAnNeR/imaskjs/blob/master/LICENSE imask]
|-
|moment
|Работа с датами
|JS Foundation and other contributors
|MIT
|[https://github.com/moment/moment/blob/develop/LICENSE moment]
|-
|date-fns
|Работа с датами
|Sasha Koss and Lesha Koss
|MIT
|[https://github.com/date-fns/date-fns/blob/master/LICENSE.md date-fns]
|-
|gridstack
|Дашборд в произвольных отчетах
|Alain Dumesny
|MIT
|[https://github.com/gridstack/gridstack.js/blob/master/LICENSE gridstack]
|-
|exceljs
|Экспорт данных в excel
|Guyon Roche
|MIT
|[https://github.com/exceljs/exceljs/blob/master/LICENSE exceljs]
|-
|codemirror
|Поле ввода с подсветкой синтаксиса (ввод формул в дизайнерах, дебаггер в
документе/аналитике)
|Marijn Haverbeke <marijnh@gmail.com>, Adrian
Heine <mail@adrianheine.de>, and others
|MIT
|[https://github.com/codemirror/CodeMirror/blob/master/LICENSE codemirror -MIT]
|-
|diff
|Создает объект с различием между 2 текстовыми файлами
|Kevin Decker
|BSD License
|[https://github.com/kpdecker/jsdiff/blob/master/LICENSE diff]
|-
|diff2html
|Отображает различие между 2 файлами (история в дизайнере, компонент
сравнения в аналитике)
|Rodrigo Fernandes
|MIT
|[https://github.com/rtfpessoa/diff2html/blob/master/LICENSE.md diff2html]
|-
|file-saver
|Функция сохранения файлов
|Eli Grey
|MIT
|[https://github.com/eligrey/FileSaver.js/blob/master/LICENSE.md file-saver]
|-
|papaparse
|Парсинг csv файла с переводами
|Matthew Holt
|MIT
|[https://github.com/mholt/PapaParse/blob/master/LICENSE papaparse]
|-
|simmerjs
|Высчитывание уникального селектора для DOM ноды. Используется в
редакторе сценариев
|Gidi Meir Morris AKA "CheKofif"
|MIT
|[https://github.com/gmmorris/simmerjs/blob/master/LICENSE simmerjs]
|-
|sortablejs
|Перетаскивание элементов в списках. Сейчас используется в дизайнерах (напр. ГУИ)
|All contributors to Sortable
|MIT
|[https://github.com/SortableJS/Sortable/blob/master/LICENSE sortablejs]
|-
|ua-parser-js
|Получение информации о версии браузера, используемой пользователем
|Faisal Salman
|MIT
|[https://github.com/faisalman/ua-parser-js/blob/master/license.md ua-parser-js]
|-
|xml-beautify
|Красивое отображение xml (с отступами)
|Tom Misawa
|MIT
|[https://github.com/riversun/xml-beautify/blob/master/LICENSE xml-beautify]
|-
|js-cookie
|Работа с cookie файлами
|Klaus Hartl, Fagner Brack, GitHub Contributors
|MIT
|[https://github.com/js-cookie/js-cookie/blob/master/LICENSE js-cookie]
|-
|cades
|Использование api расширения для подписи электронной подписью
|КриптоПРО
|
|[https://www.cryptopro.ru/about/licenses cades]
|-
|pdf-js
|Отображение pdf файлов
|Mozilla
|Apache License 2.0
|[https://github.com/mozilla/pdf.js/blob/master/LICENSE pdf-js]
|-
|text-encoder
|Поддержка TextEncoder и TextDecoder в старых браузерах.
Используется в jas протоколе
|Joshua Bell
|Apache License 2.0
|[https://github.com/inexorabletash/text-encoding/blob/master/LICENSE.md text-encoder]
|-
|tabulator-tables
|Будет использоваться как замена dev-express для отображения
деревьев в виде таблиц (список фильтров/произвольных отчетов)
|Oli Folkerd
|MIT
|[https://github.com/olifolkerd/tabulator/blob/master/LICENSE tabulator-tables]
|-
|chartjs
|Будет использоваться как замена highcharts для отрисовки графиков
|Chart.js Contributors
|MIT
|[https://github.com/chartjs/Chart.js/blob/master/LICENSE.md chartjs]
|-
|addclear
|Добавляет крестик для очистки поля ввода
|Stephen Korecky
|MIT
|[https://github.com/skorecky/Add-Clear/blob/master/LICENSE addclear]
|-
|babel
|Компилятор, преобразующий современный синтаксис js в синтаксис понятный
старым браузерам.
|Sebastian McKenzie and other contributors
|MIT
|[https://github.com/babel/babel/blob/main/LICENSE babel]
|-
|resize-observer-polyfill
|Полифилл resizeObserver для поддержки 49 хрома
|Denis Rul
|MIT
|[https://github.com/que-etc/resize-observer-polyfill/blob/master/LICENSE resize-observer-polyfill]
|-
|tippy.js
|Отображение подсказок при наведении
|atomiks
|MIT
|[https://github.com/atomiks/tippyjs/blob/master/LICENSE tippy.js]
|}
 
== Дизайнеры ==
{| class="sortable"
!Название
!Описание
!Правообладатель
!Тип лицензии
!Ссылка на файл лицензии
|-
|bootstrap-daterangepicker
|Ввод диапазона дат (два дейтпикера показанные
рядом) Используется только в дизайнере переходов
|Dan Grossman
|MIT
|[https://github.com/dangrossman/daterangepicker/blob/master/README.md bootstrap-daterangepicker]
|-
|mxgraph
|Отрисовка графов. Дизайнер переходов и структуры
|David Benson
|Apache License 2.0
|[https://github.com/jgraph/mxgraph/blob/master/LICENSE mxgraph]
|-
|save-svg-as-png
|Сохранение схем в дизайнерах, как картинок png
|Eric Shull
|MIT
|[https://github.com/exupero/saveSvgAsPng/blob/gh-pages/LICENSE save-svg-as-png]
|-
|vis-network
|Отображение зависимостей куба в дизайнере
|Almende B.V.
|MIT
Apache License 2.0
|[https://github.com/visjs/vis-network/blob/master/LICENSE-MIT vis-network-MIT]
[https://github.com/visjs/vis-network/blob/master/LICENSE-APACHE-2.0 vis-network-APACHE-2.0]
|}
 
== Сборка ==
{| class="sortable"
!Название
!Описание
!Правообладатель
!Тип лицензии
!Ссылка на файл лицензии
|-
|webpack
|Сборка кода, стилей, картинок в бандл
Разные типы файлов обрабатываются плагинами (лоадерами)
|Tobias Koppers
|MIT
|[https://github.com/webpack/webpack/blob/master/LICENSE webpack]
|-
|gulp
|Автоматизация сборки (с помощью gulp мы запускаем webpack)
|Blaine Bublitz <blaine.bublitz@gmail.com>, Eric Schoffstall <yo@contra.io> and other contributors
|MIT
|[https://github.com/gulpjs/gulp/blob/master/LICENSE gulp]
|-
|typescript
|Типизация js кода
|Microsoft
|Apache License 2.0
|[https://github.com/microsoft/TypeScript/blob/master/LICENSE.txt typescript]
|-
|less
|Надстройка над css, для удобства написания стилей
|Alexis Sellier & The Core Less Team
|Apache License 2.0
|[https://github.com/less/less.js/blob/master/LICENSE less]
|-
|core-js
|Сборник полифиллов
|Denis Pushkarev
|MIT
|[https://github.com/zloirock/core-js/blob/master/LICENSE core-js]
|-
|babel с несколькими плагинами
|@babel/core
@babel/plugin-proposal-object-rest-spread
@babel/plugin-transform-runtime
@babel/preset-env
babel-cli
babel-eslint
|Sebastian McKenzie and other contributors
|MIT
|[https://github.com/babel/babel/blob/main/LICENSE babel]
|-
|eslint
|Линтер кода. Нужен для единого стиля кодирования (подсветка ошибок)
|JS Foundation and other contributors
|MIT
|[https://github.com/eslint/eslint/blob/master/LICENSE eslint]
|-
|del
|Удаление файлов (очистка перед сборкой)
|Sindre Sorhus <sindresorhus@gmail.com> (<nowiki>https://sindresorhus.com</nowiki>)
|MIT
|[https://github.com/sindresorhus/del/blob/main/license del]
|-
|gulp-svgstore
|Сборка svg иконок в один файл
|Andrey Kuzmin
|MIT (указана только в package.json)
|[https://github.com/w0rm/gulp-svgstore/blob/main/package.json gulp-svgstore]
|-
|gulp-tap
|Обработка файлов
|Mario Gutierrez
|MIT
|[https://github.com/geejs/gulp-tap/blob/master/LICENSE gulp-tap]
|-
|gulp-zip
|Создание war архива
|Sindre Sorhus <sindresorhus@gmail.com> (sindresorhus.com)
|MIT
|[https://github.com/sindresorhus/gulp-zip/blob/main/license gulp-zip]
|-
|gulp-rename
|Переименование файлов
|Hector Guillermo Parra Alvarez
|MIT
|[https://github.com/hparra/gulp-rename/blob/master/LICENSE gulp-rename]
|-
|fancy-log
|Вывод сообщений в терминал
|Blaine Bublitz <blaine.bublitz@gmail.com> and Eric Schoffstall <yo@contra.io>
|MIT
|[https://github.com/gulpjs/fancy-log/blob/master/LICENSE fancy-log]
|-
|ansi-colors
|Раскраска сообщений в терминале
|Brian Woodward
|MIT
|[https://github.com/doowb/ansi-colors/blob/master/LICENSE ansi-colors]
|-
|cross-env
|Установка переменных среды в windows
|Kent C. Dodds
|MIT
|[https://github.com/kentcdodds/cross-env/blob/master/LICENSE cross-env]
|-
| colspan="5" |'''Плагины для webpack'''
|-
|html-webpack-plugin
|Создание index.html
|
|
|
|-
|webpack-stream
|Обертка над webpack, чтобы он запускался через gulp
|JS Foundation and other contributors
|MIT
|[https://github.com/jantimon/html-webpack-plugin/blob/main/LICENSE webpack-stream]
|-
|autoprefixer
|Плагин к postcss, добавляющий браузерные префиксы к css
|Andrey Sitnik <andrey@sitnik.ru>
|MIT
|[https://github.com/postcss/autoprefixer/blob/main/LICENSE autoprefixer]
|-
|mini-css-extract-plugin
|Плагин для webpack помогающий извлечь css в отдельный бандл
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/mini-css-extract-plugin/blob/master/LICENSE mini-css-extract-plugin]
|-
|circular-dependency-plugin
|Плагин для webpack предупреждающий о циклических зависимостях
|Aaron Ackerman <theron17@gmail.com>
|ISC
|[https://github.com/aackerman/circular-dependency-plugin/blob/master/LICENSE circular-dependency-plugin]
|-
|webpack-bundle-analyzer
|Плагин для webpac для показа информации о размере артефактов сборки
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/webpack-bundle-analyzer/blob/master/LICENSE webpack-bundle-analyzer]
|-
|webpack-stats-plugin
|Плагин для webpack для показа графа зависимостей проекта
|Formidable Labs, Inc.
|MIT
|[https://github.com/FormidableLabs/webpack-stats-plugin/blob/main/LICENSE.txt webpack-stats-plugin]
|-
|@typescript-eslint/eslint-plugin
@typescript-eslint/parser
|Правила для eslint
|JS Foundation and other contributors
|Наследованная от BSD 2
|[https://github.com/typescript-eslint/typescript-eslint/blob/master/LICENSE @typescript-eslin]
|-
| colspan="5" |'''Загрузчики для webpack'''
|-
|file-loader
|Обработка медиафайлов при сборке
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/file-loader/blob/master/LICENSE file-loader]
|-
|babel-loader
|Обработка js кода при сборке (транспиляция под старые браузеры)
|Luís Couto <hello@luiscouto.pt>
|MIT
|[https://github.com/babel/babel-loader/blob/main/LICENSE babel-loader]
|-
|less-loader
|Обработка css при сборке
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/less-loader/blob/master/LICENSE less-loader]
|-
|noop-loader
|Пропуск определенных файлов при сборке
|Knut Helland
|ISC (указана в package.json)
|[https://github.com/KnutHelland/noop-loader/blob/master/package.json noop-loader]
|-
|postcss-loader
|Обработка css при сборке
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/postcss-loader/blob/master/LICENSE postcss-loader]
|-
|resolve-url-loader
|Обработка медиафайлов при сборке
|bholloway
|MIT (указана в package.json)
|[https://github.com/bholloway/resolve-url-loader/blob/v4-maintenance/package.json resolve-url-loader]
|-
|raw-loader
|Обработка предзагруженных библиотек
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/raw-loader/blob/master/LICENSE raw-loader]
|-
|script-loader
|Обработка предзагруженных библиотек
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/script-loader/blob/master/LICENSE script-loader]
|-
|style-loader
|Обработка css при сборке
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/style-loader/blob/master/LICENSE style-loader]
|-
|text-loader
|Обработка html шаблонов
|Danny Fenstermaker
|ISC (указана в package.json)
|[https://github.com/dfenstermaker/text-loader/blob/master/package.json text-loader]
|-
|ts-loader
|Обработка typescript файлов
|TypeStrong
|MIT
|[https://github.com/TypeStrong/ts-loader/blob/main/LICENSE ts-loader]
|-
|url-loader
|Обработка медиафайлов при сборке
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/url-loader/blob/master/LICENSE url-loader]
|-
|css-loader
|Обработка css при сборке
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/css-loader/blob/master/LICENSE css-loader]
|-
|exports-loader
|
|JS Foundation and other contributors
|MIT
|[https://github.com/webpack-contrib/exports-loader/blob/master/LICENSE exports-loader]
|}

Версия 09:19, 12 октября 2021

  • Трехзвенная архитектура
  • Многоплатформенность для серверных и клиентских ОС
  • Использование различный БД (Oracle, PostgreSQL)
  • Поддержка перевода интерфейсов на различные национальные языки
  • Интеграция - широкие возможности быстрой интеграции с существующими системами
  • Возможность создания облачных решений
Источник — http://xmdocs.intellex.ru/index.php?title=Технологический_стек&oldid=1178