본문 바로가기

👩🏻‍💻 🌮 💬

🌮 Personal Project/shoppingmall service29

관리자 :: 추천 상품 관리 (2) 이번 게시물에서 작업할 내용은 추천상품 관리 페이지에 '추천 상품 추가' 버튼을 만들어주고 그 버튼을 클릭하면 추천상품으로 추가되지 않은 애들의 리스트를 보여주고 그 리스트에서 상품을 선택해서 추천 상품 리스트에 추가해주도록 해야지 팝업창으로 만들어줄 애들을 만들어주었다. 그리고는 css를 통해 팝업창으로 올려주자 짠 팝업창 만들어주고 바탕은 연한 회색으로 깔아주었다. (잠깐 쉬어가는 타임 = css 타임) 아유 맘 편하다 .. 이제 상단의 '추천 상품 추가' 버튼을 클릭하면 추천 상품에 추가되지 않은 상품들의 리스트를 가져오도록 하자 버튼을 클릭하면 팝업창으로 통해 추천상품에 들어가지 않은 상품들의 리스트를 확인할 수 있다. 그럼 추가 버튼을 클릭하면 추천 상품 리스트로 들어가도록 해주자 팝업창 안의 .. 2021. 9. 22.

관리자 :: 추천상품 관리 (1) 오늘은 !!!! 관리자 페이지에서 마지막 권한 추천 상품 관리 기능을 추가해 줄 것이다. 추천 상품은 상품 관리에 있는 상품들 중에서 선택해서 가져와서 추천 상품을 보여줄수 있도록 해줄 것이다. 추천 상품 데이터 베이스를 확인하면 다음과 같다. 그냥 상품 seq와 연결된 칼럼밖에 없다. 그럼 inner join으로 seq값에 해당하는 상품 정보를 가져와야겠군요~ (1) 추천 상품으로 추가한 리스트를 가져오고 (2) 추천 상품 리스트에 없는 상품들의 리스트를 가져올 것이고 (3) 추천 상품을 추가해줄 것이고 (4) 추천 상품 리스트에서 삭제하는 4가지 기능을 동시에 할 것이다 !! 눈 똑바로 뜨고 시작하자요~ (그리고 Recommand 폴더를 따로 만들어서 진행할까 했는데 ..그냥 Product폴더에서 모.. 2021. 9. 22.

관리자 :: 상품 수정 상품 수정을 클릭하면 해당 상품의 정보가 들어간 팝업창을 띄어주고 수정한 데이터를 저장해주도록 해주자 (팝업창은 상품추가할 때의 팝업창 이용하기) '수정' 버튼을 클릭했을 때에도 상품 추가 팝업창이 나오도록 만들어주었다 그리고 이제 수정하기 버튼을 클릭하면 해당 데이터가 입력된 팝업창을 띄어줄 것이며 (select), 수정한 내용을 저장(update)하는 코드 2개를 동시에 진행 할 것이다. mapper.xml 부터 시작하자 API 에서 해당 seq에 대한 데이터를 get 하고, 수정하는 vo를 patch하는 mapping을 작성해준다! arc를 이용해서 상품 정보를 잘 가지고 오는지 확인하자 확인완료~! 이제 js로 가볼까 .... getmapping으로 가져온 데이터를 입력칸에 데이터를 넣어준다. 그.. 2021. 9. 22.

관리자 :: 상품 추가 팝업창으로 변경하기 상품 수정을 하려고 하니, 수정 버튼을 클릭했을때 팝업창으로 상품 정보를 가져오도록 하고 수정을 진행하게 할려고 생각했다. 그럼 상품을 추가하는 것도 똑같은 양식으로 팝업창을 통해 해주면 좋을 꺼같아서 상품 추가해주는 것을 팝업창으로 나오도록 해주겠다. 저 빨간 네모를 팝업창으로 만들어주자 css에 이렇게 넣어주면 이렇게 위로 뜬다. 팝업창을 마우스로 옮길수 있게 만들어 줄 것이다. 구글에 jqueryui cdn이라고 검색하고. 저 게시물에 들어가서 저 네모를 클릭해서 코드를 복사한다. 그리고 product.jsp 상단에 추가해준다. js에 다음과 같이 추가해주면, 팝업창의 h1("상품추가"라고 적혀있는 상단)을 잡고 팝업창의 위치를 옮길 수 있다. 팝업창을 닫을 수 있는 닫기 버튼도 만들어 주자 하단에.. 2021. 9. 21.

관리자 :: 상품 삭제 상픔 리스트에는 버튼이 수정하기와 삭제하기 버튼이 있다. 우선 간단한 삭제하기 먼저 진행하자 삭제가 정상적으로 됨을 확인할 수 있다. (확인했음) * 다음 게시물에서 제품 수정을 진행해보도록 해야지 2021. 9. 20.

관리자 :: 상품 검색 기능 상품 리스트를 출력했고, 이번에는 검색 기능을 추가해보자 js에서 검색으로 list를 가지고 오는 함수를 만들어주고(function getProductInfo), list를 가지고오던 ajax를 그 안에 넣어주었다. 그랬더니, 잘 나오던 리스트가 날라가버렸다. 이게 정 상 그럼 우선 초기 조건일 경우에 데이터가 모두 나오게 하려면 만들어준 함수를 바로 위해서 실행해주면 리스트가 아주 잘 나오지요 그럼 이제 함수안에서 카테고리르 선택하고 키워드를 입력했을 때, 리스트를 올바르게 출력해주도록 해주자 getProductInfo 함수에 검색할때 선택하고 입력할 파라미터 값을 추가해주고, 카테고리와 키워드를 입력할때 url을 변경해서 ajax에 요청을 넣을 수 있도록 변경해준다. 그리고 카테고리 값을 선택할 경우.. 2021. 9. 20.

관리자 :: 상품 리스트 출력 상품 등록하는데 은근 시간이 오래 걸렸다.. (사진 놈 .. 때문에 .. 어려워 .....) 아이고 이뿌다 키키 이미지가 정상적으로 들어가는 것을 확인했으니, 이제 아래에 등록한 상품 리스트를 출력해보자 !! * 이번에는 응용 ver. : 리스트 위에 검색 기능을 추가해주자! product_info 의 데이터를 모두 들고오는데, (여기까지는 저번에 진행했던 것과 똑같다.) where 절을 이용해서 조건을 추가해줘야지! 상품 이름을 검색해서 가져올 것인데 여기서 검색하는 값을 keyword라는 파라미터로 받아줄 것이다. 일치하는 값이 아닌 포함하는 값을 가져올 것이니 LIKE로 받아준다. 그리고 카테고리를 선택해서 그 카테고리에 포함되어있는 상품 정보들을 가져올 것인데, 카테고리를 선택하지 않았을 경우에는.. 2021. 9. 20.

관리자 :: 상품 등록 (+ 사진 파일 등록) (3) 사진을 업로드했을 때, 업로드한 사진을 삭제할 수도 있도록 만들어주자 등록했던 사진을 삭제할 수 있도록 해주었다 2021. 9. 20.

관리자 :: 상품 등록 (+ 사진 파일 등록) (2) 사진을 업로드 요청을 넣었을 때, 정상적으로 지정한 폴더에 들어가는 것을 확인하였다. 이제는 상품 등록할때 사진이 같이 등록되도록 해주자 * 가져온 파일의 유형을 알아낼 때 사용 : HttpServletRequest * 여기서 Resource : import org.springframework.core.io.Resource; 여기까지하고 jsp에 사진을 등록할 수 있도록 만들어주자 이제 사진을 업로드 하고 '등록' 버튼을 클릭하면 사진 데이터가 DB에 들어가도록 js에서 작업해주자 버튼이 잘 작동하는 군요 그럼 이어서 진행해주죠 js 작성 다하고 이렇게 사진 prod_image에 들어간것을 확인할 수 있다. 그럼이제 이 uri를 product_info 에서 pi_img_uri로 넣어주도록하자 그리고 들어.. 2021. 9. 19.

이전 1 2 3 4 다음

티스토리툴바