IT 프로젝트 21

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 상품 상세 조회

설명 상품 클릭 시 상품의 상세한 내용을 보여주는 기능을 구현하도록 하겠습니다. Database data.sql 테스트를 위해서 discount 값을 수정합니다. ... -- 청바지 INSERT INTO product (name, price, description, image_url, color, size, category_id, discount, create_timestamp, update_timestamp) VALUES('Blue Jeans', 39800, '일자 청바지입니다.', '/images/pants-2.png', 'Blue,Black', '28,29,30,31,32,33,34', 103, 10, CURRENT_TIMEST..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 상품 목록 조회

설명 메뉴 선택 시 해당 메뉴에 해당하는 상품의 목록들을 조회하는 기능을 구현 해보겠습니다. 데이터베이스 스키마 이전 글을 참조해서 생성을 진행합니다. 포스팅 하면서 지속적으로 업데이트 하고 있습니다. 데이터베이스 모델 설계 데이터 상품 데이터를 추가합니다. 더 많은 데이터를 추가하시고 싶으신 경우 데이터 모델에 맞게 추가하시면 됩니다. ---- product ---- -- 티셔츠 INSERT INTO product (name, price, description, image_url, color, size, category_id, discount, create_timestamp, update_timestamp) VALUES('Color T-shirts', 29800, '남녀 공용으로 ..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 메뉴

설명 데이터베이스와 연동하여 메뉴 구성을 진행 해보겠습니다. 스키마 생성 후 초기 데이터를 미리 생성 해두고 어플리케이션에서 데이터를 이용하여 메뉴 구성을 진행 합니다. 데이터베이스 스키마 이전 글을 참조해서 생성을 진행합니다. 데이터베이스 모델 설계 데이터 초기 데이터를 아래의 SQL로 생성 합니다. -- 의류 INSERT INTO category (id, id_parent, title, icon, description, create_timestamp, update_timestamp) VALUES(1, 0, '의류', 'fas fa-tshirt', '의류', CURRENT_TIMESTAMP, CURRENT_TIMESTAMP); INSERT INTO catego..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 화면 동적 로딩

설명 보통 상품 상세를 보기 위해서 상품의 이미지 혹은 글자를 클릭하여 상세 페이지로 이동을 합니다. main.html 페이지에서 상품 클릭 시 상품 상세를 보기 위해서 product.html 페이지로 이동하도록 해볼게요. Front-End index.html 일부 ... ...기존에는 th:include 부분에 html 페이지 경로를 직접 주었습니다. 화면을 동적으로 로딩하기 위해서 Back-End 에서 template 라는 Key 로 저장이 되어 전달 받은 값을 받도록 변경 하였습니다. main.html 일부 ... Color T-shirts [90-105] 19,800원 ...이미지 혹은 글자 클릭 시 Back-End 에서 /product URL을 호출하도록 합니다. product.html 티셔츠 ..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 화면 구성

오픈 소스 활용 화면 구성은 Admin LTE 을 참조하여 진행합니다. 현재 version 3 가 릴리즈가 된 상태이며, version 3 로 쇼핑몰 화면을 구성합니다. version 2 로 구성하실 분들께서는 소스가 다를 수 있다는 점 염두 해주세요. 화면 구성 절차 1. 소스 다운로드 Admin LTE - GitHub 2. 필요한 파일들만 필터링 index.html 파일과 index.html을 구성하는 소스들은 모두 남겨두고, 삭제를 하였습니다. head 태그의 내용과 body 태그 안에 있는 navbar, sidebar, main, footer 내용, body 안에서 script 로딩하는 내용은 포함하도록 하였습니다. 또한 index.html 파일이 포함하는 plugins (javascript, c..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 개발 환경 구성 (Visual Studio Code)

다운로드 및 설치 Git 다운로드 사이트에서 다운로드 후 기본 설치를 진행합니다. https://git-scm.com/downloads Visual Studio Code 마찬가지로 다운로드 사이트에서 다운로드 후 기본 설치를 진행합니다. https://code.visualstudio.com/download 세팅 Git 소스 코드 복제 (향후 지속적으로 소스 업데이트는 아래의 github 주소에 Push 합니다) git clone https://github.com/happygram/ecommerce.git https://github.com/happygram/ecommerce.git Visual Studio Code Extensions 설치 - spring Spring Boot Tools Spring Ini..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 개발 환경

IDE Visual Studio Code 1.41.1 Language JAVA 8 Framework Spring Boot 2.2.2.RELEASE JPA Spring Security Lombok Build Tool Gradle 6.0.1 Template Engine Thymeleaf 3.0.11.RELEASE UI Admin LTE 3.0.1 Bootstrap 4.3.1 jQuery 3.4.1 ... Database MySQL 5.7 h2 1.4.200 References https://spring.io/blog/2019/06/19/spring-boot-2-1-6-released https://adminlte.io/ https://spring.io/tools3/sts/all

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 데이터베이스 모델 설계

데이터베이스 모델 설계를 진행합니다. MySQL 5.7을 사용합니다. 테이블 목록 논리명 물리명 사용자 users 권한 authorities 상품 product 장바구니 basket 주문 order 게시판 board 카테고리 category 테이블 정의 users CREATE TABLE `users` ( `username` varchar(50) NOT NULL, `password` varchar(500) NOT NULL, `enabled` tinyint(4) NOT NULL, `create_timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP, `update_timestamp` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 기능 목록/유즈케이스 다이어그램

'쇼핑몰 만들기' 개발에 앞서 쇼핑몰에서는 어떤 요건이 있고 기능을 필요로 하는지 분석하려고 합니다. 어떤 행위자(액터)가 있고, 어떤 기능을 제공할 것이며, 어떤 흐름으로 흘러갈 지 사전에 검토가 필요합니다. 기능 목록 액터 사용자 관리자 회원 회원 정보를 입력하여 회원 가입을 할 수 있다. 시스템에 입력하여 관리자에게 제공한다. 회원 목록을 조회, 변경, 삭제 할 수 있다. 로그인 회원 가입을 통해 가입한 정보로 아이디와 패스워드를 입력하여 로그인할 수 있다. 시스템에 입력된 정보로 관리자 모드로 로그인 할 수 있다. 상품 상품 목록을 조회한다. 상품 상세를 조회할 수 있다. 상품 주문을 할 수 있다. 새로운 상품을 등록할 수 있다. 기존 상품을 변경할 수 있다. 기존 상품을 삭제할 수 있다. 장바구..

[Spring Boot] 스프링 부트 프로젝트/쇼핑몰 만들기 - 프롤로그

안녕하세요. 이번 프로젝트에서는 '쇼핑몰 만들기' 라는 주제로 글을 발행 하려고 합니다. 아키텍처, 개발 환경, 프로젝트 구조 및 설정, 구현 과정을 소개할 것입니다. Spring Boot, Thymeleaf, Bootstrap 등의 오픈 소스를 활용할 것이고, 상황에 따라서 커스터마이징도 진행할 것입니다. 진행 하시면서 궁금하신 사항이나 토론하고 싶은 부분이 있으시면 언제든 해당 글에 댓글을 달아 주세요. 다음 글부터 진짜로 시작 해보겠습니다 ! 고고 !