@@ -82,8 +82,8 @@ public class AdminController {
|
||||
|
||||
}
|
||||
|
||||
/* 상품 조회 페이지 */
|
||||
@GetMapping("/goodsDetail")
|
||||
/* 상품 조회 페이지, 상품 수정 페이지 */
|
||||
@GetMapping({"/goodsDetail", "/goodsModify"})
|
||||
public void goodsGetInfoGET(int bookId, Criteria cri, Model model) throws JsonProcessingException {
|
||||
|
||||
logger.info("goodsGetInfo()........." + bookId);
|
||||
|
||||
@@ -138,15 +138,15 @@
|
||||
|
||||
<div class="btn_section">
|
||||
<button id="cancelBtn" class="btn">상품 목록</button>
|
||||
<button id="enrollBtn" class="btn enroll_btn">수정 </button>
|
||||
</div>
|
||||
<button id="modifyBtn" class="btn enroll_btn">수정 </button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<form id="moveForm" action="/admin/goodsManage" method="get" >
|
||||
<input type="hidden" name="pageNum" value="${pageMaker.cri.pageNum}">
|
||||
<input type="hidden" name="amount" value="${pageMaker.cri.amount}">
|
||||
<input type="hidden" name="keyword" value="${pageMaker.cri.keyword}">
|
||||
<input type="hidden" name="pageNum" value="${cri.pageNum}">
|
||||
<input type="hidden" name="amount" value="${cri.amount}">
|
||||
<input type="hidden" name="keyword" value="${cri.keyword}">
|
||||
</form>
|
||||
|
||||
</div>
|
||||
@@ -161,14 +161,6 @@
|
||||
$("#discount_interface").attr("value", bookDiscount);
|
||||
|
||||
|
||||
/* 출판일 값 가공 */
|
||||
let publeYear = '${goodsInfo.publeYear}';
|
||||
let length = publeYear.indexOf(" ");
|
||||
|
||||
publeYear = publeYear.substring(0, length);
|
||||
|
||||
$("input[name='publeYear']").attr("value", publeYear);
|
||||
|
||||
/* 책 소개 */
|
||||
ClassicEditor
|
||||
.create(document.querySelector('#bookIntro_textarea'))
|
||||
@@ -283,6 +275,21 @@
|
||||
|
||||
}); // $(document).ready
|
||||
|
||||
/* 목록 이동 버튼 */
|
||||
$("#cancelBtn").on("click", function(e){
|
||||
e.preventDefault();
|
||||
$("#moveForm").submit();
|
||||
});
|
||||
|
||||
/* 수정 페이지 이동 */
|
||||
$("#modifyBtn").on("click", function(e){
|
||||
e.preventDefault();
|
||||
let addInput = '<input type="hidden" name="bookId" value="${goodsInfo.bookId}">';
|
||||
$("#moveForm").append(addInput);
|
||||
$("#moveForm").attr("action", "/admin/goodsModify");
|
||||
$("#moveForm").submit();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
155
VamPa/src/main/webapp/WEB-INF/views/admin/goodsModify.jsp
Normal file
155
VamPa/src/main/webapp/WEB-INF/views/admin/goodsModify.jsp
Normal file
@@ -0,0 +1,155 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<link rel="stylesheet" href="../resources/css/admin/goodsModify.css">
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" />
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.4.1.js"
|
||||
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.ckeditor.com/ckeditor5/26.0.0/classic/ckeditor.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<%@include file="../includes/admin/header.jsp" %>
|
||||
|
||||
<div class="admin_content_wrap">
|
||||
<div class="admin_content_subject"><span>상품 등록</span></div>
|
||||
<div class="admin_content_main">
|
||||
<form action="/admin/goodsModify" method="post" id="modifyForm">
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 제목</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="bookName" value="${goodsInfo.bookName}">
|
||||
<span class="ck_warn bookName_warn">책 이름을 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>작가</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input id="authorName_input" readonly="readonly" value="${goodsInfo.authorName}">
|
||||
<input id="authorId_input" name="authorId" type="hidden" value="${goodsInfo.authorId}">
|
||||
<button class="authorId_btn">작가 선택</button>
|
||||
<span class="ck_warn authorId_warn">작가를 선택해주세요</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>출판일</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="publeYear" autocomplete="off" readonly="readonly">
|
||||
<span class="ck_warn publeYear_warn">출판일을 선택해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>출판사</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="publisher" value="${goodsInfo.publisher}">
|
||||
<span class="ck_warn publisher_warn">출판사를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 카테고리</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<div class="cate_wrap">
|
||||
<span>대분류</span>
|
||||
<select class="cate1">
|
||||
<option selected value="none">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="cate_wrap">
|
||||
<span>중분류</span>
|
||||
<select class="cate2">
|
||||
<option selected value="none">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="cate_wrap">
|
||||
<span>소분류</span>
|
||||
<select class="cate3" name="cateCode">
|
||||
<option selected value="none">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
<span class="ck_warn cateCode_warn">카테고리를 선택해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>상품 가격</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="bookPrice" value="${goodsInfo.bookPrice}">
|
||||
<span class="ck_warn bookPrice_warn">상품 가격을 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>상품 재고</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="bookStock" value="${goodsInfo.bookStock}">
|
||||
<span class="ck_warn bookStock_warn">상품 재고를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>상품 할인율</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input id="discount_interface" maxlength="2" value="0">
|
||||
<input name="bookDiscount" type="hidden" value="${goodsInfo.bookDiscount}">
|
||||
<span class="step_val">할인 가격 : <span class="span_discount"></span></span>
|
||||
<span class="ck_warn bookDiscount_warn">1~99 숫자를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 소개</label>
|
||||
</div>
|
||||
<div class="form_section_content bit">
|
||||
<textarea name="bookIntro" id="bookIntro_textarea">${goodsInfo.bookIntro}</textarea>
|
||||
<span class="ck_warn bookIntro_warn">책 소개를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 목차</label>
|
||||
</div>
|
||||
<div class="form_section_content bct">
|
||||
<textarea name="bookContents" id="bookContents_textarea">${goodsInfo.bookContents}</textarea>
|
||||
<span class="ck_warn bookContents_warn">책 목차를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name='bookId' value="${goodsInfo.bookId}">
|
||||
</form>
|
||||
<div class="btn_section">
|
||||
<button id="cancelBtn" class="btn">취 소</button>
|
||||
<button id="modifyBtn" class="btn modify_btn">수 정</button>
|
||||
</div>
|
||||
</div>
|
||||
<form id="moveForm" action="/admin/goodsManage" method="get" >
|
||||
<input type="hidden" name="pageNum" value="${cri.pageNum}">
|
||||
<input type="hidden" name="amount" value="${cri.amount}">
|
||||
<input type="hidden" name="keyword" value="${cri.keyword}">
|
||||
<input type="hidden" name='bookId' value="${goodsInfo.bookId}">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<%@include file="../includes/admin/footer.jsp" %>
|
||||
</body>
|
||||
</html>
|
||||
280
VamPa/src/main/webapp/resources/css/admin/goodsModify.css
Normal file
280
VamPa/src/main/webapp/resources/css/admin/goodsModify.css
Normal file
@@ -0,0 +1,280 @@
|
||||
@charset "UTF-8";
|
||||
*{
|
||||
margin: 0;
|
||||
padding:0;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
ul{
|
||||
list-style: none;
|
||||
}
|
||||
/* 화면 전체 렙 */
|
||||
.wrapper{
|
||||
width: 100%;
|
||||
}
|
||||
/* content 랩 */
|
||||
.wrap{
|
||||
width : 1080px;
|
||||
margin: auto;
|
||||
}
|
||||
/* 홈페이지 기능 네비 */
|
||||
.top_gnb_area{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #f0f0f1;
|
||||
position:relative;
|
||||
}
|
||||
.top_gnb_area .list{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
|
||||
}
|
||||
.top_gnb_area .list li{
|
||||
list-style: none;
|
||||
float : left;
|
||||
padding: 13px 15px 0 10px;
|
||||
font-weight: 900;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* 관리제 페이지 상단 현페이지 정보 */
|
||||
.admin_top_wrap{
|
||||
height:110px;
|
||||
line-height: 110px;
|
||||
background-color: #5080bd;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.admin_top_wrap>span{
|
||||
margin-left: 30px;
|
||||
display:inline-block;
|
||||
color: white;
|
||||
font-size: 50px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
/* 관리자 wrap(네비+컨텐츠) */
|
||||
.admin_wrap{
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* 관리자페이지 네비 영역 */
|
||||
.admin_navi_wrap{
|
||||
width: 20%;
|
||||
height: 300px;
|
||||
float:left;
|
||||
height: 100%;
|
||||
}
|
||||
.admin_navi_wrap li{
|
||||
display: block;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
.admin_navi_wrap li a{
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
font-size: 30px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.admin_navi_wrap li a:link {color: black;}
|
||||
.admin_navi_wrap li a:visited {color: black;}
|
||||
.admin_navi_wrap li a:active {color: black;}
|
||||
.admin_navi_wrap li a:hover {color: black;}
|
||||
|
||||
.admin_list_01{
|
||||
background-color: #c8c8c8;
|
||||
}
|
||||
|
||||
|
||||
/* 관리자페이지 컨텐츠 영역 */
|
||||
.admin_content_wrap{
|
||||
width: 80%;
|
||||
float:left;
|
||||
min-height: 700px;
|
||||
}
|
||||
.admin_content_subject{ /* 관리자 컨텐츠 제목 영역 */
|
||||
font-size: 40px;
|
||||
font-weight: bolder;
|
||||
padding-left: 15px;
|
||||
background-color: #6AAFE6;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
color: white;
|
||||
}
|
||||
/* 관리자 컨텐츠 메인 영역 */
|
||||
.form_section{
|
||||
width: 95%;
|
||||
margin-left: 2%;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #dbdde2;
|
||||
background-color: #efefef;
|
||||
}
|
||||
.form_section_title{
|
||||
padding: 20px 35px;
|
||||
}
|
||||
.form_section_title label{
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
.form_section_content{
|
||||
padding: 20px 35px;
|
||||
border-top: 1px solid #dbdde2;
|
||||
}
|
||||
.form_section_content input{
|
||||
width: 98%;
|
||||
height: 25px;
|
||||
font-size: 20px;
|
||||
padding: 5px 1%;
|
||||
}
|
||||
|
||||
|
||||
.ui-datepicker-trigger { /* 캘린더 css 설정 */
|
||||
margin-left: 25px;
|
||||
width: 14%;
|
||||
height: 38px;
|
||||
font-weight: 600;
|
||||
background-color: #dfe8f5;
|
||||
font-size: 15px;
|
||||
cursor:pointer;
|
||||
}
|
||||
input[name='publeYear'] {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.authorId_btn { /* 작가 선택 css 설정 */
|
||||
margin-left: 20px;
|
||||
width: 14%;
|
||||
height: 38px;
|
||||
font-weight: 600;
|
||||
background-color: #dfe8f5;
|
||||
font-size: 15px;
|
||||
cursor:pointer;
|
||||
}
|
||||
#authorName_input {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ck-content { /* ckeditor 높이 */
|
||||
height: 170px;
|
||||
}
|
||||
|
||||
/* 버튼 영역 */
|
||||
.btn_section{
|
||||
text-align: center;
|
||||
margin: 80px 0;
|
||||
}
|
||||
.btn{
|
||||
min-width: 180px;
|
||||
padding: 4px 30px;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
line-height: 40px;
|
||||
}
|
||||
.enroll_btn{
|
||||
background-color: #dbdde2;
|
||||
margin-left:15px;
|
||||
}
|
||||
#enrollBtn:hover {
|
||||
background-color: #c9cbd0;
|
||||
}
|
||||
|
||||
.form_section_content select { /* 카테고리 css 설정 */
|
||||
width: 92%;
|
||||
height: 35px;
|
||||
font-size: 20px;
|
||||
text-align-last: center;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.cate_wrap span {
|
||||
font-weight: 600;
|
||||
}
|
||||
.cate_wrap:not(:first-child) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
.ck_warn{ /* 입력란 공란 경고 태그 */
|
||||
display: none;
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
color: #e05757;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
/* footer navai 영역 */
|
||||
.footer_nav{
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
.footer_nav_container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color:#8EC0E4;
|
||||
}
|
||||
.footer_nav_container>ul{
|
||||
font-weight : bold;
|
||||
float:left;
|
||||
list-style:none;
|
||||
position:relative;
|
||||
padding-top:10px;
|
||||
line-height: 27px;
|
||||
font-family: dotum;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.footer_nav_container>ul>li{
|
||||
display:inline;
|
||||
width: 45px;
|
||||
height: 19px;
|
||||
padding: 10px 9px 0 10px;
|
||||
}
|
||||
.footer_nav_container>ul>span{
|
||||
margin: 0 4px;
|
||||
}
|
||||
/* footer 영역 */
|
||||
.footer{
|
||||
width:100%;
|
||||
height:130px;
|
||||
background-color:#D4DFE6;
|
||||
padding-bottom : 50px;
|
||||
}
|
||||
.footer_container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.footer_left>img {
|
||||
width: 150%;
|
||||
height: 130px;
|
||||
margin-left: -20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.footer_left{
|
||||
float :left;
|
||||
width: 170px;
|
||||
margin-left: 20px;
|
||||
margin-top : 30px;
|
||||
|
||||
}
|
||||
.footer_right{
|
||||
float :left;
|
||||
width: 680px;
|
||||
margin-left: 70px;
|
||||
margin-top : 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* float 속성 해제 */
|
||||
.clearfix{
|
||||
clear: both;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
#Generated by Maven Integration for Eclipse
|
||||
#Fri Apr 23 01:44:53 KST 2021
|
||||
#Sun Apr 25 22:01:07 KST 2021
|
||||
m2e.projectLocation=C\:\\Users\\sjinj\\git\\Blog_Project\\VamPa
|
||||
m2e.projectName=VamPa
|
||||
groupId=com.vam
|
||||
|
||||
@@ -82,8 +82,8 @@ public class AdminController {
|
||||
|
||||
}
|
||||
|
||||
/* 상품 조회 페이지 */
|
||||
@GetMapping("/goodsDetail")
|
||||
/* 상품 조회 페이지, 상품 수정 페이지 */
|
||||
@GetMapping({"/goodsDetail", "/goodsModify"})
|
||||
public void goodsGetInfoGET(int bookId, Criteria cri, Model model) throws JsonProcessingException {
|
||||
|
||||
logger.info("goodsGetInfo()........." + bookId);
|
||||
|
||||
@@ -138,15 +138,15 @@
|
||||
|
||||
<div class="btn_section">
|
||||
<button id="cancelBtn" class="btn">상품 목록</button>
|
||||
<button id="enrollBtn" class="btn enroll_btn">수정 </button>
|
||||
</div>
|
||||
<button id="modifyBtn" class="btn enroll_btn">수정 </button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<form id="moveForm" action="/admin/goodsManage" method="get" >
|
||||
<input type="hidden" name="pageNum" value="${pageMaker.cri.pageNum}">
|
||||
<input type="hidden" name="amount" value="${pageMaker.cri.amount}">
|
||||
<input type="hidden" name="keyword" value="${pageMaker.cri.keyword}">
|
||||
<input type="hidden" name="pageNum" value="${cri.pageNum}">
|
||||
<input type="hidden" name="amount" value="${cri.amount}">
|
||||
<input type="hidden" name="keyword" value="${cri.keyword}">
|
||||
</form>
|
||||
|
||||
</div>
|
||||
@@ -275,6 +275,21 @@
|
||||
|
||||
}); // $(document).ready
|
||||
|
||||
/* 목록 이동 버튼 */
|
||||
$("#cancelBtn").on("click", function(e){
|
||||
e.preventDefault();
|
||||
$("#moveForm").submit();
|
||||
});
|
||||
|
||||
/* 수정 페이지 이동 */
|
||||
$("#modifyBtn").on("click", function(e){
|
||||
e.preventDefault();
|
||||
let addInput = '<input type="hidden" name="bookId" value="${goodsInfo.bookId}">';
|
||||
$("#moveForm").append(addInput);
|
||||
$("#moveForm").attr("action", "/admin/goodsModify");
|
||||
$("#moveForm").submit();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
155
VamPa_MySQL/src/main/webapp/WEB-INF/views/admin/goodsModify.jsp
Normal file
155
VamPa_MySQL/src/main/webapp/WEB-INF/views/admin/goodsModify.jsp
Normal file
@@ -0,0 +1,155 @@
|
||||
<%@ page language="java" contentType="text/html; charset=UTF-8"
|
||||
pageEncoding="UTF-8"%>
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Insert title here</title>
|
||||
<link rel="stylesheet" href="../resources/css/admin/goodsModify.css">
|
||||
<link rel="stylesheet" href="//code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css" />
|
||||
<script
|
||||
src="https://code.jquery.com/jquery-3.4.1.js"
|
||||
integrity="sha256-WpOohJOqMqqyKL9FccASB9O0KwACQJpFTUBLTYOVvVU="
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.ckeditor.com/ckeditor5/26.0.0/classic/ckeditor.js"></script>
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
||||
<script src="//code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
|
||||
</head>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<%@include file="../includes/admin/header.jsp" %>
|
||||
|
||||
<div class="admin_content_wrap">
|
||||
<div class="admin_content_subject"><span>상품 등록</span></div>
|
||||
<div class="admin_content_main">
|
||||
<form action="/admin/goodsModify" method="post" id="modifyForm">
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 제목</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="bookName" value="${goodsInfo.bookName}">
|
||||
<span class="ck_warn bookName_warn">책 이름을 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>작가</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input id="authorName_input" readonly="readonly" value="${goodsInfo.authorName}">
|
||||
<input id="authorId_input" name="authorId" type="hidden" value="${goodsInfo.authorId}">
|
||||
<button class="authorId_btn">작가 선택</button>
|
||||
<span class="ck_warn authorId_warn">작가를 선택해주세요</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>출판일</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="publeYear" autocomplete="off" readonly="readonly">
|
||||
<span class="ck_warn publeYear_warn">출판일을 선택해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>출판사</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="publisher" value="${goodsInfo.publisher}">
|
||||
<span class="ck_warn publisher_warn">출판사를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 카테고리</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<div class="cate_wrap">
|
||||
<span>대분류</span>
|
||||
<select class="cate1">
|
||||
<option selected value="none">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="cate_wrap">
|
||||
<span>중분류</span>
|
||||
<select class="cate2">
|
||||
<option selected value="none">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="cate_wrap">
|
||||
<span>소분류</span>
|
||||
<select class="cate3" name="cateCode">
|
||||
<option selected value="none">선택</option>
|
||||
</select>
|
||||
</div>
|
||||
<span class="ck_warn cateCode_warn">카테고리를 선택해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>상품 가격</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="bookPrice" value="${goodsInfo.bookPrice}">
|
||||
<span class="ck_warn bookPrice_warn">상품 가격을 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>상품 재고</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input name="bookStock" value="${goodsInfo.bookStock}">
|
||||
<span class="ck_warn bookStock_warn">상품 재고를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>상품 할인율</label>
|
||||
</div>
|
||||
<div class="form_section_content">
|
||||
<input id="discount_interface" maxlength="2" value="0">
|
||||
<input name="bookDiscount" type="hidden" value="${goodsInfo.bookDiscount}">
|
||||
<span class="step_val">할인 가격 : <span class="span_discount"></span></span>
|
||||
<span class="ck_warn bookDiscount_warn">1~99 숫자를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 소개</label>
|
||||
</div>
|
||||
<div class="form_section_content bit">
|
||||
<textarea name="bookIntro" id="bookIntro_textarea">${goodsInfo.bookIntro}</textarea>
|
||||
<span class="ck_warn bookIntro_warn">책 소개를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form_section">
|
||||
<div class="form_section_title">
|
||||
<label>책 목차</label>
|
||||
</div>
|
||||
<div class="form_section_content bct">
|
||||
<textarea name="bookContents" id="bookContents_textarea">${goodsInfo.bookContents}</textarea>
|
||||
<span class="ck_warn bookContents_warn">책 목차를 입력해주세요.</span>
|
||||
</div>
|
||||
</div>
|
||||
<input type="hidden" name='bookId' value="${goodsInfo.bookId}">
|
||||
</form>
|
||||
<div class="btn_section">
|
||||
<button id="cancelBtn" class="btn">취 소</button>
|
||||
<button id="modifyBtn" class="btn modify_btn">수 정</button>
|
||||
</div>
|
||||
</div>
|
||||
<form id="moveForm" action="/admin/goodsManage" method="get" >
|
||||
<input type="hidden" name="pageNum" value="${cri.pageNum}">
|
||||
<input type="hidden" name="amount" value="${cri.amount}">
|
||||
<input type="hidden" name="keyword" value="${cri.keyword}">
|
||||
<input type="hidden" name='bookId' value="${goodsInfo.bookId}">
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<%@include file="../includes/admin/footer.jsp" %>
|
||||
</body>
|
||||
</html>
|
||||
280
VamPa_MySQL/src/main/webapp/resources/css/admin/goodsModify.css
Normal file
280
VamPa_MySQL/src/main/webapp/resources/css/admin/goodsModify.css
Normal file
@@ -0,0 +1,280 @@
|
||||
@charset "UTF-8";
|
||||
*{
|
||||
margin: 0;
|
||||
padding:0;
|
||||
}
|
||||
a{
|
||||
text-decoration: none;
|
||||
}
|
||||
ul{
|
||||
list-style: none;
|
||||
}
|
||||
/* 화면 전체 렙 */
|
||||
.wrapper{
|
||||
width: 100%;
|
||||
}
|
||||
/* content 랩 */
|
||||
.wrap{
|
||||
width : 1080px;
|
||||
margin: auto;
|
||||
}
|
||||
/* 홈페이지 기능 네비 */
|
||||
.top_gnb_area{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
background-color: #f0f0f1;
|
||||
position:relative;
|
||||
}
|
||||
.top_gnb_area .list{
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
right: 0;
|
||||
|
||||
}
|
||||
.top_gnb_area .list li{
|
||||
list-style: none;
|
||||
float : left;
|
||||
padding: 13px 15px 0 10px;
|
||||
font-weight: 900;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* 관리제 페이지 상단 현페이지 정보 */
|
||||
.admin_top_wrap{
|
||||
height:110px;
|
||||
line-height: 110px;
|
||||
background-color: #5080bd;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.admin_top_wrap>span{
|
||||
margin-left: 30px;
|
||||
display:inline-block;
|
||||
color: white;
|
||||
font-size: 50px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
/* 관리자 wrap(네비+컨텐츠) */
|
||||
.admin_wrap{
|
||||
|
||||
|
||||
}
|
||||
|
||||
/* 관리자페이지 네비 영역 */
|
||||
.admin_navi_wrap{
|
||||
width: 20%;
|
||||
height: 300px;
|
||||
float:left;
|
||||
height: 100%;
|
||||
}
|
||||
.admin_navi_wrap li{
|
||||
display: block;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
text-align: center;
|
||||
}
|
||||
.admin_navi_wrap li a{
|
||||
display: block;
|
||||
height: 100%;
|
||||
width: 95%;
|
||||
margin: 0 auto;
|
||||
cursor: pointer;
|
||||
font-size: 30px;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.admin_navi_wrap li a:link {color: black;}
|
||||
.admin_navi_wrap li a:visited {color: black;}
|
||||
.admin_navi_wrap li a:active {color: black;}
|
||||
.admin_navi_wrap li a:hover {color: black;}
|
||||
|
||||
.admin_list_01{
|
||||
background-color: #c8c8c8;
|
||||
}
|
||||
|
||||
|
||||
/* 관리자페이지 컨텐츠 영역 */
|
||||
.admin_content_wrap{
|
||||
width: 80%;
|
||||
float:left;
|
||||
min-height: 700px;
|
||||
}
|
||||
.admin_content_subject{ /* 관리자 컨텐츠 제목 영역 */
|
||||
font-size: 40px;
|
||||
font-weight: bolder;
|
||||
padding-left: 15px;
|
||||
background-color: #6AAFE6;
|
||||
height: 80px;
|
||||
line-height: 80px;
|
||||
color: white;
|
||||
}
|
||||
/* 관리자 컨텐츠 메인 영역 */
|
||||
.form_section{
|
||||
width: 95%;
|
||||
margin-left: 2%;
|
||||
margin-top: 20px;
|
||||
border: 1px solid #dbdde2;
|
||||
background-color: #efefef;
|
||||
}
|
||||
.form_section_title{
|
||||
padding: 20px 35px;
|
||||
}
|
||||
.form_section_title label{
|
||||
display: block;
|
||||
font-size: 20px;
|
||||
font-weight: 800;
|
||||
}
|
||||
.form_section_content{
|
||||
padding: 20px 35px;
|
||||
border-top: 1px solid #dbdde2;
|
||||
}
|
||||
.form_section_content input{
|
||||
width: 98%;
|
||||
height: 25px;
|
||||
font-size: 20px;
|
||||
padding: 5px 1%;
|
||||
}
|
||||
|
||||
|
||||
.ui-datepicker-trigger { /* 캘린더 css 설정 */
|
||||
margin-left: 25px;
|
||||
width: 14%;
|
||||
height: 38px;
|
||||
font-weight: 600;
|
||||
background-color: #dfe8f5;
|
||||
font-size: 15px;
|
||||
cursor:pointer;
|
||||
}
|
||||
input[name='publeYear'] {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
.authorId_btn { /* 작가 선택 css 설정 */
|
||||
margin-left: 20px;
|
||||
width: 14%;
|
||||
height: 38px;
|
||||
font-weight: 600;
|
||||
background-color: #dfe8f5;
|
||||
font-size: 15px;
|
||||
cursor:pointer;
|
||||
}
|
||||
#authorName_input {
|
||||
width: 80%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.ck-content { /* ckeditor 높이 */
|
||||
height: 170px;
|
||||
}
|
||||
|
||||
/* 버튼 영역 */
|
||||
.btn_section{
|
||||
text-align: center;
|
||||
margin: 80px 0;
|
||||
}
|
||||
.btn{
|
||||
min-width: 180px;
|
||||
padding: 4px 30px;
|
||||
font-size: 25px;
|
||||
font-weight: 600;
|
||||
line-height: 40px;
|
||||
}
|
||||
.enroll_btn{
|
||||
background-color: #dbdde2;
|
||||
margin-left:15px;
|
||||
}
|
||||
#enrollBtn:hover {
|
||||
background-color: #c9cbd0;
|
||||
}
|
||||
|
||||
.form_section_content select { /* 카테고리 css 설정 */
|
||||
width: 92%;
|
||||
height: 35px;
|
||||
font-size: 20px;
|
||||
text-align-last: center;
|
||||
margin-left: 5px;
|
||||
}
|
||||
.cate_wrap span {
|
||||
font-weight: 600;
|
||||
}
|
||||
.cate_wrap:not(:first-child) {
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
|
||||
.ck_warn{ /* 입력란 공란 경고 태그 */
|
||||
display: none;
|
||||
padding-top: 10px;
|
||||
text-align: center;
|
||||
color: #e05757;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
|
||||
/* footer navai 영역 */
|
||||
.footer_nav{
|
||||
width:100%;
|
||||
height:50px;
|
||||
}
|
||||
.footer_nav_container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color:#8EC0E4;
|
||||
}
|
||||
.footer_nav_container>ul{
|
||||
font-weight : bold;
|
||||
float:left;
|
||||
list-style:none;
|
||||
position:relative;
|
||||
padding-top:10px;
|
||||
line-height: 27px;
|
||||
font-family: dotum;
|
||||
margin-left: 10px;
|
||||
}
|
||||
.footer_nav_container>ul>li{
|
||||
display:inline;
|
||||
width: 45px;
|
||||
height: 19px;
|
||||
padding: 10px 9px 0 10px;
|
||||
}
|
||||
.footer_nav_container>ul>span{
|
||||
margin: 0 4px;
|
||||
}
|
||||
/* footer 영역 */
|
||||
.footer{
|
||||
width:100%;
|
||||
height:130px;
|
||||
background-color:#D4DFE6;
|
||||
padding-bottom : 50px;
|
||||
}
|
||||
.footer_container{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: auto;
|
||||
}
|
||||
.footer_left>img {
|
||||
width: 150%;
|
||||
height: 130px;
|
||||
margin-left: -20px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
.footer_left{
|
||||
float :left;
|
||||
width: 170px;
|
||||
margin-left: 20px;
|
||||
margin-top : 30px;
|
||||
|
||||
}
|
||||
.footer_right{
|
||||
float :left;
|
||||
width: 680px;
|
||||
margin-left: 70px;
|
||||
margin-top : 30px;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* float 속성 해제 */
|
||||
.clearfix{
|
||||
clear: both;
|
||||
}
|
||||
@@ -1,5 +1,5 @@
|
||||
#Generated by Maven Integration for Eclipse
|
||||
#Thu Apr 22 18:29:14 KST 2021
|
||||
#Sun Apr 25 22:01:08 KST 2021
|
||||
m2e.projectLocation=C\:\\Users\\sjinj\\git\\Blog_Project\\VamPa_MySQL
|
||||
m2e.projectName=VamPa_MySQL
|
||||
groupId=com.vam
|
||||
|
||||
Reference in New Issue
Block a user