Разработка системы меню для ресторанов

РАЗРАБОТКА ВЕБ-ПРИЛОЖЕНИЯ HEAD-ОФИСА РЕСТОРАНА БЫСТРОГО ПИТАНИЯ

1. Архитектура веб-приложения на фреймворке Angular

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

Базовые блоки, из которых строится приложение на Angular – NgModules, которые предоставляют контекст компиляции компонентам. Модули собирают связанный код в функциональные наборы; приложение на Angular – это набор модулей. Обычно, в приложении есть root-модуль для запуска, а также какое-то количество feature-модулей.

1. Модули

Модули NgModules отличаются и дополняют модули JavaScript (из стандарта ES2015). NgModule описывает контекст компиляции для набора компонентов, который посвящен предметной области, бизнес-процессам или связанному набору возможностей. Модуль может связывать компоненты с сервисами, тем самым формирую функциональные единицы.

Каждое Angular-приложение содержит root-модуль, обычно названный AppModule, в котором реализован механизм запуска приложения. Функциональных модулей обычно несколько.
Как и JavaScript-модули, модули в Angular могут импортировать функции из других модулей, а также предоставлять свои функции для включения в другие модули.
Организация кода в виде четких функциональных модулей помогает при разработке сложных приложений, а также для активного переиспользования частей приложения.

2. Компоненты

Каждое Angular-приложение содержит хотя бы один компонент – root- компонент, который связывает компонентную иерархию с объектной моделью документа (DOM). В каждом компоненте есть класс, который содержит данные и логику, а также связанный с HTML шаблон, который определяет представление, отправляемое на экран.

Для обозначения компонентов используется декоратор @Component(). Декораторы – это функции, модифицирующие классы в JavaScript [16]. В Angular уже есть набор необходимых для работы приложения декораторов.