taglib 다운받는 방법
http://tomcat.apache.org/ 에 간다.
Apache Tomcat
-- Taglibs 클릭
Apache Standard Taglib
-- Download 클릭
Standard-1.2.5
Jar Files
Impl:
taglibs-standard-impl-1.2.5.jar 클릭하여 다운받는다. 컴퓨터 손상말이 나오면 계속에 클릭한다.
Spec:
taglibs-standard-spec-1.2.5.jar 클릭하여 다운받는다. 컴퓨터 손상말이 나오면 계속에 클릭한다.
EL:
taglibs-standard-jstlel-1.2.5.jar 클릭하여 다운받는다. 컴퓨터 손상말이 나오면 계속에 클릭한다.
lib 폴더에 넣음
실행 (execute) 파일 - 두개의 수를 입력받아서 곱셈하기
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>두개의 수를 입력받아서 곱셈하기</title>
<script type="text/javascript">
// Function Declaration
function goSubmit(){
// 정규표현식으로 유효성 검사
const regExp = /^[0-9]{1,5}$/; // {1,5} => 숫자가 최소 한자리부터 다섯자리까지
const frm = document.myFrm;
const num1 = frm.firstNum.value.trim();
const num2 = frm.secondNum.value.trim();
if( !(regExp.test(num1) && regExp.test(num2)) ) {
alert("숫자로만 입력하세요!!");
frm.firstNum.value = "";
frm.secondNum.value = "";
frm.firstNum.focus();
return; // 종료
}
frm.action = "01_multiply_result_02.jsp";
// frm.method = "GET"; // 어떤 방식인지 / method 를 명기하지 않으면 기본은 GET 방식이다.
frm.submit();
} // end of function goSubmit(){} --------------------------------------------
</script>
</head>
<body>
<h2>입력한 두개의 수를 곱한 값 알아오기</h2>
<form name="myFrm">
<p>
첫번째 수: <input type="text" name="firstNum" size="5" maxlength="5" /><br/>
두번째 수: <input type="text" name="secondNum" size="5" maxlength="5" /><br/>
<br>
<button type="button" onclick="goSubmit()">계산하기</button>
<button type="reset" >취소</button>
</p>
</form>
</body>
</html>
결과(result) 파일 - 두개의 수를 입력받아서 곱셈한 결과 출력하기
==== JSTL(JSP Standard Tag Library) 사용하기 ====
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
를 상단에 넣어준다.
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%-- ==== JSTL(JSP Standard Tag Library) 사용하기 ==== --%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%-- == 변수의 선언방법 == --%>
<c:set var="num1" value="${param.firstNum}" />
<c:set var="num2" value="${param.secondNum}" />
<c:set var="result" value="${num1 * num2}" />
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>두개의 수를 입력받아서 곱셈한 결과 출력하기</title>
</head>
<body>
${num1} 와 ${num2} 의 곱은 ${result} 입니다. <br><br>
${param.firstNum} 와 ${param.secondNum} 의 곱은 ${result} 입니다.
</body>
</html>'JSP' 카테고리의 다른 글
| JSTL(JSP Standard Tag Library) - 3. choose 사용 (0) | 2022.08.31 |
|---|---|
| JSTL(JSP Standard Tag Library) - 2. if 사용 (0) | 2022.08.31 |
| 액션태그 :useBean, :getProperty, :setProperty - 2 (0) | 2022.08.31 |
| 액션태그 :useBean, :getProperty, :setProperty (0) | 2022.08.31 |
| >> JSP 개요 << (0) | 2022.08.30 |