Разработка логики работы веб-приложения

Как было сказано ранее, разрабатываемое приложение состоит из таких областей, как frontend, backend и база данных. Основная логика работы приложения реализуется на стороне backend, вызов тех или иных функций backend из интерфейса пользователя осуществляется посредством работы с API.

Диаграмма компонентов системы, представленная на рисунке 7 поможет продемонстрировать логику работы приложения.

Рисунок 7 - Диаграмма компонентов

 

Для начала все же рассмотрим область frontend. Здесь компоненты - это переиспользуемые экземпляры Vue со своим именем, vuex - это контейнер, в котором хранится состояние приложения. Два момента отличают хранилище Vuex от простого глобального объекта:

1. Хранилище Vuex реактивно. Когда компоненты Vue полагаются на его состояние, то они будут реактивно и эффективно обновляться, если состояние хранилища изменяется.

2. Нельзя напрямую изменять состояние хранилища. Единственный способ внести изменения — явно вызвать мутацию. Это гарантирует, что любое изменение состояния оставляет след и позволяет использовать инструментарий, чтобы лучше понимать ход работы приложения.

Таким образом, алгоритм работы vuex — приложение следующий: в результате действий пользователя в компоненте вызывается, например, метод или срабатывает вычисляемое свойство, внутри этого события вызывается dispatch, который вызывает actions из store — контейнера, там производятся какие-либо действия, это как правило вызов api backend сервера. Дождавшись ответа сервера, вызывается commit, который вызывает мутацию (mutations), которая изменяет состояние контейнера (state).

К преимуществам state также можно отнести то, что оно глобально для всех компонентов системы, а это значит, что у нас есть возможность из любого компонента запросить состояние и отобразить его в компоненте (render).

Рассмотрим область backend. Точкой входа является файл index.js, где создается сервер express, который «слушает» подключения пользователей на определенном порту. Также в index.js подключается ряд специальных middleware:

· bodyParser, который обрабатывает тела application/x-www-form-urlencoded и application/json запросов и выставляет для них req.body;

· cors, предназначенный для разрешения работы JavaScript на сторонних сайтах (например, 127.0.0.1:8081) что бы получать доступ к нашим ответам API. Для этого нам нужно включить CORS в заголовок ответа от сервера. Это делается на стороне сервера.

·  fileUpload, предназначенный для загрузки файлов на сервер.

Также в файле index реализовано связывание промежуточного обработчика уровня приложения (api-routes) с экземпляром приложения express, где обрабатываются запросы пользователя (GET, POST, DELETE …).

Для вызова той или иной функции по пути, нужно указать соответствующую функцию из контроллера. Контроллеры, представленные на схеме:

1. contactController — работа с пользователями, которые откликнулись на вакансию

2. jobsController — работа с вакансиями

3. upload, registerUsersInBase — загрузка в БД информации о пользователе

4. autentificateUser — верификация учетных данных пользователя, полученных с frontend

5. deleteUser — запрос на удаление пользователя из БД

Связь backend с базой данных реализуется посредством библиотеки mongoose. Для работы с данными БД необходимо указать структуру документов, к которым будут производиться обращения с целью их получения, добавления или удаления. Структура указывается в файлах — моделях, которые представлены ниже:

· contactModel — модель для работы с коллекцией данных о пользователях, оставивших отклик на вакансию;

· jobsModel — модель для работы с коллекцией, хранящей информацию о вакансиях;

· uploadFilePathModel — модель для работы с коллекцией, хранящей информацию о загруженных резюме;

· userRegModel — модель для работы с коллекцией, хранящей информацию о зарегистрированных пользователях

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

 

 

Рисунок 8 — Диаграмма состояний

 

ЗАКЛЮЧЕНИЕ

В процессе прохождения преддипломной практики в ООО «Колос» я познакомился с предприятием, утвердил техническое задание, собрал необходимый материал, для написания выпускной квалификационной работы.

 

 

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ

1. Информационные системы в экономике: учебник для студентов вузов/Г.Н. Исаев. – 4 –е изд., стер. – М.: Издательство «Омега-Л», 2011. – 462 с.: ил., табл – (Высшее экономическое образование)

2. Бакланова О.Е. Информационные системы: Учебно-практическое пособие. – М.: Изд. центр ЕАОИ, 2007. – 270 с.

3. Ефимова Е.В., Бишлеев В.М. Проблемы реализации виртуального предприятия. Межрегиональная научно-практическая конференция молодых ученых «Новые направления научной мысли», РГЭУ (РИНХ), 2019 г.

