SlideShare a Scribd company logo
Portfolio 개인 프로젝트
Jang Hyun Su
쇼핑몰
INDEX
1. 개발환경
2. 데이터베이스 테이블 구조
3. Content
개발 툴 : STS(Spring Tool Suite)
운영체제 : Windows7
서버 : Apache tomcat 8.0
DB : MySQL
JAVA(spring, mybatis), JSP/Servlet, JavaScript, HTML/CSS
Bootstrap, JQuery, Ajax
개발환경
데이터베이스 테이블 구조
E-R 다이어그램
Spring MVC Process
1. 사용자의 요청이 Front Controller에 전달 여기서 적절한 컨트롤러를 찾아서 간다.
2. 컨트롤러는 적절한 서비스 객체를 찾아서 호출
3. 서비스에서 데이터베이스의 작업을 담당하는 DAO(Data Access Object)를 이용해서 원하는 데이터를 요청
4. DAO는 MyBatis를 이용하는 Mapper를 통해서 원하는 작업을 수행
5-7. 처리한 데이터를 계속 전달하여 마지막에 뷰를 통해 결과를 보여준다.
Content
Content
요청에 따른 결과처리와
URI에 대한 호출방식 처
리를 관리하는 컨트롤러
패키지
DB와의 연결을 담당하
는 DAO패키지, 환경에
따른 기능구현 방식을
상정하여 인터페이스와
구현체(Impl)로 구성
비즈니스 로직을 담당
하는 서비스 패키지,
마찬가지로 인터페이
스와 구현체(Impl)로
구성
화면에서 전달되는
데이터를 수집하기
위한 DTO패키지
DAO클래스에
데이터를 전달하기
위해 테이블의
구조를 객체화 시키는
VO패키지
로그인 인터셉터
패키지
DAO가 사용하는 SQL
쿼리문 작성 패키지
Content
회원가입 / 로그인
회원가입을 하여
DB에 등록되면
로그인을 할 수 있고
상품을 카트에 넣거나
글을 쓸 수 있게 된다.
관리자로 로그인을 하면
상품을 등록시킬 수 있다.
Content
상품등록 / 목록 관리자로 로그인 하여
상품을 등록할 수 있으며,
완료되면 정상적으로
등록되어 상품목록에서
확인 할 수 있다.
여기서 편집을 눌러 들어가
상품의 편집이 가능하다.
Content
상품편집 / 상세정보
상품편집 페이지에서 상품의 이미지와 이름, 가격, 내용을
변경할 수 있으며, 삭제하거나 목록으로 이동이 가능하다.
목록에서 이미지나 상품명을 클릭하여 상세 정보로
들어가면 상품의 자세한 정보를 확인 할 수 있고
개수를 정하여 장바구니에 추가 할 수 있다.
Content
상품편집 / 상세정보
장바구니에 추가하고 나면
카트 아이콘을 클릭하여 구입할
상품의 수량에 맞는 가격과 합계를
확인 할 수 있다.
여기서 배송료는 10만원 이하이면
2500원이 추가로 계산되도록 하였다.
수량 또한 다시 수정할 수 있다.
CartController의
장바구니 리스트 부분
Content
FAQ 게시판
FAQ 게시판을 통해 회원들이
글을 올리고 댓글을 달 수 있다.

More Related Content

Similar to Spring portfolio2

Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료
Hyosang Hong
 
Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료
Hyosang Hong
 
Metaworks3 Framework workbook 2015
Metaworks3 Framework workbook 2015Metaworks3 Framework workbook 2015
Metaworks3 Framework workbook 2015
uEngine Solutions
 
스프링군살없이세팅하기(The way to setting the Spring framework for web.)
스프링군살없이세팅하기(The way to setting the Spring framework for web.)스프링군살없이세팅하기(The way to setting the Spring framework for web.)
스프링군살없이세팅하기(The way to setting the Spring framework for web.)
EunChul Shin
 
02.실행환경 교육교재(데이터처리)
02.실행환경 교육교재(데이터처리)02.실행환경 교육교재(데이터처리)
02.실행환경 교육교재(데이터처리)
Hankyo
 
Json view 예제 설명
Json view 예제 설명Json view 예제 설명
Json view 예제 설명
Hyung Eun Jin
 
Web server page_ed10
Web server page_ed10Web server page_ed10
Web server page_ed10
hungrok
 
[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경
[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경
[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경
YoungSu Son
 
Jang hyun su portfolio ppt
Jang hyun su portfolio pptJang hyun su portfolio ppt
Jang hyun su portfolio ppt
ssuser25d7ff
 
2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현
kdh24
 
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
Dae Kim
 
자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)
자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)
자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)
DK Lee
 
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
중선 곽
 
[Study]HeadFirst JSP&servlet chapter5
[Study]HeadFirst JSP&servlet chapter5[Study]HeadFirst JSP&servlet chapter5
[Study]HeadFirst JSP&servlet chapter5
Hyeonseok Yang
 
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
J B
 
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기sung ki choi
 
JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제
Lee Sang-Ho
 
Elastic Search Performance Optimization - Deview 2014
Elastic Search Performance Optimization - Deview 2014Elastic Search Performance Optimization - Deview 2014
Elastic Search Performance Optimization - Deview 2014
Gruter
 
리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API
리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API
리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API
Wooyoung Ko
 
[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석
[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석
[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석
Tommy Lee
 

Similar to Spring portfolio2 (20)

Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료
 
Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료Jpa 쿼리 포함 자료
Jpa 쿼리 포함 자료
 
Metaworks3 Framework workbook 2015
Metaworks3 Framework workbook 2015Metaworks3 Framework workbook 2015
Metaworks3 Framework workbook 2015
 
스프링군살없이세팅하기(The way to setting the Spring framework for web.)
스프링군살없이세팅하기(The way to setting the Spring framework for web.)스프링군살없이세팅하기(The way to setting the Spring framework for web.)
스프링군살없이세팅하기(The way to setting the Spring framework for web.)
 
02.실행환경 교육교재(데이터처리)
02.실행환경 교육교재(데이터처리)02.실행환경 교육교재(데이터처리)
02.실행환경 교육교재(데이터처리)
 
Json view 예제 설명
Json view 예제 설명Json view 예제 설명
Json view 예제 설명
 
Web server page_ed10
Web server page_ed10Web server page_ed10
Web server page_ed10
 
[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경
[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경
[NEXT] 화면 재갱신이 되는 안드로이드 앱 만들기 - 네트워크에 독립하는 구조로 변경
 
Jang hyun su portfolio ppt
Jang hyun su portfolio pptJang hyun su portfolio ppt
Jang hyun su portfolio ppt
 
2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현2조 프로젝트 보고서 김동현
2조 프로젝트 보고서 김동현
 
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
모바일 게임과 앱을 위한 오픈소스 게임서버 엔진 프로젝트 CloudBread 프로젝트
 
자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)
자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)
자바 웹 개발 시작하기 (6주차 : 커뮤니티를 만들어보자!)
 
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
프로그래밍 패러다임의 진화 및 Spring의 금융권 적용
 
[Study]HeadFirst JSP&servlet chapter5
[Study]HeadFirst JSP&servlet chapter5[Study]HeadFirst JSP&servlet chapter5
[Study]HeadFirst JSP&servlet chapter5
 
HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3HeadFisrt Servlet&JSP Chapter 3
HeadFisrt Servlet&JSP Chapter 3
 
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
[아꿈사/111105] html5 9장 클라이언트측 데이터로 작업하기
 
JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제
 
Elastic Search Performance Optimization - Deview 2014
Elastic Search Performance Optimization - Deview 2014Elastic Search Performance Optimization - Deview 2014
Elastic Search Performance Optimization - Deview 2014
 
리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API
리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API
리스펙토링 세미나 - 웹 브라우저 동작 개념, Node.js를 통한 서버 이해, REST API
 
[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석
[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석
[개방형 클라우드 플랫폼 오픈세미나 오픈클라우드 Pub] 3.open shift 분석
 

Spring portfolio2

  • 2. INDEX 1. 개발환경 2. 데이터베이스 테이블 구조 3. Content
  • 3. 개발 툴 : STS(Spring Tool Suite) 운영체제 : Windows7 서버 : Apache tomcat 8.0 DB : MySQL JAVA(spring, mybatis), JSP/Servlet, JavaScript, HTML/CSS Bootstrap, JQuery, Ajax 개발환경
  • 5. Spring MVC Process 1. 사용자의 요청이 Front Controller에 전달 여기서 적절한 컨트롤러를 찾아서 간다. 2. 컨트롤러는 적절한 서비스 객체를 찾아서 호출 3. 서비스에서 데이터베이스의 작업을 담당하는 DAO(Data Access Object)를 이용해서 원하는 데이터를 요청 4. DAO는 MyBatis를 이용하는 Mapper를 통해서 원하는 작업을 수행 5-7. 처리한 데이터를 계속 전달하여 마지막에 뷰를 통해 결과를 보여준다. Content
  • 6. Content 요청에 따른 결과처리와 URI에 대한 호출방식 처 리를 관리하는 컨트롤러 패키지 DB와의 연결을 담당하 는 DAO패키지, 환경에 따른 기능구현 방식을 상정하여 인터페이스와 구현체(Impl)로 구성 비즈니스 로직을 담당 하는 서비스 패키지, 마찬가지로 인터페이 스와 구현체(Impl)로 구성 화면에서 전달되는 데이터를 수집하기 위한 DTO패키지 DAO클래스에 데이터를 전달하기 위해 테이블의 구조를 객체화 시키는 VO패키지 로그인 인터셉터 패키지 DAO가 사용하는 SQL 쿼리문 작성 패키지
  • 7. Content 회원가입 / 로그인 회원가입을 하여 DB에 등록되면 로그인을 할 수 있고 상품을 카트에 넣거나 글을 쓸 수 있게 된다. 관리자로 로그인을 하면 상품을 등록시킬 수 있다.
  • 8. Content 상품등록 / 목록 관리자로 로그인 하여 상품을 등록할 수 있으며, 완료되면 정상적으로 등록되어 상품목록에서 확인 할 수 있다. 여기서 편집을 눌러 들어가 상품의 편집이 가능하다.
  • 9. Content 상품편집 / 상세정보 상품편집 페이지에서 상품의 이미지와 이름, 가격, 내용을 변경할 수 있으며, 삭제하거나 목록으로 이동이 가능하다. 목록에서 이미지나 상품명을 클릭하여 상세 정보로 들어가면 상품의 자세한 정보를 확인 할 수 있고 개수를 정하여 장바구니에 추가 할 수 있다.
  • 10. Content 상품편집 / 상세정보 장바구니에 추가하고 나면 카트 아이콘을 클릭하여 구입할 상품의 수량에 맞는 가격과 합계를 확인 할 수 있다. 여기서 배송료는 10만원 이하이면 2500원이 추가로 계산되도록 하였다. 수량 또한 다시 수정할 수 있다. CartController의 장바구니 리스트 부분
  • 11. Content FAQ 게시판 FAQ 게시판을 통해 회원들이 글을 올리고 댓글을 달 수 있다.