jsp hyukshop

JSP интернет -торговый центр торговых центров

Период проекта: 21.01.13 ~ 21.01.29

Project Monk: Minhyuk Jung ([email protected])

Ссылка на развертывание EC2: http://15.164.166.37/shop Бесплатная лицензия истекает к распределению сервера EC2.

Демонстрационное видео: https://youtu.be/umdegow_ulq

среда

• Windows 10
• JDK 1.8
• Tomcat 9.0
• Инструмент STS
• MySQL 8.0
• Ломбок
• Гон
• JSTL
• Навер Люси Фильтр
• SHA-256
• Кодирование: UTF-8

Дизайн и продукт, изображение продукта, описание продукта. Справочный сайт

1. бренди

• https://www.brandi.co.kr/

2. Тренби

• https://www.trenbe.com/

3. Лысый

• https://www.balaan.co.kr/

Ссылка

• Фактический платеж производится, когда платеж завершен на экране платежа, а автоматический возврат обрабатывается до полудня.

Используйте API

1. Kakao Login API

• https://developers.kakao.com/product/kakaologin

2. Naver Login API

• https://nid.naver.com/user2/campaign/intronaveridlogin.nhn.nhn
• В случае входа Naver и Kakao, когда начальный вход перемещается в окно ввода информации, вставка была вставлена ​​в таблицу пользователя для входного значения и значения идентификатора, полученного с сервера Naver/Kakao.
• Позже, во время входа в систему уникальный идентификатор Kakao и уникальные значения идентификации Naver были установлены для регистрации.

3. Imort api (платежная услуга)

• https://www.iamport.kr/getStarted

4. Summernote API

• https://summernote.org/

5. SweetAlert2

• https://sweetalert2.github.io/

Создание базы данных MySQL и создание пользователей

 CREATE USER ' shopuser '@ ' % ' identified by ' shop0805 ' ;
GRANT ALL privileges on * . * TO ' shopuser ' @ ' % ' ;
create database shopdb ;

Создание таблицы MySQL

use shopdb;

 CREATE TABLE product (
    id int primary key auto_increment,
    productName varchar ( 120 ) unique not null ,
    companyId int not null ,
    price long not null ,
    soldCount int default 0 ,
    detail longtext not null ,
    imgUrl_1 varchar ( 100 ) not null ,
    imgUrl_2 varchar ( 100 ),
    imgUrl_3 varchar ( 100 ),
    imgUrl_4 varchar ( 100 ),
    writerId int ,
    createDate timestamp default now(),
    updateDate timestamp default now()
);

 CREATE TABLE user (
    id int primary key auto_increment,
    username varchar ( 20 ) unique default null ,
    name varchar ( 20 ) not null ,
    email varchar ( 50 ) not null ,
    phone varchar ( 13 ) not null ,
    address varchar ( 120 ) not null ,
    password char ( 64 ) not null ,
    kakaoId long,
    naverId long,
    auth varchar ( 10 ) default ' user ' ,
    createDate timestamp default now()
);

 CREATE TABLE company (
    id int primary key auto_increment,
    name varchar ( 40 ) unique not null ,
    url varchar ( 80 ) unique
);

 CREATE TABLE favorite (
    id int primary key auto_increment,
    userId int not null ,
    productId int not null ,
    createDate timestamp default now()
);

 CREATE TABLE cart (
    id int primary key auto_increment,
    userId int not null ,
    productId int not null ,
    createDate timestamp default now()
);

 CREATE TABLE qna (
    id int primary key auto_increment,
    userId int not null ,
    productId int not null ,
    optionNo int not null ,
    password varchar ( 4 ),
    detail longtext,
    createDate timestamp default now()
);

 CREATE TABLE review (
    id int primary key auto_increment,
    userId int not null ,
    productId int not null ,
    detail longtext not null ,
    createDate timestamp default now(),
    updateDate timestamp default now()
);

Реализованные функции

1. Зарегистрируйтесь на членстве

• Пароль, введенный при регистрации, кодируется в SHA-256 и хранится в БД.

2. Войдите

3. Какао. Вход

4. Войдите на Naver

Первый вход Naver/Kakao, необходимый для ввода дополнительной информации

