2016. 9. 19. 17:37ㆍProgramming/JSP
<JSP를 들어가기 전에....>
MySQL DATABASE에 연결해 보기.
전 포스팅에서 처럼 Dynamic Web Project를 새로 생성(이름은 L01JDBC)
그 다음 Java Resources 의 src 에 com.javalesson.source 패키지를 만들고
그 안에 새로운 클래스 MemberList.java를 생성
그 다음 WebContent 의 WEB-INF 내부의 lib에 mysql 커넥터를 붙여넣기
(전 장의 mysql 다운로드시 같이 받아둔 파일 압축풀기 하면 나오는 .jar파일)
<아래 그림처럼 나오도록!>
이제 MemberList.java를 servlet으로 만들어서 DB를 연결합니다.
<목표 결과>
이름, ID, 패스워드, 이메일, 폰번호, 권한(관리자, 일반)의
1) 정보를 DB에 입력
2) 결과 확인
3) 특정(num으로 접근) 회원의 정보 수정
1번 화면(index.jsp 페이지)
2번 화면(MemberList 페이지)
3번 화면(updateForm.jsp 페이지), 실행 후 MemberList로 돌아감
<프로젝트 구조도>
<프로젝트 구축 순서>
1번 화면(index.jsp 페이지) 만들기
<INDEX.JSP 구성요소>
1) Page 정보
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
2) Method 선택: doGet() or doPost()
<form action="MemberAdd" method="post">
*form: frame 역할
3) <p></p> 판넬: 한 행을 나타냄
4) 라벨(label)
<label for="uId">ID</label> <input type="text" id="uId" name="uId" size="20" placeholder="ID를 입력하세요.">
5) 라벨-radio
<label for="admin">관리자</label> <input type="radio" id="admin" name="admin" value="0">
<label for="normal">일반</label> <input type="radio" id="normal" name="admin" value="0">
6) input 버튼
<input type="submit" value="제출">
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 56 57 58 59 60 61 62 63 | <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!-- ctrl+shift+/로 주석 달 수 있음 --> <!-- page language="java": jsp를 사용하겠다. --> <!-- jsp 문서는 servlet 문서와 같다. --> <!-- % % 스크립트릿 내부는 doGet method 내부와 같다 --> <!-- %! % 전역을 표현한다. --> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Insert title here</title> </head> <body> <h2>회원가입 폼(insert)</h2> <h4>INSERT INTO MEMBER (id,pwd,name,phone,email,admin) VALUES ('admin','1234','관리자','111-11111','admin@gmail','1');</h4> <h4>insert 쿼리를 실행하는 MemberAdd servlet을 호출한다.</h4> <h4>성공시 MemberList servlet을 호출, 실패시 회원가입 form으로 돌아온다</h4> <!-- a href="MemberList">멤버리스트 출력</a> --> <form action="MemberAdd" method="post"> <!-- action(=a)은 특정 페이지를 호출 --> <!-- method는 서블릿의 특정 페이지 doGet or doPost 중 하나를 호출함 --> <p> <label for="uName">이름</label> <!-- 누구의 label인지 for 속성으로 등록. --> <input type="text" id="uName" name="uName" size="20" placeholder="이름을 입력하세요."> </p> <!-- 판넬 --> <p> <label for="uId">ID</label> <input type="text" id="uId" name="uId" size="20" placeholder="ID를 입력하세요."> </p> <p> <label for="uPass">pass</label> <input type="password" id="uPass" name="uPass" size="20" placeholder="password를 입력하세요."> </p> <p> <label for="uEmail">E-mail</label> <input type="email" id="uEmail" name="uEmail" size="20" placeholder="email를 입력하세요."> </p> <p> <label for="uPhone">Phone</label> <input type="text" id="uPhone" name="uPhone" size="20" placeholder="폰번호를 입력하세요."> </p> <p> <label for="admin">관리자</label> <input type="radio" id="admin" name="admin" value="0"> <label for="normal">일반</label> <input type="radio" id="normal" name="admin" value="0"> <!-- name("admin")이 같게 하면 둘 중 하나만 선택가능--> </p> <!-- name 속성은 form 태그 안에서 유일한 값이어야(DB Primary Key) --> <!-- id 속성은 html 문서 안에서 유일한 값이어야 --> <input type="submit" value="제출"> </form> </body> </html> | cs |
'Programming > JSP' 카테고리의 다른 글
| Day 5(9/21) 회원 추가 기능 구현 (0) | 2016.09.27 |
|---|---|
| Day 4(9/20) MemberList Back단 구현(+Bean클래스 만들기) (0) | 2016.09.27 |
| JSP 개념 정리 (0) | 2016.09.26 |
| Day 3(9/19) 회원리스트 화면 만들기 (0) | 2016.09.19 |
| Day 1(9/12) 톰캣 설치 & 첫 Servlet 생성 (0) | 2016.09.19 |