1️⃣ 계산기 화면구현
2개의 숫자와 연산자를 선택하고 실행 버튼을누르면 입력값을 서블릿으로 전달하고,
브라우저로부터 전달된 입력값을 가져와 계산후 결과를 출력하는 구조로 만들것이다.
webapp 폴더에서 ch05 폴더를 만들고 calclForm.html을 생성해주자.
최초 생성 코드는 다음과 같다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>코드를 다음과 같이 수정해주자.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Simple Calculator</title>
</head>
<body>
<h2>계산기 서블릿</h2>
<hr>
<form method="post" action="http://localhost:8081/calc">
<input type="text" name="n1" size="10"> <select name="op">
<option>+</option>
<option>-</option>
<option>*</option>
<option>/</option>
</select> <input type="text" name="n2" size="10">
<input type="submit" value="실행">
</form>
</body>
</html>결과 화면이 다음과 같으면 성공
2️⃣ 계산기 서블릿 구현
계산기 서블릿은 지난번의 HelloWorld 서블릿 생성과 똑같다.
CalcServlet으로 서블릿을 생성해주자.
이클립스 기준으로 다음과 같이 옵션을 설정하면된다.
- Java Package : ch05
- Class name : CalcServlet
- Url mapping : /calc
코드는 아래와 같다.
package ch05;
import javax.servlet.*;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.*;
import java.io.IOException;
import java.io.PrintWriter;
@WebServlet("/calc")
public class CalcServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
public CalcServlet() {
super();
}
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
int n1 = Integer.parseInt(request.getParameter("n1"));
int n2 = Integer.parseInt(request.getParameter("n2"));
String op = request.getParameter("op");
long result = 0;
switch(request.getParameter("op")) {
case "+": result = n1+n2; break;
case "-": result = n1-n2; break;
case "/": result = n1/n2; break;
case "*": result = n1*n2; break;
}
response.setContentType("text/html; charset=utf-8");
PrintWriter out = response.getWriter();
out.append("<html><body><h2>계산기 서블릿</h2><hr>")
.append("계산 결과 :"+result+"</body></html>");
}
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
doGet(request, response);
}
}
html 을 직접 열어서 테스트해보자. 결과가 잘뜨면 성공이다.
[메인으로 돌아가기]
'Java Spring > JSP와 스프링' 카테고리의 다른 글
| 10. JSP 프로그래밍: 계산기 구현 (0) | 2022.07.09 |
|---|---|
| 9. JSP 기초 종합 예제 (0) | 2022.07.09 |
| 7. Hello World! (0) | 2022.07.08 |
| 6. ToDo리스트 앱 만들기 (0) | 2022.07.07 |
| 5. 회원 가입 폼 만들기 (0) | 2022.07.03 |