Учебники

Аурелия — Плагины

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

Стандартные плагины

В последней главе мы увидели, как использовать конфигурацию по умолчанию в платформе Aurelia. Если вы используете конфигурацию по умолчанию, стандартный набор плагинов будет доступен.

  • defaultBindingLanguage () — Этот плагин предлагает простой способ подключения вида-модели с видом. Вы уже видели односторонний синтаксис привязки данных ($ {someValue}) . Несмотря на то, что вы могли бы использовать какой-либо другой язык связывания, рекомендуется использовать язык связывания по умолчанию.

  • defaultResources () — Ресурсы по умолчанию дают нам некоторые примитивные конструкции, такие как if, repeat, compose и т. д. Вы даже можете создавать эти конструкции самостоятельно, но поскольку они так часто используются, Aurelia уже создала их внутри этой библиотеки.

  • Router () — большинство приложений используют некоторую маршрутизацию. Следовательно, Router является частью стандартных плагинов. Вы можете проверить больше о маршрутизации в следующей главе.

  • History () — плагин History обычно используется вместе с роутером .

  • eventAggregator () — Этот плагин используется для межкомпонентной связи. Он управляет публикацией и подпиской на сообщения или каналы внутри вашего приложения.

defaultBindingLanguage () — Этот плагин предлагает простой способ подключения вида-модели с видом. Вы уже видели односторонний синтаксис привязки данных ($ {someValue}) . Несмотря на то, что вы могли бы использовать какой-либо другой язык связывания, рекомендуется использовать язык связывания по умолчанию.

defaultResources () — Ресурсы по умолчанию дают нам некоторые примитивные конструкции, такие как if, repeat, compose и т. д. Вы даже можете создавать эти конструкции самостоятельно, но поскольку они так часто используются, Aurelia уже создала их внутри этой библиотеки.

Router () — большинство приложений используют некоторую маршрутизацию. Следовательно, Router является частью стандартных плагинов. Вы можете проверить больше о маршрутизации в следующей главе.

History () — плагин History обычно используется вместе с роутером .

eventAggregator () — Этот плагин используется для межкомпонентной связи. Он управляет публикацией и подпиской на сообщения или каналы внутри вашего приложения.

Официальные плагины

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

  • fetch () — плагин Fetch используется для обработки HTTP-запросов. Вы можете использовать другую библиотеку AJAX, если хотите.

  • animatorCSS () — этот плагин предлагает способ обработки CSS-анимации.

  • animator-speed () — вместо CSS-анимации вы можете использовать библиотеку анимации Velocity. Эти плагины позволяют нам использовать Velocity внутри приложений Aurelia.

  • dialog () — Плагин Dialog предлагает очень настраиваемое модальное окно.

  • i18n () — это плагин для интернализации и локализации.

  • ui-virtualization () — Виртуализация — это полезная библиотека для обработки больших задач с тяжелым пользовательским интерфейсом.

  • validation () — используйте этот плагин, когда вам нужно проверить ваши данные.

fetch () — плагин Fetch используется для обработки HTTP-запросов. Вы можете использовать другую библиотеку AJAX, если хотите.

animatorCSS () — этот плагин предлагает способ обработки CSS-анимации.

animator-speed () — вместо CSS-анимации вы можете использовать библиотеку анимации Velocity. Эти плагины позволяют нам использовать Velocity внутри приложений Aurelia.

dialog () — Плагин Dialog предлагает очень настраиваемое модальное окно.

i18n () — это плагин для интернализации и локализации.

ui-virtualization () — Виртуализация — это полезная библиотека для обработки больших задач с тяжелым пользовательским интерфейсом.

validation () — используйте этот плагин, когда вам нужно проверить ваши данные.

Все плагины, описанные выше, официально поддерживаются Aurelia Core Team на момент написания данного руководства. В будущем будут добавлены некоторые другие полезные плагины. В следующем примере показано, как настроить приложение для использования плагинов.

Установка плагинов

Если, например, мы хотим использовать animator-css и animator-speed , мы должны сначала установить его.

C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-css
C:\Users\username\Desktop\aureliaApp>jspm install aurelia-animator-velocity

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