РЕФЕРАТ
Текст документа содержит: 28 с., 35 ил., 1 табл., 6 ист.
Ключевые слова: отчет по шаблону, система формирования отчетов, web-приложение, TypeScript, Vue.js.
Объект исследования – система формирования отчетной документации на базе шаблонных форм.
Предмет исследования – система формирования отчетной документации на базе шаблонных форм.
Целью курсового проекта является создание система формирования отчетной документации на базе шаблонных форм.
Курсовой проект предусматривает решение следующих задач:
разработка регистрации пользователя;
разработка входа-выхода в личный кабинет;
разработка редактирования/удаления профиля;
разработка рейтинга по критерию;
разработка ленты новостей, редактирования новости;
разработка системы формирования отчетной документации на базе шаблонных форм.
Автоматический сбор отчетности значительно упрощает получение статистических данных, позволяет добиваться существенной экономии временных ресурсов и трудозатрат.
ABSTRACT
The text of the document contains: 28 p., 35 ill., 1 table, 6 ist.
Keywords: report by template, reporting system, web application, TypeScript, Vue.js.
The object of research is a system for generating reporting documentation based on template forms.
The subject of the research is a system for generating reporting documentation based on template forms.
The purpose of the course project is to create a system for generating reporting documentation based on template forms.
The course project provides for the solution of the following tasks:
development of user registration;
development of the entrance-exit to the personal account;
development of editing / deleting a profile;
development of a rating by criterion;
development of a news feed, news editing;
development of a system for generating reporting documentation based on template forms.
Automatic collection of reports greatly simplifies the receipt of statistical data, allows you to achieve significant savings in time and labor.
Содержание
1 Обзор технологий 5
1.1 Язык разметки HTML 5
1.2 Язык CSS 5
1.3 Vue.js 6
1.4 Язык TypeScript 6
1.5 Node.js 7
2 Разработка программного обеспечения 8
2.1 Разработка базовых функций 8
2.2 Верстка сайта 10
2.3 Обращение к серверу 12
3 Клиентский интерфейс 19
ЗАКЛЮЧЕНИЕ 25
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ 26
Система формирования отчетных документов предназначена для ускорения и упрощения взаимодействия с пользователем и отслеживания запущенных и выполненных операций.
Автоматизация отчётности гарантирует согласованность данных. Отчетные документы готовятся в разнообразных видах и формах. Разновидности документации отличаются в зависимости от типа компании, рода ее деятельности и многих других факторов.
В отчетности могут содержаться таблицы с бухгалтерскими, статистическими и другими данными. Отчет – это итог работы по учету сведений. Они могут представлять собой сводки по конкретным отраслям, а также по территориальным участкам – районам, областям, по всей полноте хозяйства. Отчетные документы могут классифицироваться по видам, периодам, объему данных, степени их обобщенности [1].
Объект исследования – система формирования отчетной документации на базе шаблонных форм.
Предмет исследования – система формирования отчетной документации на базе шаблонных форм.
Целью работы является обеспечение возможности удаленного доступа к ресурсам информационной системы альтернативным клиентским интерфейсам, взаимодействующих с сервером.
Для достижения поставленной цели необходимо выполнить следующие частные задачи:
Изучить технологии для разработки защищенных веб-систем.
Разработать серверное ПО на базе описанных технологий.
Произвести программирование клиентского интерфейса.
Проверить работоспособность полученных решений.
1 Обзор технологий
1.1 Язык разметки html
HTML (от англ. HyperText Markup Language — «язык гипертекстовой разметки») — стандартизированный язык разметки документов для просмотра веб-страниц в браузере. Веб-браузеры получают HTML документ от сервера по протоколам HTTP/HTTPS или открывают с локального диска, далее интерпретируют код в интерфейс, который будет отображаться на экране монитора.
Элементы HTML являются строительными блоками HTML страниц. С помощью HTML разные конструкции, изображения и другие объекты такие как интерактивная веб-формы могут быть встроены в отображаемую страницу. HTML предоставляет средства для создания заголовков, абзацев, списков, ссылок, цитат и других элементов.
1.2 Язык css
CSS (англ. Cascading Style Sheets «каскадные таблицы стилей») используется создателями веб-страниц для задания цветов, шрифтов, стилей, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось отделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом [2].
1.3 Vue.js
Vue.js — JavaScript-фреймворк с открытым исходным кодом для создания пользовательских интерфейсов. Легко интегрируется в проекты с использованием других JavaScript-библиотек. Может функционировать как веб-фреймворк для разработки одностраничных приложений в реактивном стиле.
Поскольку Vue работает только на «уровне представления» и не используется для промежуточного программного обеспечения и бэкэнда, он может легко интегрироваться с другими проектами и библиотеками. Vue.js содержит широкую функциональность для уровня представлений и может использоваться для создания мощных одностраничных веб-приложений.
Vue подходит для небольших проектов, которым необходимо добавить немного реактивности, представить форму с помощью AJAX, отобразить значения при вводе данных пользователем, авторизация или другие аналогичные задачи. Vue легко масштабируется и хорошо подходит для объемных проектов, поэтому его называют прогрессивным фреймворком [3].