Разработка интернет -торговых центров с использованием весны
контур
- Это первый проект во время учебного курса Hyundai IT & E Developer.
- Домашняя страница торгового центра производится с использованием данных о продукте, предоставленных красивыми.
Период разработки/персонал
- 2021.09 ~ 2021.10 / 2 недели
- 4 -Pperson Project
Среда развития
- Ява
- JSP
- Весна
- Mybatis
- Оракул
Роль
Seo min -Cheol (руководитель команды)
- Общая разработка логики API
- Блокировка DB Anty -Logic Development при участии в мероприятии
- Разработка функции категории бренда и продукта
- Разработка страниц списка продуктов для каждой категории бренда и продукта
- Просмотреть подробную страницу и функциональную разработку по продукту
- Страница для покупок (корзина) и разработка функций
- Заказать страницу оплаты и разработку функций
- Разработано как «установлен как пункт назначения доставки по умолчанию», «установка как недавняя функция назначения доставки»
Йонгюк Бюн
- Общая разработка логики API
- Разработка списка событий и функции загрузки
- Разработка подробной информации о событии
- Блокировка DB Anty -Logic Development при участии в мероприятии
- Разработка списка купонов и функции загрузки
- Просмотреть подробную страницу и функциональную разработку по продукту
- Страница для покупок (корзина) и разработка функций
- Одновременная разработка функций пользователей
Seohoe тип
- Разработка функции категории бренда и продукта
- Связанная функция безопасности весной
- Установка доступа к доступной странице для каждого органа
- Блокировка DB Anty -Logic Development при участии в мероприятии
- Просмотреть подробную страницу и функциональную разработку по продукту
Ли Су -Джонг
- Разработка списка событий и функции загрузки
- Блокировка DB Anty -Logic Development при участии в мероприятии
- Просмотреть подробную страницу и функциональную разработку по продукту
- Страница для покупок (корзина) и разработка функций
- Страница подтверждения заказа и разработка функций фильтра
объяснение
- Мы ссылаемся на страницу Hanseom, чтобы решить задачу.
- На рисунке выше представлена рамка провода, записанная для анализа и реализации страницы Хансеома по роли.
- ERD разработал для управления данными, доставленными с одного острова.
- Это расписание, которое суммирует график разработки около двух недель.
- Ранние 3 дня: разработка таблиц и реализация экрана DB и реализация экрана
- Большинство из них: реализация основных функций
- Последние 2 дня: добавьте простые удобные функции и измените ошибки
- Общее управление формой проекта использовало GIT.
- Заголовок включает в себя навигационную панель, которая может быть перемещена в кнопку входа в систему, логотип и список продуктов.
- Если вы загрузите мышь, вы увидите более низкую классификацию в виде выпадения.
- В настоящее время информация о более низкой категории была разработана, чтобы принести ее асинхронно с помощью AJAX.
- Нажатие на событие покажет вам экран, где вы можете участвовать в мероприятии.
- Из -за характера первого, первого события, многие пользователи могут подключаться в одно и то же время за короткое время, так что можно сгенерировать блокировку DB.
- Чтобы решить эту точку, мы установили один поток в пул потоков и разработаны для выпуска купона для пользователей, которые подключаются.
- Кроме того, весь процесс оплаты купонов пользователям и сокращения оставшейся суммы купонов, хранящихся в БД, был установлен в качестве транзакции.
- Я использовал Spring Security для реализации входа в систему.
- Функция, предоставленная безопасностью, была использована для использования, поскольку она считалась хорошей масштабируемостью, учитывая проект, который будет разработан позже.
- Каждый участник предоставил номер участника и разработал проблему безопасности, разработав его, ссылаясь на номер участника вместо идентификатора участника.
- Нажмите на меню навигационной панели, и вы увидите продукты, соответствующие этой категории.
- Список продуктов импортируется асинхронно с использованием Ajax.
- Функция пейджинга сократила время загрузки выставки продукта, выводя до 12 продуктов на страницу.
- Это подробная информационная страница, которую вы видите, когда нажимаете на продукт.
- Цвет и размер продукта показаны в виде кнопки.
- Если вы выберете здесь цвет и размер, вы увидите оставшееся количество продукта.
- Если вы посмотрите на изображение, вы увидите окно сообщений, а количество клиентов, смотрящих на тот же продукт, вывод.
- Это страница сумок для покупок, которая действует как корзина для покупок.
- Здесь вы можете изменить количество, размер и цвет продукта и удалить его.
- Вы можете использовать флажок слева, чтобы выбрать товар, чтобы купить и перейти на экран платежей.
- Это страница оплаты, которая может быть заказана.
- Покажите список продуктов, которые вы хотите купить на экране.
- Форма входа в пункт назначения доставки предназначена для включения запроса почтового кода с использованием API почтового кода, предоставленного следующим:
- Мы разработали функцию, которая приближается к таблице доставки и импортирует основную доставку пользователя или недавние направления доставки.
- Чтобы оплатить продукт, серия процессов, выполненных в БД, была связана с транзакциями.
- Когда оплата будет завершен, товар удален из списка сумков для покупок.
- Наконец, это страница списка заказов, где вы можете проверить историю заказа.
- Добавлена функция фильтра, которую можно найти с помощью кода продукта или названия продукта.
- Вы можете использовать функцию пейджинга.
Разрешение выпуска
- Веб -приложение, разработанное нашей командой, работающим по MPA.
- Все страницы включают заголовки, поэтому каждый раз, когда вы перемещаете свою страницу, возникала проблема с тем, что вам приходилось каждый раз получать информацию о бренде/категории из БД.
- Чтобы решить эту часть, мы сделали информацию о бренде и категории для хранения и использованной в сеансе после первой загрузки.
- Тем не менее, чем больше пользователь имел недостаток, что сервер может быть загружен.
- Поэтому я использовал метод хранения брендов и категорий в статических переменных, чтобы уменьшить нагрузки на сервер.
- Среди брендов была торговая марка, в том числе специальные символы, которые вызывали ошибки внутри тега.
- Чтобы решить эту часть, мы добавили настройку, которая позволяет использовать специальный символ в качестве параметра для файла конфигурации сервера.
