diff --git a/VamPa/src/main/java/com/vam/controller/BookController.java b/VamPa/src/main/java/com/vam/controller/BookController.java new file mode 100644 index 0000000..28718a3 --- /dev/null +++ b/VamPa/src/main/java/com/vam/controller/BookController.java @@ -0,0 +1,20 @@ +package com.vam.controller; + +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestMethod; + +@Controller +public class BookController { + + private static final Logger logger = LoggerFactory.getLogger(BookController.class); + + //메인 페이지 이동 + @RequestMapping(value="/main", method = RequestMethod.GET) + public void mainPageGET() { + logger.info("메인 페이지 진입"); + } + +} diff --git a/VamPa/src/main/java/com/vam/controller/MemberController.java b/VamPa/src/main/java/com/vam/controller/MemberController.java new file mode 100644 index 0000000..0e4cd0b --- /dev/null +++ b/VamPa/src/main/java/com/vam/controller/MemberController.java @@ -0,0 +1,31 @@ +package com.vam.controller; + +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestMethod; + +@Controller +@RequestMapping(value="/member") +public class MemberController { + + private static final Logger logger = LoggerFactory.getLogger(MemberController.class); + + //회원가입 페이지 이동 + @RequestMapping(value="join", method=RequestMethod.GET) + public void loginGET() { + + logger.info("회원가입 페이지 진입"); + + } + + //로그인 페이지 이동 + @RequestMapping(value="login", method = RequestMethod.GET) + public void joinGET() { + + logger.info("로그인 페이지 진입"); + + } + +} diff --git a/VamPa/src/main/webapp/WEB-INF/views/main.jsp b/VamPa/src/main/webapp/WEB-INF/views/main.jsp new file mode 100644 index 0000000..347c6d5 --- /dev/null +++ b/VamPa/src/main/webapp/WEB-INF/views/main.jsp @@ -0,0 +1,40 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +Welcome BookMall + + + + +
+
+
+

gnb area

+
+
+
+

logo area

+
+
+

Search area

+
+ +
+
+
+

navi area

+
+
+

content area

+
+
+
+ + + \ No newline at end of file diff --git a/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp b/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp new file mode 100644 index 0000000..08c37c8 --- /dev/null +++ b/VamPa/src/main/webapp/WEB-INF/views/member/join.jsp @@ -0,0 +1,87 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +Insert title here + + + + +
+
+
+
+ 회원가입 +
+
+
아이디
+
+ +
+
+
+
비밀번호
+
+ +
+
+
+
비밀번호 확인
+
+ +
+
+
+
이름
+
+ +
+
+
+
이메일
+
+ +
+
+
+ +
+
+ 인증번호 전송 +
+
+
+
+
+
주소
+
+
+ +
+
+ 주소 찾기 +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/VamPa/src/main/webapp/WEB-INF/views/member/login.jsp b/VamPa/src/main/webapp/WEB-INF/views/member/login.jsp new file mode 100644 index 0000000..e432412 --- /dev/null +++ b/VamPa/src/main/webapp/WEB-INF/views/member/login.jsp @@ -0,0 +1,40 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +Insert title here + + + + +
+ +
+
+ Book Mall +
+ + + +
+ +
+ + + \ No newline at end of file diff --git a/VamPa/src/main/webapp/resources/css/main.css b/VamPa/src/main/webapp/resources/css/main.css new file mode 100644 index 0000000..d89bbbc --- /dev/null +++ b/VamPa/src/main/webapp/resources/css/main.css @@ -0,0 +1,86 @@ +@charset "UTF-8"; +*{ + margin: 0; + padding:0; +} +/* 화면 전체 렙 */ +.wrapper{ + width: 1900px; +} +/* content 랩 */ +.wrap{ + width : 1080px; + margin: auto; +} +/* 홈페이지 기능 네비 */ +.top_gnb_area{ + width: 100%; + height: 50px; + background-color: #a2a2ea; +} +/* 로고, 검색, 로그인 */ +.top_area{ + width: 100%; + height: 150px; + /* background-color: #f7f0b9; */ +} +/* 로고 영역 */ +.logo_area{ + width: 25%; + height: 100%; + background-color: red; + float:left; +} +/* 검색 박스 영역 */ +.search_area{ + width: 50%; + height: 100%; + background-color: yellow; + float:left; +} +/* 로그인 버튼 영역 */ +.login_area{ + width: 25%; + height: 100%; + display: inline-block; + text-align: center; +} +.login_button{ + height: 50%; + background-color: #D4DFE6; + margin-top: 30px; + line-height: 77px; + font-size: 40px; + font-weight: 900; + border-radius: 10px; + cursor: pointer; +} +.login_area>span{ + margin-top: 10px; + font-weight: 900; + display: inline-block; +} +.login_button{ + height : 50%; + background-color: #D4DFE6; + margin-top:30px; +} + +/* 제품 목록 네비 */ +.navi_bar_area{ + width: 100%; + height: 70px; + background-color: #7696fd; +} + +/* 홈페이지 메인 제품 목록 */ +.content_area{ + width: 100%; + background-color: #97ef97; + height: 1000px; +} + +/* float 속성 해제 */ +.clearfix{ + clear: both; +} \ No newline at end of file diff --git a/VamPa/src/main/webapp/resources/css/member/join.css b/VamPa/src/main/webapp/resources/css/member/join.css new file mode 100644 index 0000000..b987375 --- /dev/null +++ b/VamPa/src/main/webapp/resources/css/member/join.css @@ -0,0 +1,251 @@ +@charset "UTF-8"; +*{ + margin: 0; + padding:0; +} + +/* 화면 전체 렙 */ +.wrapper{ + width: 1900px; +} + +/* content 랩 */ +.wrap{ + width : 800px; + margin: auto; +} +/* 페이지 제목 */ +.subjecet{ + width: 100%; + height: 120px; + background-color: #8EC0E4; +} +.subjecet span{ + margin-left: 31px; + font-size: 80px; + font-weight: 900; + color: white; +} + +/* 아이디 영역 */ +.id_wrap{ + width: 100%; + margin-top: 20px; +} +.id_name{ + font-size: 25px; + font-weight: bold; +} +.id_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.id_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 비밀번호 영역 */ +.pw_wrap{ + width: 100%; + margin-top: 20px; +} +.pw_name{ + font-size: 25px; + font-weight: bold; +} +.pw_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.pw_iput{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 비밀번호 확인 영역 */ +.pwck_wrap{ + width: 100%; + margin-top: 20px; +} +.pwck_name{ + font-size: 25px; + font-weight: bold; +} +.pwck_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.pwck_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 이름 영역 */ +.user_wrap{ + width: 100%; + margin-top: 20px; +} +.user_name{ + font-size: 25px; + font-weight: bold; +} +.user_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.user_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 메일 영역 */ +.mail_wrap{ + width: 100%; + margin-top: 20px; +} +.mail_name{ + font-size: 25px; + font-weight: bold; +} +.mail_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.mail_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} +.mail_check_wrap{ + margin-top: 20px; +} +.mail_check_input_box{ + border: 1px solid black; + height: 31px; + padding: 10px 14px; + width: 61%; + float: left; +} +.mail_check_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} +.mail_check_button{ + border: 1px solid black; + height: 51px; + width: 30%; + float: right; + line-height: 50px; + text-align: center; + font-size: 30px; + font-weight: 900; + background-color: #ececf7; + cursor: pointer; +} + +/* 주소 영역 */ +.address_wrap{ + width: 100%; + margin-top: 20px; +} +.address_name{ + font-size: 25px; + font-weight: bold; +} +.address_input_1_box{ + border: 1px solid black; + height: 31px; + padding: 10px 14px; + width: 61%; + float: left; +} +.address_input_1{ + width:100%; + height:100%; + border:none; + font-size:28px; +} +.address_button{ + border: 1px solid black; + height: 51px; + width: 30%; + float: right; + line-height: 50px; + text-align: center; + font-size: 30px; + font-weight: 900; + background-color: #ececf7; + cursor: pointer; +} +.address_input_2_wrap{ + margin-top: 20px; +} +.address_input_2_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.address_input_2{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +.address_input_3_wrap{ + margin-top: 20px; +} +.address_input_3_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.address_input_3{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 가입하기 버튼 */ +.join_button_wrap{ + margin-top: 40px; + text-align: center; +} +.join_button{ + width: 100%; + height: 80px; + background-color: #6AAFE6; + font-size: 40px; + font-weight: 900; + color: white; +} + +/* float 속성 해제 */ +.clearfix{ + clear: both; +} \ No newline at end of file diff --git a/VamPa/src/main/webapp/resources/css/member/login.css b/VamPa/src/main/webapp/resources/css/member/login.css new file mode 100644 index 0000000..de7d287 --- /dev/null +++ b/VamPa/src/main/webapp/resources/css/member/login.css @@ -0,0 +1,82 @@ +@charset "UTF-8"; +*{ + margin: 0; + padding:0; +} + +/* 화면 전체 렙 */ +.wrapper{ + width: 1900px; +} + +/* content 랩 */ +.wrap{ + width : 800px; + margin: auto; +} + +/* 페이지 로고 */ +.logo_wrap{ + text-align: center; + margin: 150px 0; +} +.logo_wrap>span{ + font-size : 50px; + font-weight: 900; +} + + +/* 로그인 area */ +.id_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + display: block; + width : 80%; + margin : auto; +} +.id_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + + +.pw_wrap{ + margin-top: 40px; +} +.pw_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + display: block; + width : 80%; + margin : auto; +} +.pw_iput{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + + +.login_button_wrap{ + margin-top: 40px; + text-align: center; +} +.login_button{ + width: 84%; + height: 80px; + background-color: #6AAFE6; + font-size: 40px; + font-weight: 900; + color: white; + margin : auto; +} + +/* float 속성 해제 */ +.clearfix{ + clear: both; +} diff --git a/VamPa_MySQL/src/main/java/com/vam/controller/BookController.java b/VamPa_MySQL/src/main/java/com/vam/controller/BookController.java new file mode 100644 index 0000000..28718a3 --- /dev/null +++ b/VamPa_MySQL/src/main/java/com/vam/controller/BookController.java @@ -0,0 +1,20 @@ +package com.vam.controller; + +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestMethod; + +@Controller +public class BookController { + + private static final Logger logger = LoggerFactory.getLogger(BookController.class); + + //메인 페이지 이동 + @RequestMapping(value="/main", method = RequestMethod.GET) + public void mainPageGET() { + logger.info("메인 페이지 진입"); + } + +} diff --git a/VamPa_MySQL/src/main/java/com/vam/controller/MemberController.java b/VamPa_MySQL/src/main/java/com/vam/controller/MemberController.java new file mode 100644 index 0000000..0e4cd0b --- /dev/null +++ b/VamPa_MySQL/src/main/java/com/vam/controller/MemberController.java @@ -0,0 +1,31 @@ +package com.vam.controller; + +import org.slf4j.Logger; +import org.slf4j.LoggerFactory; +import org.springframework.stereotype.Controller; +import org.springframework.web.bind.annotation.RequestMapping; +import org.springframework.web.bind.annotation.RequestMethod; + +@Controller +@RequestMapping(value="/member") +public class MemberController { + + private static final Logger logger = LoggerFactory.getLogger(MemberController.class); + + //회원가입 페이지 이동 + @RequestMapping(value="join", method=RequestMethod.GET) + public void loginGET() { + + logger.info("회원가입 페이지 진입"); + + } + + //로그인 페이지 이동 + @RequestMapping(value="login", method = RequestMethod.GET) + public void joinGET() { + + logger.info("로그인 페이지 진입"); + + } + +} diff --git a/VamPa_MySQL/src/main/webapp/WEB-INF/views/main.jsp b/VamPa_MySQL/src/main/webapp/WEB-INF/views/main.jsp new file mode 100644 index 0000000..347c6d5 --- /dev/null +++ b/VamPa_MySQL/src/main/webapp/WEB-INF/views/main.jsp @@ -0,0 +1,40 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +Welcome BookMall + + + + +
+
+
+

gnb area

+
+
+
+

logo area

+
+
+

Search area

+
+ +
+
+
+

navi area

+
+
+

content area

+
+
+
+ + + \ No newline at end of file diff --git a/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp b/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp new file mode 100644 index 0000000..08c37c8 --- /dev/null +++ b/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/join.jsp @@ -0,0 +1,87 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +Insert title here + + + + +
+
+
+
+ 회원가입 +
+
+
아이디
+
+ +
+
+
+
비밀번호
+
+ +
+
+
+
비밀번호 확인
+
+ +
+
+
+
이름
+
+ +
+
+
+
이메일
+
+ +
+
+
+ +
+
+ 인증번호 전송 +
+
+
+
+
+
주소
+
+
+ +
+
+ 주소 찾기 +
+
+
+
+
+ +
+
+
+
+ +
+
+
+
+ +
+
+
+
+ + + \ No newline at end of file diff --git a/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/login.jsp b/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/login.jsp new file mode 100644 index 0000000..e432412 --- /dev/null +++ b/VamPa_MySQL/src/main/webapp/WEB-INF/views/member/login.jsp @@ -0,0 +1,40 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +Insert title here + + + + +
+ +
+
+ Book Mall +
+ + + +
+ +
+ + + \ No newline at end of file diff --git a/VamPa_MySQL/src/main/webapp/resources/css/main.css b/VamPa_MySQL/src/main/webapp/resources/css/main.css new file mode 100644 index 0000000..d89bbbc --- /dev/null +++ b/VamPa_MySQL/src/main/webapp/resources/css/main.css @@ -0,0 +1,86 @@ +@charset "UTF-8"; +*{ + margin: 0; + padding:0; +} +/* 화면 전체 렙 */ +.wrapper{ + width: 1900px; +} +/* content 랩 */ +.wrap{ + width : 1080px; + margin: auto; +} +/* 홈페이지 기능 네비 */ +.top_gnb_area{ + width: 100%; + height: 50px; + background-color: #a2a2ea; +} +/* 로고, 검색, 로그인 */ +.top_area{ + width: 100%; + height: 150px; + /* background-color: #f7f0b9; */ +} +/* 로고 영역 */ +.logo_area{ + width: 25%; + height: 100%; + background-color: red; + float:left; +} +/* 검색 박스 영역 */ +.search_area{ + width: 50%; + height: 100%; + background-color: yellow; + float:left; +} +/* 로그인 버튼 영역 */ +.login_area{ + width: 25%; + height: 100%; + display: inline-block; + text-align: center; +} +.login_button{ + height: 50%; + background-color: #D4DFE6; + margin-top: 30px; + line-height: 77px; + font-size: 40px; + font-weight: 900; + border-radius: 10px; + cursor: pointer; +} +.login_area>span{ + margin-top: 10px; + font-weight: 900; + display: inline-block; +} +.login_button{ + height : 50%; + background-color: #D4DFE6; + margin-top:30px; +} + +/* 제품 목록 네비 */ +.navi_bar_area{ + width: 100%; + height: 70px; + background-color: #7696fd; +} + +/* 홈페이지 메인 제품 목록 */ +.content_area{ + width: 100%; + background-color: #97ef97; + height: 1000px; +} + +/* float 속성 해제 */ +.clearfix{ + clear: both; +} \ No newline at end of file diff --git a/VamPa_MySQL/src/main/webapp/resources/css/member/join.css b/VamPa_MySQL/src/main/webapp/resources/css/member/join.css new file mode 100644 index 0000000..b987375 --- /dev/null +++ b/VamPa_MySQL/src/main/webapp/resources/css/member/join.css @@ -0,0 +1,251 @@ +@charset "UTF-8"; +*{ + margin: 0; + padding:0; +} + +/* 화면 전체 렙 */ +.wrapper{ + width: 1900px; +} + +/* content 랩 */ +.wrap{ + width : 800px; + margin: auto; +} +/* 페이지 제목 */ +.subjecet{ + width: 100%; + height: 120px; + background-color: #8EC0E4; +} +.subjecet span{ + margin-left: 31px; + font-size: 80px; + font-weight: 900; + color: white; +} + +/* 아이디 영역 */ +.id_wrap{ + width: 100%; + margin-top: 20px; +} +.id_name{ + font-size: 25px; + font-weight: bold; +} +.id_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.id_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 비밀번호 영역 */ +.pw_wrap{ + width: 100%; + margin-top: 20px; +} +.pw_name{ + font-size: 25px; + font-weight: bold; +} +.pw_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.pw_iput{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 비밀번호 확인 영역 */ +.pwck_wrap{ + width: 100%; + margin-top: 20px; +} +.pwck_name{ + font-size: 25px; + font-weight: bold; +} +.pwck_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.pwck_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 이름 영역 */ +.user_wrap{ + width: 100%; + margin-top: 20px; +} +.user_name{ + font-size: 25px; + font-weight: bold; +} +.user_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.user_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 메일 영역 */ +.mail_wrap{ + width: 100%; + margin-top: 20px; +} +.mail_name{ + font-size: 25px; + font-weight: bold; +} +.mail_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.mail_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} +.mail_check_wrap{ + margin-top: 20px; +} +.mail_check_input_box{ + border: 1px solid black; + height: 31px; + padding: 10px 14px; + width: 61%; + float: left; +} +.mail_check_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} +.mail_check_button{ + border: 1px solid black; + height: 51px; + width: 30%; + float: right; + line-height: 50px; + text-align: center; + font-size: 30px; + font-weight: 900; + background-color: #ececf7; + cursor: pointer; +} + +/* 주소 영역 */ +.address_wrap{ + width: 100%; + margin-top: 20px; +} +.address_name{ + font-size: 25px; + font-weight: bold; +} +.address_input_1_box{ + border: 1px solid black; + height: 31px; + padding: 10px 14px; + width: 61%; + float: left; +} +.address_input_1{ + width:100%; + height:100%; + border:none; + font-size:28px; +} +.address_button{ + border: 1px solid black; + height: 51px; + width: 30%; + float: right; + line-height: 50px; + text-align: center; + font-size: 30px; + font-weight: 900; + background-color: #ececf7; + cursor: pointer; +} +.address_input_2_wrap{ + margin-top: 20px; +} +.address_input_2_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.address_input_2{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +.address_input_3_wrap{ + margin-top: 20px; +} +.address_input_3_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + +} +.address_input_3{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + +/* 가입하기 버튼 */ +.join_button_wrap{ + margin-top: 40px; + text-align: center; +} +.join_button{ + width: 100%; + height: 80px; + background-color: #6AAFE6; + font-size: 40px; + font-weight: 900; + color: white; +} + +/* float 속성 해제 */ +.clearfix{ + clear: both; +} \ No newline at end of file diff --git a/VamPa_MySQL/src/main/webapp/resources/css/member/login.css b/VamPa_MySQL/src/main/webapp/resources/css/member/login.css new file mode 100644 index 0000000..de7d287 --- /dev/null +++ b/VamPa_MySQL/src/main/webapp/resources/css/member/login.css @@ -0,0 +1,82 @@ +@charset "UTF-8"; +*{ + margin: 0; + padding:0; +} + +/* 화면 전체 렙 */ +.wrapper{ + width: 1900px; +} + +/* content 랩 */ +.wrap{ + width : 800px; + margin: auto; +} + +/* 페이지 로고 */ +.logo_wrap{ + text-align: center; + margin: 150px 0; +} +.logo_wrap>span{ + font-size : 50px; + font-weight: 900; +} + + +/* 로그인 area */ +.id_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + display: block; + width : 80%; + margin : auto; +} +.id_input{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + + +.pw_wrap{ + margin-top: 40px; +} +.pw_input_box{ + border: 1px solid black; + height:31px; + padding: 10px 14px; + display: block; + width : 80%; + margin : auto; +} +.pw_iput{ + width:100%; + height:100%; + border:none; + font-size:28px; +} + + +.login_button_wrap{ + margin-top: 40px; + text-align: center; +} +.login_button{ + width: 84%; + height: 80px; + background-color: #6AAFE6; + font-size: 40px; + font-weight: 900; + color: white; + margin : auto; +} + +/* float 속성 해제 */ +.clearfix{ + clear: both; +}