JSP - chapter01(2)
🧨メソッド名ルール
🧨宣言子の関数-1 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%! //선언부 시작
/*
스크립트릿이나 표현식에서 사용할 수 있는 함수를 작성 할 때 사용
선언부의 함수는 자바의 메서드와 동일
정수 값 : int, short, long
실수 값 : float, double
*/
public int multiply(int a, int b) {
int c = a * b;
return c;
}
%>
<!DOCTYPE html>
<html>
<head>
<title>선언부의 함수연습</title>
</head>
<body>
10 * 25 = <%=multiply(10, 25)%>
</body>
</html>
出力:10*25=250
🧨宣言子の関数-2 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%!
public int add(int a, int b) {
int c= a + b;
return c;
}
public int subtract(int a, int b){
int c = a - b;
return c;
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>선언부의 함수연습</title>
</head>
<body>
3 + 9 = <%=add(3, 9) %>
<br>
3 - 9 = <%=subtract(3, 9) %>
</body>
</html>
出力:
3 + 9 = 12
3 - 9 = -6
🧨九九九九の練習 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>구구단</title>
</head>
<body>
<table border="1">
<tr>
<%
for(int i=2; i<=9; i++){
%>
<th><%=i %>단</th>
<%
}
%>
</tr>
<%
for(int j=1; j<=9; j++){
%>
<tr>
<%
for(int i=2; i<=9; i++){
%>
<td><%=i %> * <%=j %> = <%=i*j %></td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
出力:
<デフォルトのオブジェクトを要求>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%! //선언부 시작
/*
스크립트릿이나 표현식에서 사용할 수 있는 함수를 작성 할 때 사용
선언부의 함수는 자바의 메서드와 동일
정수 값 : int, short, long
실수 값 : float, double
*/
public int multiply(int a, int b) {
int c = a * b;
return c;
}
%>
<!DOCTYPE html>
<html>
<head>
<title>선언부의 함수연습</title>
</head>
<body>
10 * 25 = <%=multiply(10, 25)%>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%!
public int add(int a, int b) {
int c= a + b;
return c;
}
public int subtract(int a, int b){
int c = a - b;
return c;
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>선언부의 함수연습</title>
</head>
<body>
3 + 9 = <%=add(3, 9) %>
<br>
3 - 9 = <%=subtract(3, 9) %>
</body>
</html>
出力:3 + 9 = 12
3 - 9 = -6
🧨九九九九の練習 <%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>구구단</title>
</head>
<body>
<table border="1">
<tr>
<%
for(int i=2; i<=9; i++){
%>
<th><%=i %>단</th>
<%
}
%>
</tr>
<%
for(int j=1; j<=9; j++){
%>
<tr>
<%
for(int i=2; i<=9; i++){
%>
<td><%=i %> * <%=j %> = <%=i*j %></td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
出力:
<デフォルトのオブジェクトを要求>
<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<title>구구단</title>
</head>
<body>
<table border="1">
<tr>
<%
for(int i=2; i<=9; i++){
%>
<th><%=i %>단</th>
<%
}
%>
</tr>
<%
for(int j=1; j<=9; j++){
%>
<tr>
<%
for(int i=2; i<=9; i++){
%>
<td><%=i %> * <%=j %> = <%=i*j %></td>
<%
}
%>
</tr>
<%
}
%>
</table>
</body>
</html>
Webブラウザ(クライアント)がWebコンテナ(Tomcat/Webサーバ)に送信するリクエストに関する情報を提供する
JSPページで最もよく使用されるデフォルトのオブジェクト.Webブラウザのリクエストに関連
WebブラウザにWebアドレスを入力すると、ブラウザはそのWebサーバに接続され、要求情報を送信します.このリクエストの情報が表示されます.
主な機能
🧨けいさんき <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%! //선언부 사용
public int add(int a, int b) {
return a + b;
}
public int minus(int a, int b) {
return a - b;
}
public int multi(int a, int b) {
return a * b;
}
public int sub(int a, int b) {
return a / b;
}
%>
<%
String firstStr = request.getParameter("a")==null? "0" : request.getParameter("a");
String sikStr = request.getParameter("sik")==null? "+" : request.getParameter("sik");
String secondStr = request.getParameter("b")==null? "0" : request.getParameter("b");
int firstInt = Integer.parseInt(firstStr); //첫번째 숫자
int secondInt = Integer.parseInt(secondStr); //두번째 숫자
int resultInt = 0; //연산결과
if(sikStr.equals("+")) { //덧셈
resultInt = add(firstInt, secondInt);
}else if(sikStr.equals("-")) {//뺄셈
resultInt = minus(firstInt, secondInt);
}else if(sikStr.equals("*")) { //곱셈
resultInt = multi(firstInt, secondInt);
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsp계산기</title>
<script type="text/javascript" src="../../js/lib/jquery-3.6.0.js"></script>
<script type="text/javascript">
function fncA(geta, getb) {
/* alert(geta + "," + getb); */
console.log(geta + "," + getb);
var vara = document.getElementById("a");
var varSik = document.getElementById("sik");
var varb = document.getElementById("b");
if(vara.value == "") { //첫번째 값이 없을 때 첫번째 값을 입력
if(getb == 0){ //7클릭하면 7, 0임(숫자일 경우만 체크 [0: 숫자, 1: 연산자, 3: 실행])
vara.value = geta;
}
}else { //첫번째 값이 있을 때 두번째 값으로 입력
if(getb == 0) {
varb.value = geta;
}
}
//연산자를 입력함
if(getb == "1") {
varSik.value = geta;
}
}
function fn_chk() {
var vara = document.getElementById("a");
var varSik = document.getElementById("sik");
var varb = document.getElementById("b");
if(vara.value == "") {
alert("첫번째 숫자를 입력해주세요.");
return false;
}
if(varSik.value == "") {
alert("연산자를 입력해주세요.");
return false;
}
if(varb.value =="") {
alert("두번째 숫자를 입력해주세요.");
return false;
}
return true; //submit이 실행됨
//localhost:8090/chapter02/calc2.jsp?a=7&sik=x&b=2&txtResult=
}
</script>
</head>
<body>
<form name="frm" id="frm" method="get" action="/chapter02/calc2.jsp" onsubmit="return fn_chk()"> <!-- onsubmit : name있는거 빈값인지 전부 확인 후 submit함 -->
<input type="hidden" name="a" id="a" value="">
<input type="hidden" name="sik" id="sik" value="">
<input type="hidden" name="b" id="b" value=""><br>
<table border="1" style="width: 400px;">
<tr>
<th colspan="4"><input style="width: 90%; text-align: right;" type="text" id="txtResult" name="txtResult" value="<%=resultInt %>" ></th>
</tr>
<tr>
<th><input type="button" value="7" onclick="fncA('7', '0')"></th>
<th><input type="button" value="8" onclick="fncA('8', '0')"></th>
<th><input type="button" value="9" onclick="fncA('9', '0')"></th>
<th><input type="button" value="*" onclick="fncA('*', '1')"></th>
</tr>
<tr>
<th><input type="button" value="4" onclick="fncA('4', '0')"></th>
<th><input type="button" value="5" onclick="fncA('5', '0')"></th>
<th><input type="button" value="6" onclick="fncA('6', '0')"></th>
<th><input type="button" value="-" onclick="fncA('-', '1')"></th>
</tr>
<tr>
<th><input type="button" value="1" onclick="fncA('1', '0')"></th>
<th><input type="button" value="2" onclick="fncA('2', '0')"></th>
<th><input type="button" value="3" onclick="fncA('3', '0')"></th>
<th><input type="button" value="+" onclick="fncA('+', '1')"></th>
</tr>
<tr>
<th><input type="button" value="" onclick=""></th>
<th><input type="button" value="0" onclick="fncA('0', '0')"></th>
<th><input type="button" value="" onclick=""></th>
<th><input type="submit" value="="></th>
</tr>
</table>
</form>
</body>
</html>
出力:5+2出力結果
Reference
この問題について(JSP - chapter01(2)), 我々は、より多くの情報をここで見つけました
https://velog.io/@rkdwltn5/JSP-chapter012
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%! //선언부 사용
public int add(int a, int b) {
return a + b;
}
public int minus(int a, int b) {
return a - b;
}
public int multi(int a, int b) {
return a * b;
}
public int sub(int a, int b) {
return a / b;
}
%>
<%
String firstStr = request.getParameter("a")==null? "0" : request.getParameter("a");
String sikStr = request.getParameter("sik")==null? "+" : request.getParameter("sik");
String secondStr = request.getParameter("b")==null? "0" : request.getParameter("b");
int firstInt = Integer.parseInt(firstStr); //첫번째 숫자
int secondInt = Integer.parseInt(secondStr); //두번째 숫자
int resultInt = 0; //연산결과
if(sikStr.equals("+")) { //덧셈
resultInt = add(firstInt, secondInt);
}else if(sikStr.equals("-")) {//뺄셈
resultInt = minus(firstInt, secondInt);
}else if(sikStr.equals("*")) { //곱셈
resultInt = multi(firstInt, secondInt);
}
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsp계산기</title>
<script type="text/javascript" src="../../js/lib/jquery-3.6.0.js"></script>
<script type="text/javascript">
function fncA(geta, getb) {
/* alert(geta + "," + getb); */
console.log(geta + "," + getb);
var vara = document.getElementById("a");
var varSik = document.getElementById("sik");
var varb = document.getElementById("b");
if(vara.value == "") { //첫번째 값이 없을 때 첫번째 값을 입력
if(getb == 0){ //7클릭하면 7, 0임(숫자일 경우만 체크 [0: 숫자, 1: 연산자, 3: 실행])
vara.value = geta;
}
}else { //첫번째 값이 있을 때 두번째 값으로 입력
if(getb == 0) {
varb.value = geta;
}
}
//연산자를 입력함
if(getb == "1") {
varSik.value = geta;
}
}
function fn_chk() {
var vara = document.getElementById("a");
var varSik = document.getElementById("sik");
var varb = document.getElementById("b");
if(vara.value == "") {
alert("첫번째 숫자를 입력해주세요.");
return false;
}
if(varSik.value == "") {
alert("연산자를 입력해주세요.");
return false;
}
if(varb.value =="") {
alert("두번째 숫자를 입력해주세요.");
return false;
}
return true; //submit이 실행됨
//localhost:8090/chapter02/calc2.jsp?a=7&sik=x&b=2&txtResult=
}
</script>
</head>
<body>
<form name="frm" id="frm" method="get" action="/chapter02/calc2.jsp" onsubmit="return fn_chk()"> <!-- onsubmit : name있는거 빈값인지 전부 확인 후 submit함 -->
<input type="hidden" name="a" id="a" value="">
<input type="hidden" name="sik" id="sik" value="">
<input type="hidden" name="b" id="b" value=""><br>
<table border="1" style="width: 400px;">
<tr>
<th colspan="4"><input style="width: 90%; text-align: right;" type="text" id="txtResult" name="txtResult" value="<%=resultInt %>" ></th>
</tr>
<tr>
<th><input type="button" value="7" onclick="fncA('7', '0')"></th>
<th><input type="button" value="8" onclick="fncA('8', '0')"></th>
<th><input type="button" value="9" onclick="fncA('9', '0')"></th>
<th><input type="button" value="*" onclick="fncA('*', '1')"></th>
</tr>
<tr>
<th><input type="button" value="4" onclick="fncA('4', '0')"></th>
<th><input type="button" value="5" onclick="fncA('5', '0')"></th>
<th><input type="button" value="6" onclick="fncA('6', '0')"></th>
<th><input type="button" value="-" onclick="fncA('-', '1')"></th>
</tr>
<tr>
<th><input type="button" value="1" onclick="fncA('1', '0')"></th>
<th><input type="button" value="2" onclick="fncA('2', '0')"></th>
<th><input type="button" value="3" onclick="fncA('3', '0')"></th>
<th><input type="button" value="+" onclick="fncA('+', '1')"></th>
</tr>
<tr>
<th><input type="button" value="" onclick=""></th>
<th><input type="button" value="0" onclick="fncA('0', '0')"></th>
<th><input type="button" value="" onclick=""></th>
<th><input type="submit" value="="></th>
</tr>
</table>
</form>
</body>
</html>
Reference
この問題について(JSP - chapter01(2)), 我々は、より多くの情報をここで見つけました https://velog.io/@rkdwltn5/JSP-chapter012テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol