Анализ дейстельности фирмы. Работа с компонентами React

• Название: Работа с компонентами React
• Анкор: Анализ дейстельности фирмы
• Дата: 24.12.2021
• Размер: 0.77 Mb.
• Имя файла: PPI_Lab3.docx
• Тип: Отчет; #316877

М ИНОБРНАУКИ РФ

федеральное государственное бюджетное образовательное учреждение высшего образования

САМАРСКИЙ ГОСУДАРСТВЕННЫЙ ТЕХНИЧЕСКИЙ УНИВЕРСИТЕТ

Институт автоматики и информационных технологий

Кафедра «Информационные технологии»

ОТЧЕТ

о выполнении лабораторной работы на тему

«Работа с компонентами React»

по дисциплине «Проектирование пользовательского интерфейса»

	Проверил	доцент			Золин А.Г.
		(должность)	(подпись)	(дата)	(инициалы, фамилия)
	Выполнил	Студент 4-АИТ-7			Рахимова А.И.
		(группа)	(подпись)	(дата)	(инициалы, фамилия)
	Выполнил	Студент 4-АИТ-7			Болгов Д.В.
		(группа)	(подпись)	(дата)	(инициалы, фамилия)
	Выполнил	Студент 4-АИТ-7			Бобровникова Е.А.
		(группа)	(подпись)	(дата)	(инициалы, фамилия)

Самара 2021г.

Задание №1.

Из перечня тем (приложение 1) выбрать описание проекта или разработать свой по аналогии с предоставленными вариантами (не менее 2 справочников). Разработать компоненты React для организации пользовательского интерфейса работы со справочником:

Компонент работы со справочником, включающий поиск элемента. Компонент должен содержать:

1. Текстовое поле для ввода имени (или аналогичного поля: наименования, тел.номер и т. д. - выбрать самим) элемента справочника для дальнейшего поиска по этому имени в базе данных;

2. Кнопку, подтверждающую ввод имени элемента справочника для дальнейшей отправки введенных данных на сервер для осуществления поиска;

3. Кнопку для создания нового элемента справочника (в будущем будет отображать компонент создания/редактирования нового элемента справочника).

4. Таблицу, содержащую результаты поиска.

Таблица должна включать следующие поля и элементы соответственно:

• 
  имя (или аналогичное поле) элемента справочника / соответствующий текст;
  
• 
  дополнительные данные (остальные поля таблицы) / соответствующий текст;
  
• 
  “Редактировать” / гиперссылка для редактирования элемента справочника.
  
• 
  “Удалить” / гиперссылка для удаления элемента справочника.
  

2. Компонент редактирования элемента справочника. Будет использоваться для создания нового элемента или редактирования старого. Компонент должен содержать поля для редактирования значений атрибутов элементов справочника и две кнопки «Сохранить» и «Отмена».

Вариант № 6. Библиотека.

Разработать программу по учету книг в библиотеке. База должна содержать следующую информацию:

 справочник книг: ID книги, автор, наименование, год издания, признак наличия/отсутствия;

 данные о читателях: ID читателя, ФИО, номер паспорта;

 данные по книгам: ID книги, ID читателя, дата выдачи, дата возврата, дата реального возврата;



Рисунок 1 – «Страница с сущностями №1».



Рисунок 2 – «Страница с сущностями №2».



Рисунок 3 – «Страница с сущностями №3».



Рисунок 4 – «Пример поиска».



Рисунок 5 – «Создание записи».



Рисунок 6 – «Редактирование записи».



Рисунок 7 – «Подтверждение удаления».



Рисунок 8 – «Создание новой записи».



Рисунок 9 – «Редактирование записи».



Рисунок 10 – «Создание новой записи».



Рисунок 11 – «Редактирование записи».

Вывод: была разработана программа по учету книг в библиотеке. База содержит следующую информацию:

 справочник книг: ID книги, автор, наименование, год издания, признак наличия/отсутствия;

 данные о читателях: ID читателя, ФИО, номер паспорта;

 данные по книгам: ID книги, ID читателя, дата выдачи, дата возврата, дата реального возврата;