5. Выберите

6. Главная страница

• Я использовал карусель.
• Используется макет сетки.

7. Меню от бренда Top Bar

• Используйте оператор SELECT, чтобы выпустить все название компании таблицы компании. (Даже если компания добавлена, нет необходимости изменять ее отдельно.)
• На всех страницах есть заголовки и верхние полосы, поэтому вы можете использовать фильтр, чтобы использовать его на всех страницах.

8. Страница меню бренда -by -brand

9. Функция поиска

• Он показывает все продукты, которые содержат поисковые термины и все результаты компании.

10. Страница рейтинга объема продаж.

• Когда пользователь приобретает продукт, количество покупок таблицы продуктов будет расти, и результатом является результат объема продаж с использованием заказа от SoldCount Desc.

11. На всей странице продукта,

• Это особенность, которая видит только продукты бренда на левой стороне.

12. Добавьте верхнее меню при входе

• Если оценка пользователя выше администратора, будет создано меню «Регистрация продукта» и «Модификация продукта».
• Если пользователь будет более чем базовым, будет создано на пару, корзина для покупок, модификация информации и меню выхода.

13. Преодолеть пароль при нажатии на информацию

• Когда пользователь вводит пароль, который он установил, входное значение применяется к кодированию SHA-256, чтобы сравнить его со значением, хранящимся в БД.

14. Изменение информации о членстве

15. Подробная страница продукта -Top

• Выберите значение таблицы продукта.
• Если вы нажмете кнопку «Покупка», перейдите на страницу оплаты. (Только во время входа в систему)
• Если вы нажмете кнопку корзины покупок, она добавлена ​​в корзину. (Только во время входа в систему)
• Если вы нажимаете кнопку паряка, она добавлена ​​в список Steam. (Только во время входа в систему)
• При нажатии кнопки во время входа в систему
• При нажатии кнопки, находясь в штате
• Перейдите на страницу членства, когда вы нажимаете на членство.

16. Подробная страница продукта -tab

• Нажмите на каждую вкладку, чтобы перейти туда, где присутствует вкладка.
• Я использовал липкое положение.
• Пройдя к месту, где находится каждая вкладка, черная линия отображается в нижней части этой вкладки.

17. Подробная страница продукта -вкладка и вкладка Q & A Q & A

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

18. Подробный обзор, страница вопросов и ответов

19

• После подтверждения пароля, если вы совпадаете, перейдите на страницу подробности.

20. При нажатии всего обзора

• Вы можете загрузить содержимое продукта, который вы смотрели вместе, и вы можете перейти на страницу продукта, когда нажимаете на фотографию продукта.

21. При щелчке всего вопросов и ответов

• Вы можете загрузить содержимое продукта, который вы смотрели вместе, и вы можете перейти на страницу продукта, когда нажимаете на фотографию продукта.
• Секреты также скрыты здесь.

22. При написании обзора

• Summernote использовался, за исключением фотографий и видео функций.

23. При нажатии Q & A

• Summernote использовался, за исключением фотографий и видео функций.

24. На пару в правом меню

• Показаны только те продукты, которые приготовлены члены.
• Также показан только бренд, приготовленный на пару на левой радиосвязи.

25

• Показаны только те продукты, которые участник добавил в корзину.
• Нажмите кнопку «Сердце» в списке, чтобы добавить функции парированного/удаления.
• Нажмите кнопку корзины покупок в правой части списка продуктов, чтобы использовать корзину.
• Когда вы нажимаете на заказ, перейдите на страницу оплаты.

26. Страница оплаты

• Когда вы нажимаете на корзину покупок, вы получаете весь продукт вашей корзины.
• Если вы нажимаете непосредственно на странице сведений о продукте, импортируется только продукт.
• Когда вы нажимаете, чтобы заполнить заказ, перейдите на страницу оплаты.

27. Платежный экран

28. Когда сбой оплаты

• Окно уведомления, содержащее ошибку, содержит окно уведомления.

29. При успехе оплаты

• Существует окно уведомления, включая детали успеха, и нажимать на подтверждение перейдет на главную страницу.

30

• Вы можете увидеть историю успеха/неудачи.