Learning/JSP 썸네일형 리스트형 서블릿 Dynamic Web Project-FirstSevlet Next> 누르다가 체크 기존 프로젝트의 META-INF에 있는 context.xml 파일을 복사해서 붙여넣기 exam이라는 폴더를 만들고 adder라고 하는 jsp만들기. addResult.jsp를 하나더 만들어서 입력한 num1과 num2의 덧셈결과 뽑기. adder.jsp: 숫자 덧셈 폼 첫번째 수 : 두번째 수 : addResult.jsp: 덧셈결과 로직 덧셈결과: 뺄셈결과: adder2.jsp 만들고 form action="adder" 라고 바꾸기. adder를 어떻게 찾을까? 첫번째 수 : 두번째 수 : FirstServlet의 WEB-INF 폴더에 있는 web.xml 파일을 다음과 같이 수정하기 FirstServlet adder-ser.. 더보기 게시판 2 게시판 하단에 페이지 표시하기 한 페이지당 몇 개의 게시글을 표시할 것인가? int pageSize=5 (5개의 게시글) 글이 하나만 있더라도 페이지는 1로 표시된다. String pageNum (String으로 pageNum을 reqest 받아옴) int currentPage (현재 페이지. String pageNum을 int형으로 변환) 10개의 게시글이 있다고 가정했을때 1페이지에는 6~10번째, 2페이지에는 1~5번째 게시글이 표시된다. 페이지당 표시되는 게시글의 첫번째를 startRow, 마지막번째를 endRow라고 한다. startRow=(currentPage-1)*pageSize+1; (현재 페이지가 1이라면 startRow는 1) endRow=currentPage*pageSize; (현재 .. 더보기 게시판 1 writeForm.jsp: 게시판에 글 등록하는 폼 이름 제목 이메일 내용 비밀번호 BoardVO.java: 게터 세터 자바빈즈 package com.board; public class BoardVO { private int num; private String writer; private String subject; private String email; private String content; private String ip; private int readcount; private int ref; private int re_step; private int re_level; private String passwd; private String reg_date; public int getNum() { re.. 더보기 회원가입2 회원가입 (JMEMBER) 에서 memberList.jsp에 전체회원수 출력하기 memberList.jsp에 int count=dao.memberCount(); 변수 선언 MemberDAOImpl에 public int memberCount() 메소드 생성. if(rs.next())로 count 변수에 rs.getString(1)값 주기 회원 삭제할때 전체 회원 수도 가져오기 (그 전엔 새로고침 해야지 전체 회원 수가 바뀌었음) 제이슨 어레이로 memberList.jsp에 값들을 뿌렸다. 삭제할때 새로고침 없이 전체회원수도 함께 바꾸려면, 즉 제이슨 어레이와 전체회원수와 같이 연결하려면.. 제이슨 오브젝을 하나 만들고 기존의 제이슨 어레이와 전체회원수count를 넣어준다. (put) memberList.j.. 더보기 회원가입 DAO: Data Access Object. Database의 data에 접근을 위한 객체. Database에 접근을 하기위한 로직과 비즈니스 로직을 분리하기 위해서 사용함 커넥션 풀: DB와 연결할때 매번 커넥션 객체를 생성하지 않고 미리 만든후 가져다 씀. 다쓰면 반환. DTO(=VO): Data Transfer Object. Value Object. 계층간 데이터 교환을 위한 자바빈즈. (VO는 read only 속성을 가짐) (생성자, 게터 세터 모음을 자바빈즈라 하는군) New Dinamic Web Project로 JSP_Project 생성하고 context.xml파일을 META-INF 폴더에 붙여넣기, json-simple-1.1.1.jar 파일을 WEB-INF 폴더에 붙어넣기. WebCont.. 더보기 주소록 생성하기2 insert.jsp: 테이블 형식으로 폼 만들기. 우편번호 검색 버튼을 누르면 새 창이 뜨고 우편번호 검색할 수 있는 환경 제공 전체보기=list.jsp로 링크 우편번호 텍스트필드 옆 검색버튼=zipCheck.jsp를 새 창으로 열기(window.open) 등록버튼=insertPro.jsp로 폼 액션 보내기 전체보기 주소록 등록하기 이름 우편번호 주소 전화번호 zipCheck.jsp: 우편번호 검색 창. 제이슨 형식으로 zipCheckPro.jsp의 값들을 가져옴 제이슨 형식으로 가져온다? $.getJSON(가져올 파일, {키:값}, function(data){ $.each(data, function(key, val){ }) 동이름 입력 zipCheckPro.jsp: zipCheck의 동이름검색에서 넘어.. 더보기 JSON 형식의 데이터값 읽어오기 exam03: 결과, 결과 2 버튼 생성. 결과 버튼 클릭할 경우 메시지, 데이터 처리상태 출력 결과 결과2 data.txt: JSON 형식의 데이터 [ { "memberNumber":"m001", "irum":"goroman", "picture":"goroman.png" }, { "memberNumber":"m002", "irum":"kingkang", "picture":"myFace.png" } ] + 파싱이 되어있는 함수를 사용 (exam03.jsp의 버튼2) 결과 결과2 더보기 ajax방식을 이용하여 id, pw 입력하고 하단부에 출력 ajax: 비동기적 처리 방식. jquery에 있는 ajax html(): html태그를 이용하고 싶을때 text(): document 글자들을 가져오거나 바꿀때 val(): form의 값을 가져오거나 값을 설정할때 exam02.jsp: 아이디와 비밀번호, 전송 버튼. 전송버튼을 누르면 아이디와 비밀번호가 하단부에 뜨도록 id: pwd: process.jsp: exam02.jsp의 콜백함수에 담길 데이터 값 더보기 자바스크립트, DB 이용하여 주소록 생성하기 Address.java : 게터 세터, 생성자 package com.address; public class Address { private long num; private String name; private String zipcode; private String tel; private String addr; public long getNum() { return num; } public void setNum(long num) { this.num = num; } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getZipcode() { return zipcod.. 더보기 jQuery 이용 input.jsp를 복사해서 input2.jsp 파일 생성 function으로 함수를 부를 수도 있지만 제이쿼리를 쓰기위한 라이브러리 파일을 다운받아서 사용 절대경로: 루트부터 상대경로: 나 자신으로 부터 (. (점): 나 자신, ..(점점): 부모) 아이디는 #으로 시작, 클래스는 . 으로 시작 val(): 밸류값을 가져오는 함수 태그는 # 붙이지 않음. []는 속성 제이쿼리를 이용해서 alert창 띄우기 (input2.jsp) 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55.. 더보기 이전 1 2 3 4 5 다음
