▶ 테이블 예제
사용한 테이블 예제는 w3school.com 에서 참고하였다.
참고한 html을 복사해서 jsp파일로 저장 함.
01회원리스트(한명)
no | 아이디 | 비번 | 권한 | 이름 | 이메일 |
---|---|---|---|---|---|
Jill | Smith | 50 | |||
Eve | Jackson | 94 | |||
John | Doe | 80 |
1-2 <%@ page language ~KR"%> 부분은 한글 출력을 위해 필요한 코드.
코드없이 한글을 작성하면 에러가 난다.
17-24 <tr>~</tr>은 테이블 맨 첫 행을 의미하고, 갯수를 늘릴수 있음.
01회원리스트(한명)
no | 아이디 | 비번 | 권한 | 이름 | 이메일 |
---|---|---|---|---|---|
01 | id001 | pw001 | 관리자 | 홍길동 | email01 |
테이블 내용도 수정했다.
저번에 만든 index.jsp와 위의 table.jsp를 활용하여
user_list.jsp를 완성할 수 있다.
▶user_list.jsp 구성하기
user_list.jsp파일은 index.jsp파일과 같이 보이도록 전체를 복사해서 붙여넣음.
앞서 만든 table.jsp파일의 <style>~</style> 부분을 복사해서 user_list.jsp 파일의 헤더에 붙여 넣는다.
마찬가지로 table.jsp파일의 body부분을 복사하여 user_list.jsp파일의 rightcolumn이라는 <div> 안쪽에 붙여넣는다.
> 회원리스트 결과<
http://localhost:8080/LayoutUG35/user/user_list.jsp
▶ user_list_insert.jsp 파일 구성
미리 구성해둔 회원가입 화면의 폼의 액션 링크를 jser_list_insert.jsp 파일과 연결했다.
user_list.jsp 파일을 복사하여 이름만 user_list_insert.jsp 로 바꾼다.
내용을 수정한 후 index.jsp 파일을 실행하고 결과를보자.
회원리스트에 한명이 더 추가된걸로 보인다.