백문이불여일타

[Jsp/Servlet]스크립트요소_구구단 출력 예제 본문

Jsp

[Jsp/Servlet]스크립트요소_구구단 출력 예제

퇴근각 2019. 7. 10. 18:24

구구단을 자바 for문과<table>태그의<tr>태그를 이용해 리스트로 출력하는 예제  실습

 

1.구구단의 gugu.html, gugu.jsp, gugu2.jsp 준비한다

 

2.출력할 구구단의 단수를 입력받아 gugu.jsp로 포워딩(=위임)한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html>
<head>
  <title>단수 입력창</title>
<meta charset="UTF-8">
</head>
<body>
   <h1> 구구단의 단수를 입력하세요.</h1>
   <form method=get action="gugu.jsp">
      출력할 구구단  : <input type='text'  name='dan' /> <br>
              <input type ='submit' value='출력하기'>                  
   </form>
</body>
</html>
 
cs

 

 

3. 스크립트릿안에서 자바for문을 이용해<table>태그의 행을 나타내는 <tr>태그를 연속해서 브라우저로 출력

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
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
  request.setCharacterEncoding("utf-8");
  int dan=Integer.parseInt(request.getParameter("dan"));
%>   
<!DOCTYPE html>  
<html>
<head>
<meta charset="UTF-8">
<title>구구단 출력창</title>
</head>
<body>
   <table border='1' width='800' >
     <tr align='center' bgcolor='#FFFF66'> 
        <td colspan='2'><%= dan %>단 출력  </td>
     </tr>
    <%
      for(int i=1; i<10;i++){
    %> 
        <tr align='center'> 
            <td width='400'> 
               <%=dan %> * <%=%>    
          </td>
          <td width='400'>
             <%=i*dan %>
          </td>
        </tr>
    <%
      }
    %>
   </table>
</body>
</html>
 
cs

4. 입력창에서 단수를 입력한 후 전송한다.

 

 

Comments