Cute Happy Ghost
본문 바로가기
728x90
SMALL

Project28

2-1. 로그인(jsp를 활용한 간단 로그인) 로그인버튼을 누르면 로그인창으로 이동한다 로그인이 성공했을 때는 로그인버튼이 로그아웃으로 바뀌며 회원가입부분은 마이룸으로 바뀐다 로그아웃할 때는 이렇게 확인창이 뜨고 확인을 누르면 로그아웃이 된다 loginfo.jsp form_log라는 form을 만들고 method는 post mid와 pwd라는 input박스를 만들어서 name값을 각각 주었다 로그인 버튼타입은 submit으로 써서 form을 넘기게끔 해줬다 login.js loginOut이라는 객체를 만들어주고 id가 btnLogin인 것을 btnLogin으로 선언 btnLogin을 눌렀을 때 form_log값을 가져오고 login.jsp로 넘어가도록 action설정 마지막으로 submit var logInOut = function(){ var bt.. 2021. 1. 30.
1-5. 공지 팝업창(레이어팝업 홈페이지에 띄우기, 오늘하루그만보기 쿠키 설정) 위와 같은 공지 팝업창을 만들어보겠다 - 메인들어갔을 때 가장 먼저 떠야함 - 인터넷창이 안뜨는 깔끔한 레이어팝업 - 팝업이 떴을 때는 메인홈페이지의 화면을 약간 어둡게 - 오늘하루보지않기를 누르면 새로고침을 해도 안 뜨게 필요한 파일은 두개가 되겠다 먼저 팝업을 띄울페이지, 그리고 팝업내용페이지 일단 나는 메인에 공지팝업을 띄울거라서 메인페이지에 이렇게 include해준다 아래 코드대로라면 popup폴더안의 popup.jsp가 실행이 되겠지? 팝업창의 content 다 FineApple 공지사항 &nbsp&nbsp오늘 하루동안 보지 않기 닫기 스타일은 아래와 같다 정리가 귀찮아서 막했네.... 쿠키를 설정하고 창을 닫는 script 쿠키설정하는데 제일 애먹었다 처음에는 그냥 닫기만 해놔야지~ 했는데 자.. 2021. 1. 15.
1-4. 상품 정렬 (ajax를 활용하여 최신순, 낮은가격순, 높은가격순으로 정렬) 상품정렬은 최신순, 낮은가격순, 높은 가격 순으로 하였다 아쉬운점은 카테고리별로 구분하지는 못했다는 점 상품을 정렬하는 부분은 구글에 찾아봐도 잘 없길래(내가 못 찾는것일 수도..ㅠ_ㅠ) 그냥 쿼리문을 사용하여 주먹구구식으로 구현하였다. 분명 메소드하나만 써서 재사용이 가능할텐데 시간이 없기도 하였고 .. ㅋㅋㅋㅋ index.jsp 상품정렬하는 div javascript를 사용해 클릭하면 함수호출 가능하도록 `&nbsp`를 사용하여 공백을 표시해주었다 최신순&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp 낮은가격&nbsp&nbsp&nbsp|&nbsp&nbsp&nbsp 높은가격 pricelistdesc누르면 ajax를 사용하여 넘어가게끔 url은 PricelistDesc(서블릿) product_l.. 2021. 1. 15.
1-3 상품 검색 헤더에 배치하여 어디에서든 상품을 검색할 수 있도록 하였다 검색을 하면 검색페이지로 이동한다 상품명으로 검색이 가능하고 검색된 상품 갯수도 불러온다 검색한 상품이 DB에 없을 경우 '검색 결과 없음'으로 뜨게끔 하였다 검색창 검색했을 때 검색단어가 그대로 남아있게 search 스크립틀릿(서블릿을 써도 됨) findStr이 null이 아닐 때 request.getParameter에서 가져옴 dao의 select메소드의 매개변수로 넣어줌 dao.select의 반환값이 List기 때문에 List타입으로 list객체안에 값을 넣어줌 그 값을 request의 setAttrivute을 써서 list에 저장함 dao에서 select public List select(String findStr) { List list .. 2021. 1. 15.
728x90
LIST