4. Бишлеев В.М., Разработка uml-модели web-ресурса сельскохозяйственного предприятия. Межрегиональная научно-практическая конференция молодых ученых «Новые направления научной мысли» РГЭУ (РИНХ), 2019.

5. Барановская Т.П. Информационные системы и технологии в экономике/ Т.П. Барановская, В.И.Лойко, М.И. Семенов, А.И. Трубилин; под ред. В.И Лойко, - М.: Финансы и статистика, 2006.

6. Лихтенштейн В.Е., Информационные технологии в бизнесе. Практикум: учеб.пособие/В.Е. Лихтенштейн, Г.В. Росс- М.: Финансы и статистика, 2009. – 560.:ил.

7. Калянов Г.Н. Современные CASE – технологии. М.: ИПУ, 1992.

8. Карминский А.М., Нестеров П.В. Информатика в современном бизнесе. – М.: Финансы и статистика, 1997. -256с.

9. Макаров, А. Yii. Книга рецептов /А. Макаров. – М.:ДМК Пресс 2013. – 372 с.

10. Харрис, Э. PHP и MySQL для начинающих /Э. Харрис. – М.:КУДИЦ-ОБРАЗ 2005. – 384 с.

11. Макаров А. Yii фреймворк по-русски /А. Макаров. – М.: Yii Framework, Режим доступа: http://yiiframework.ru

12. Мишель Е. Дэвис и Джон А. Филипс. Изучаем PHP и MySQL, 2008.

13. Николай Прохоренок. HTML, JavaScript, PHP и MySQL.

14. Информационные системы в экономике/под ред. Г.А. Титоренко. – М.: ЮНИТИ, 2006.

15. Информационные системы в экономике: учебник для студентов вузов/Г.Н. Исаев. – 4 –е изд., стер. – М.: Издательство «Омега-Л», 2011. – 462 с.: ил., табл – (Высшее экономическое образование)

16. Бакланова О.Е. Информационные системы: Учебно-практическое пособие. – М.: Изд. центр ЕАОИ, 2007. – 270 с.

17. Барановская Т.П. Информационные системы и технологии в экономике/ Т.П. Барановская, В.И.Лойко, М.И. Семенов, А.И. Трубилин; под ред. В.И Лойко, - М.: Финансы и статистика, 2006.

18. Лихтенштейн В.Е., Информационные технологии в бизнесе. Практикум: учеб.пособие/В.Е. Лихтенштейн, Г.В. Росс- М.: Финансы и статистика, 2009. – 560.:ил.

19. Калянов Г.Н. Современные CASE – технологии. М.: ИПУ, 1992.

20. Карминский А.М., Нестеров П.В. Информатика в современном бизнесе. – М.: Финансы и статистика, 1997. -256с.

21. Куницына Л.Е. Методическое руководство по оформлению текстовых и графических документов. – Ростов-на-Дону: РГЭА, 1999. – 53с.

22.  Ефимова Е.В.Анализ и моделирование эксплуатационных параметров экономических информационных систем. - Ростов-на-Дону: Издательство РГЭУ (РИНХ), 2004.

23. Шполянская И.Ю. Имитационное моделирование бизнес-процессов и систем. - Ростов н/Д.: РГЭУ (РИНХ), 2005.

24. Расчет экономического эффекта от внедрения системы автоматизации. [Электронный ресурс]. URL: http://antegra.ru/news/experts/_det-experts/4 (дата обращения: 25.05.2020).

25. Microsoft. Возможности среды SQL Server Management Studio. [Электронный ресурс]. URL: https://msdn.microsoft.com/ru-ru/library/ms174219.aspx (дата обращения: 24.05.2020).

26. Microsoft. Microsoft SQL Server. [Электронный ресурс]. URL: https://msdn.microsoft.com/ru-ru/library/bb545450.aspx (дата обращения: 25.05.2020).

27. Карповский Е.Я, Чижов С. А. Надежность программной продукции. - Киев: Издательство Техника, 1990

28. Учебные материалы. Модели надежности программного обеспечения. [Электронный ресурс]. URL: http://works.doklad.ru/view/rdN3bgvQO3s.html (дата обращения: 15.05.2020).

29. Ефимов Е.Н. Моделирование оценок эффективности мероприятий информационной безопасности компании при воздействии случайных факторов окружающей среды. – Ростов-на-Дону: Издательство Известия ЮФУ, 2015

30. Ефимов Е.Н. Моделирование платежей от ИТ-проекта в методе анализа затрат и выгод. - Ростов-на-Дону: Издательство РГЭУ (РИНХ), 2014

31. Грачева М.В. Риск – анализ инвестиционного проекта – М.Юнити – ДАНА, 2001 – 351 с.