[게시판프로젝트]Spring MVC(MYSQL DB), Mybatis, JAVA, JSP, HTML, CSS, BootStrap, Jquery(AJAX, JSON)

소개

안녕하세요. 현직 개발자입니다.
Spring MVC, Mybatis, JAVA, JSP, HTML, CSS, BootStrap, Javascript, Jquery(AJAX, JSON) , MYSQL DB 기술을 이용한 게시판프로젝트입니다.

유저정보는 TB_COM_USER에서 조회해서 확인하시면 됩니다.

샘플 유저정보 및 투표데이터는 전부 쿼리파일에 있습니다.

게시판프로젝트 주요기능 및 기술

1. 공통

- 로그인(ID찾기, 패스워드찾기) / 로그아웃
- 회원가입, 회원정보 수정
- 데이터 검색 및 페이징(BootStrap 테이블이용)
- 약50000건 정도의 우편번호 데이터 삽입 후, 모달페이지에서 동으로 검색

2. main페이지

- 게시판 데이터 조회(유저이미지, 게시판본문, 데이터작성시간(몇시간전, 며칠전으로 표시)
- 조회순Top5, 좋아요순 Top5, 최신순
- 최근접속자리스트 Top5

3. 새 글 쓰기
- 제목, 본문 입력

4. 게시글상세
- 게시글코드, 좋아요 수, 조회수, 댓글수 표시
- 모바일형식의 댓글UI 구현

간단하게 구조를 설명드리면

전체 프레임워크는 Spring이며, Tomcat, MYSQL DB 등을 사용합니다.
자바(Controller, Service, ServiceImpl, Bean) + xml(mybatis) 로 셋트가 구성되어있습니다.
화면단은 JSP(BootStrap 이용)입니다.

Sciprt는 Jquery가 95%를 차지하고 있고요.
입력단 validation 체크라던가 공통(common.js)으로 빼놨으니, 소스분석하실때 보시면 됩니다.
입력단 validation은 화면마다 한줄처리로 가능하게 만들어놨습니다.

common.js(jquery구현) 주요기능

- 입력단 뒤로가기 버튼 방지
- 로그인체크
- validation자동체크(백그라운드에 애니메이션 효과(red))
- 입력단 필수값표시(required속성이용(html5)) 앞단에 빨간*표시

주요기술

- 비동기 사진업로드
- 비동기 JSON처리

코드 테이블이 따로 존재합니다.

주로 현업기술이 많이 들어가있지만 어렵지 않습니다.
개인적으로 졸작이나, 중간/기말고사 프로젝트, 학습용, 웹개발자가 되고자 하시는분들한테 유용한 프로젝트라고 생각합니다.

[ 구매문의 ] 를 통하여 문의사항을 남겨주시기 바랍니다
많은 이용바랍니다.

p.s) 프로젝트 import하시고 clean한번 해주시기 바랍니다.

컴파일 실행환경

JAVA JDK 1.7, MYSQL, ECLIPSE, TOMCAT

참고자료

· 없음