1. jsp영역 안에서 html사용은 문자로 처리
○ out.print를 사용한다.
① 예제 : 가로와 세로를 입력받아 표 만들기
table.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="table_ok.jsp" method="post">
가로:<input type="text" name="su1"></br>
세로:<input type="text" name="su2"></br>
<input type="submit" value="결과"></br>
</form>
</body>
</html>
table_ok.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
int su1 = Integer.parseInt(request.getParameter("su1"));
int su2 = Integer.parseInt(request.getParameter("su2"));
int n=0;
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<table border="1">
<%
for(int i=1;i<=su1;i++){
out.print("<tr>");
for(int j=1;j<=su2;j++){
n++;
//out.print("<td width='50'>" +n+ "</td>");도 가능
%>
<td width="50"><%=n %></td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
결과
입력 받은 값으로 테이블을 만들기 위해서는 jsp를 이용해야한다.
→ <% %>안에서 for문으로 작성
→html사용은 out.print();를 사용
table.jsp
가로 : 5
세로 5
table_ok.jsp
2. 예제
○ 입력한 단의 구구단 출력
gugudan.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<form action="gugudan_ok.jsp" method="post">
단:<input type="text" name="dan"></br>
<input type="submit" value="결과"></br>
</form>
</body>
</html>
gugudan_ok.jsp
<%@ page contentType="text/html; charset=UTF-8"%>
<%
request.setCharacterEncoding("UTF-8");
int dan = Integer.parseInt(request.getParameter("dan"));
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
구구단을 해보자:)</br></br>
<%=dan %>단</br>
<%
for(int i=2;i<=9;i++){
String str = String.format("%d X %d = %d</br>", dan,i,(dan*i));
out.print(str);
//out.print(dan+ " X " +i+ " = " +(dan*i)+ "</br>");
}
%>
</body>
</html>
gugudan_ok.jsp
'STUDY > JSP' 카테고리의 다른 글
| Jsp 4일차 - buffer (0) | 2019.02.15 |
|---|---|
| Jsp 4일차 - submit & button (0) | 2019.02.15 |
| Jsp 4일차 - request & response (0) | 2019.02.14 |
| Jsp 4일차 - 이벤트 (0) | 2019.02.14 |
| Jsp 3일차 - CSS기본 (0) | 2019.02.14 |
댓글