Project structure
Как выглядит наш проект, например, в Idea на момент написания этой страницы:
Рассмотрим его поподробнее.
Здесь находится, что ясно из названия, исходный код нашего приложения. Внутри содержится единственная папка main. В случае существования особособленных крупных компонент, логично каждую из них хранить отдельно, чтобы избежать путаницы. Внутри этой папки наш исходный код делится на две папки webapp и java, разделяя логику и визуализацию.
Папка resourses представлена единственной темой, который впоследствии можно будет расширять, если возникнет необходимость. Внутри папки theme лежат необходимые таблицы стилей, шрифты, иконки, картинки и прочее, что необходимо для «красивого» отображения страниц.
Папка WEB-INF уже содержит конкретные страницы в папке «views», которые тоже, в случае их большого количества, можно группировать, исходя из их функций. Помимо страниц, здесь же находится файл web.xml, собственно, описывающий основные параметры нашего веб-приложения. А так же — mvc-dispatcher-servlet.xml, выступающий, что ясно из названия, диспетчером. Подробнее про это можно прочитать здесь.
Точка входа в Angular 2 приложение.
Папка со сторонними JS библиотеками.
Папка с частями Angular 2 приложения:
- resources/theme/angular2app/app/*.service.js - файл Angular 2 сервиса
- resources/theme/angular2app/app/*.component.js - файл логики Angular 2 компонента
- resources/theme/angular2app/app/templates/*.component.html - файл шаблона Angular 2 компонента
- resources/theme/angular2app/app/css/*.component.css - файл стилей Angular 2 компонента
Здесь, на данный момент, у нас находятся только контроллеры для соответствующий страниц. Но впоследствии именно здесь будут располагаться и другие классы, отвечающие за логику приложения.
Это выход нашего построенного приложения, куда переносятся страницы, стили, классы, а так же все пакуется в файл с расширением «war». Однако, если будут иметься только исходные коды, для этого есть еще один инструмент, находящийся в папке scripts.
Здесь находятся скрипты для сборки нашего приложения из исходного кода.
analyzeme.iml — файл, хранящий информацию о модулях, пути к ним, а так же сохраняющий зависимости.
pom.xml — фундаментальный файл, хранящий информацию о проекте и его конфигурации для постройки с помощью maven.
.travis.yml — файл настройки для сервиса Travis CI, который содержит в себе информацию о языке, на котором напиано приложение, а так же код для отправления уведомлений в Slack.
Procfile — файл настройки для Heroku, так же оповещающий его о том, что и с помощью чего необходимо запускать для работы приложения.