[HTML] Table의 데이터 송수신 실습 - 해당 열과 행의 숫자를 받아 테이블 그리기

Table.jsp ▼▼▼

<%@ page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Table.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">

</head>
<body>

<div>
	<h1>JSP를 이용한 데이터 송수신 실습05</h1>
	<hr>
	<p>Table.jsp ■ → TableOk.jsp □</p>
</div>

<div>
	<form action="TableOk.jsp" method="post">
		<table class="table">
			<tr>
				<th>가로</th>
				<td>
					<input type="text" name="su1" class="txt">
				</td>
			</tr>
			<tr>
				<th>세로</th>
				<td>
					<input type="text" name="su2" class="txt">
				</td>
			</tr>
			<tr>
				<td colspan="2">
					<button type="submit" class="btn control" style="width: 400px;">결과 학인</button>
				</td>
			</tr>
		</table>
	</form>
</div>
</body>
</html>

TableOk.jsp ▼▼▼

<%@ page contentType="text/html; charset=UTF-8"%>
<%
	// 스크립트 릿 영역 → 이전 페이지로부터 전송된 데이터 수신
	
	request.setCharacterEncoding("UTF-8");
	int row = 0;
	int col = 0;
	
	String table = "";
	
	
	try
	{
		col = Integer.parseInt(request.getParameter("su2"));
		row = Integer.parseInt(request.getParameter("su1"));
		
		for(int i=0; i<col; i++)
		{
			table += "<tr>";
			for(int k=0; k<row; k++)
			{
				table += "<td></td>";
			}
			table += "</tr>";
		}	
	}
	catch(Exception e)
	{
		System.out.println(e.toString());
	}
	
%>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>TableOk.jsp</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>

<div>
	<h1>JSP를 이용한 데이터 송수신 실습05</h1>
	<hr>
	<p> Table.jsp □ → TableOk.jsp ■</p>
</div>
<!-- tr = 행 -->
<!-- td = 열 -->
<div>
	<form>
		<table border="1" style="width: 300px; height: 40px">
				<%=table %>	
		</table>
	</form>
</div>



</body>
</html>

728x90

저작자표시 비영리 변경금지

'WEB Archive' 카테고리의 다른 글

[HTML] 임의의 정수 2개를 입력받아 정수의 합을 전송하는 jsp파일 구현 (form 전송) (0)	2024.08.21
[HTML] radio 버튼과 selectBox 의 데이터 전송하기(단일데이터와 다중데이터 참고) (0)	2024.08.21
[HTML] - jsp 이해하기 및 관찰 Scriptlet 영역 확인 <% %> (0)	2024.08.21
[HTML] jsp - 스크릿 릿 영역에서 기초 실습 (0)	2024.08.21
[HTML] jsp - 스크립 릿 선언부 <%! %> (0)	2024.08.21