final-web-project-delibrary📖

자바 웹개발 과정 파이널 팀 프로젝트 : 도서관 웹서비스 딜리브러리

1.구현기간

2020. 10.01 ~ 2020.11.30

2. 참여인원

📘박재성
📗오김인
📒오나영
📙이유림 👋me
📓양현왕
📔홍용택

3.개발개요

SpringMVC패턴을 활용한 온라인 도서관 대여 서비스 제공하는 웹사이트 제작

4.기술스택

• 프론트: HTML/CSS, Javascript, Jquery, Bootstrap 4, JSP / IDE: VScode
• 백: Java, OracleDB, SpringBoot, MyBatis, Ajax / Tools and IDE: Spring Tool Suite4, Eclipse, SQLDeveloper

5. 주요구현기능

🌱 홈화면 검색창 디자인

✔️ 홈화면을 새로고침 할때마다 랜덤으로 도서관 도서에 관련된 헤드라인 글귀, 도서관 이미지, 이미지에 맞는 장소가
나오는 디자인을 구현.

 //홈헤딩 이미지 랜덤출력 구현예시
       const home_heading = document.getElementById('home-heading');
    
       const images = ['library1.png','library2.png','library3.png','library4.png','library5.png','library6.png','library7.png','library8.jpg'];
       const getImage = Math.floor(Math.random() * images.length);
       
       home_heading.style.background = "url('../img/" + images[getImage] + "')";

🌱 회원가입/탈퇴

회원가입 및 탈퇴 뷰페이지, 관련기능 전체구현.

💡기능 하이라이트💡

✔️ Ajax를 이용한 메일 중복확인 기능🔗
✔️ 정규식을 이용한 비밀번호 유효성 검사 🔗
✔️ Sha256 을 이용한 DB 비밀번호 암/복호화 🔗
✔️ KakaoAPI를 이용한 우편번호 검색기능 🔗
✔️ 세션유지를 통한 회원가입 성공 Welcome 페이지 구현 🔗
✔️ Ajax를 이용한 비밀번호 검증 뒤 회원탈퇴 🔗

🌱 로그인,아웃/이메일찾기/임시비밀번호 발급

로그인, 로그아웃 세션유지 및 부가 기능 뷰페이지와 기능 일체구현.

💡기능 하이라이트💡

✔️ Ajax를 이용한 비밀번호 검증 뒤 회원탈퇴 🔗
✔️ 임시비밀번호 발급, 메일전송 🔗 비밀번호찾기🔗 이메일

🌱 인기도서 페이지

DB에서 가장 빌린 도서가 많은 순으로 12개의 도서의 정보를 인기도서 페이지에 출력.

👇인기도서 목록을 뽑아오기 위한 DB Select 문

  <select id="getPopBook" resultType="bookVO">
  	<![CDATA[select * from(select b_title, b_writer,b_image,count(bor_no) from book, 
  	borrow where book.b_no = borrow.b_no group by b_title, b_writer, b_image order by count(bor_no) desc) 
  	where rownum<=12 ]]>
  </select>

🌱 그 외 구현한 홈페이지 기능

✔️ 🔗 서비스 이용정보 페이지
✔️ 🔗 사이트맵