본문 바로가기

카테고리 없음

html의 활용과 테이블 예제

 

▶ 테이블 예제

https://www.w3schools.com/

사용한 테이블 예제는 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 파일을 실행하고 결과를보자.

 

 

회원리스트에 한명이 더 추가된걸로 보인다.