본문 바로가기

이클립스/게시판만들기

(5)
[java/servlet/oracle/mybatis]이클립스에서 마이바티스를 이용해 디비 연결하기 로그인 사용자를 실제 DB에 있는 사용자와 비교하여 유효성을 검사하기 위해서 이클립스와 오라클을 연동해보겠습니다. -오늘 목표- 로그인한 사용자를 DB에 사용자와 비교해서 로그인 시켜주기! 1. 프로젝트-lib폴더에 ojdbc7와 mybatis를 추가합니다. 2. Java Resources-src에서 servlet클래스를 생성합니다. 패키지 이름은 board로 정했습니다. 자 오류가 뜹니다 ~ 대충 해당 자바 클래스가 servlet이 뭔지 모르겠다는 내용입니다.. Board프로젝트 우클릭-properties-Build Path로 들어가줍니다. Libraries탭-Add Library..-Server Runtime-Tomcat 선택 후 OK 오류가 모두 사라졌습니다 ! ~ 3. Java Resources-..
[java/html/js]게시판 프로젝트-로그인페이지 이벤트 추가 지난 포스팅에서 만든 html 화면입니다. 아직은 아무 작동도 하지 않습니다. 오늘 할것은 ~ ID, PW 입력 값 가져오기 로그인 클릭시 유효한 회원인지 검사하기 1. jquery를 사용하기위해 lib폴더에 제이쿼리 라이브러리를 추가합니다. 2. WebContent의 js폴더에 Login.js를 생성합니다. 3. Login.html에서 js를 연결하기 위해 import 합니다. LOGIN PAGE ID 로그인 PW 지난포스팅에서 작성한 Login.html 파일에 head안에 두줄을 추가해주었습니다. 이제 Login 페이지에서 jquery를 사용하고 javascript로 작성한 코드를 적용할 수 있습니다. 4. Login.js 코드 작성 $(document).ready(function(){ var adm..
[java/html/js]게시판 프로젝트-로그인페이지 화면 만들기 게시판 화면으로 이동하기 전 로그인을 해야합니다. 사용자의 아이디와 비밀번호를 입력받을 화면을 html코드로 작성해보겠습니다. 생성한 다이나믹 웹 프로젝트에서 진행합니다. 1. WebContent - WEB-INF - html 우클릭 - New - HTML File 선택 2. 파일명을 Login.html으로 설정 후 Finish 3. 다음과 같이 코드를 작성합니다. LOGIN PAGE ID 로그인 PW 4. 이클립스 코드 위에서 Alt+Enter 누르면 프로퍼티로 이동합니다. 아직 서버를 생성하지 않았기 때문에 경로를 복사해 웹브라우저에서 이동! 로그인페이지 생성 완료. 다음시간엔 js파일과 연결하여 페이지에 이벤트를 주고, 서버를 생성하여 실행해보겠습니다.
[Java/html/js]게시판 프로젝트-구성하기 프로젝트 구성, 환경 Languages : Java(Servlet), html, javascript, sql 툴 : 톰캣7, 오라클12C, sqldeveloper19 라이브러리 : jquery, mybatis(데이터베이스 연동), jackson(JSON 변환), log4j2(로깅) 만들 게시판 페이지 구성 1. 로그인 : 아이디, 비밀번호를 입력하여 로그인 - DB에 있는 회원테이블에서 조회하여 유효회원 검사 2. 게시판 목록 : 게시판의 제목, 작성자, 작성일 등을 목록으로 보여줌 - DB에 있는 게시판을 조회 - 글 작성 버튼 구현 - 검색 기능 구현 - 페이징 처리 구현 3. 상세조회 페이지 : 목록에서 클릭한 게시글을 보여줌 - 게시글ID를 통해 해당 게시글을 DB에서 조회 - 게시글의 댓글을 보..
이클립스 Dynamic Web Project 생성하기 웹페이지를 만들기 위해 Dynamic Web Project를 생성합니다. 1. Project Explorer - 우클릭 - New - Dynamic Web Project 2. 프로젝트명 설정 게시판을 만들기 위해 프로젝트명을 Board로 만듭니다. 3. Next를 두번 클릭 후 아래 Generate web.xml deployment decriptor를 체크합니다. web.xml : Welcome File(웹프로젝트 실행 시 가장 먼저 보여질 파일)을 설정할 수 있습니다. 4. 폴더 구조 - Java Resources : Servlet, Test코드 등 자바 코드가 들어갈 부분입니다. (동적컨텐츠) - WebContent : html, js 폴더에는 정적컨텐츠, WEB-INF에는 js관련 라이브러리 및 w..