ETC (30) 썸네일형 리스트형 12. Vuex Store ( 로그인 회원정보와 주문정보 Store ) index.js import Vue from 'vue'; import Vuex from "vuex"; import createPersistedState from 'vuex-persistedstate' import toOrderStore from "@/store/modules/toOrderStore"; import member from "@/store/modules/member"; Vue.use(Vuex); export const store = new Vuex.Store({ modules: { member : member, toOrderStore : toOrderStore, }, plugins: [createPersistedState({ paths: ["member","toOrderStore"] })] }.. 11. 책 상세보기 미리미리 정리해뒀어야 했는데... 도서 사이트를 완성하고 이제서야 작성한다 책 상세보기에는 아래 사진과 같이 1. 책 정보 2. 책 소개, 목차, 출간자 서평 3. 해당 책 댓글 4. 우측 네비게이션 5. 하단 책 추천 으로 나눌 수 있다. (책 상세보기의 Vue - script코드) 1 ,2 책 정보 위 코드는 책 세부정보의 Vue - 스크립트 부분이다 mounted로 책 정보를 불러온 후 정보들을 가공한다. 불러온 정보가 책 정보, 목차, 서평, 세부정보가 된다 3. 책 댓글 컴포넌트 (댓글 컴포넌트의 Vue - script코드 코드) export default { name: "CommentComponent", props : ["selectBid"], data: function (){ return{ .. book Store (Spring boot + Vue.js ) GitHub https://github.com/dwc04112/BookStoreApi GitHub - dwc04112/BookStoreApi Contribute to dwc04112/BookStoreApi development by creating an account on GitHub. github.com 시연영상 1 시연영상 2 bookStore 웹 페이지가 드디어! 완성되었고 블로그에는 따로 정리를 못했지만 이전에 비해 엄청 다양한 기능이 추가되었다. (양이 너무많아서 어떻게 정리를 해야할지 모르겠다...) 하나하나 gif로 딸 수 없어서 동영상으로 동작화면을 찍어야겠다.. 전체 기능들을 간단히 설명해보면 1. 책 ( 회원이 아니더라도 사용 가능한 부분) 1-1 : 메인페이지 ( url path : .. 9- 게시판 (검색기능2) :: 어떻게 만들지? 1. 페이지당 보여줄 글 수 기능과 검색기능을 같은 form에 넣어서 사용하는 방법 >각자 기능을 따로 사용하는 경우도 많을 수 있으니 따로구현하자 2. 검색기능과 페이지 기능을 따로 구현하려면 다음 문제점을 해결해야한다 >검색을 하고 페이지 수를 정하면 전체 리스트에서 페이지당 글 수를 정한다 >페이지당 글 수를 정하고 검색을하면 정한 글 수에 따른 검색한 글을 아니면 디폴트 값인 10개의 검색한 글을 보여준다 >아래의 전체 페이지 수 :: 검색기능과 페이지당 보여줄 글 갯수를 같이 사용하기 위해 해야할 것 3가지 1. 페이지당 글 수를 검색기능에서도 사용 가능하게 쿼리 변경 boardDAO 의 getBoardList 에서 바로 쓸 수 있는 코드를 생각해봤다. between으로 페.. 8- JSP 게시판 (검색기능) ::구현방식 Jsp boardList에 새로운 폼을 만들었다. select를 사용하여 제목,내용, 작성자 옵션을 선택 가능하게 하고, 검색하고자 하는 키워드를 입력하면 select한 옵션에 따라 키워드를 검색한다. Cmd select한 옵션의 값과, 입력한 키워드를 boardLIst.bbs 즉 boardListCmd에서 받는다. boardList에 기능을 추가했으니 검색했을때 쓰는 쿼리랑 아닐때 쿼리로 나눠서 구현한다 검색했을 때는 value와 키워드 값이 null이 아니고 / 검색 안했을때 list는 value와 키워드 값이 null 검색했을때 쿼리 : "select * from board where subject like ?" 입력한 키워드(search) 를 포함해서 출력해야 하니까 like %키워드.. 7- JSP 게시판 (아이디 중복확인2) 저번 아이디 중복확인 구현에 이어서 진행된다. 5- 게시판 (아이디 중복확인) 수정 중 1. 회원가입 버튼을 submit하면 signUpCmd에서 회원가입 하려는 Id 값과 DB에 존재하는 id값을 비교한다 이미 있는 값이면 1을 signUpCmd으로 리턴하고, 없는 값이면 0을 리턴한다 :: 리턴값이 1이면 co dwc04112.tistory.com 회원가입을 누르면 id의 중복검사를 실행하는데 중복확인 버튼을 구현하여 중간 과정에서 중복검사를 실행할수 있게 한다. ::동작방식 중복확인을 누르면 script에서 idCheck.bbs로 입력한 id를 보낸다 > idCheckCmd에서 입력한 id 값이 db에 존재하면 1 없으면0을 반환. 반환값을 다시 jsp로 보낸다 > 그 반환값에 따라 중복확인을 통과.. 6- JSP 게시판 (수정한 오류) 0915 오류 내용 : 없는 아이디를 입력하면 error:500 발생 오류 원인 : 없는 아이디를 입력하면 member의 password가 null로 비밀번호 비교 로직에 들어간다. (비밀번호가 오류나면 정상적으로 loginFailed로 이동) 해결 방안 : member.getPassword()가 null일때 처리하는 if문을 생성 if(member.getPassword()==null){ System.out.println("입력된 아이디와 일치하는 정보가 없습니다"); return false; } 5- JSP 게시판 (아이디 중복확인 1) 1. 회원가입 버튼을 submit하면 signUpCmd에서 회원가입 하려는 Id 값과 DB에 존재하는 id값을 비교한다 이미 있는 값이면 1을 signUpCmd으로 리턴하고, 없는 값이면 0을 리턴한다 :: 리턴값이 1이면 controller로 리턴false :: 리턴값이 0이면 회원가입을 진행하고 리턴true 아래의 controller에서 true면 로그인 화면으로 이동, false면 회원가입 실패로 이동한다 if(cmdURI.equals("/signUp.bbs")){ cmd = new SignUpCmd(); boolean signSuccess = cmd.execute(request, response); if(signSuccess) { viewPage = "index.jsp"; }else{ viewPa.. 이전 1 2 3 4 다음
