1. 程式人生 > >java.WEB(html與jsp)

java.WEB(html與jsp)

要求:

通過HTML表單輸入兩個數字,提交給jsp程式,完成此兩個數字相加結果的輸出。

1)HTML程式碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>求和</title>
</head>
<body>
<form action="sum.jsp" method="post">
<h1 align="center">求和</h1>
<br>
<br>
<br>
<br>
<br>
<br>
<p align="center">輸入a:<input type="text" name="number1" placeholder="請輸入一個數"></p>
<p align="center"> 輸入b:<input type="text" name="number2" placeholder="請輸入一個數"></p>
<p align="center"> <input type="submit"value="求和"></p>
</form>
</body>
</html>

2)jap程式程式碼:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="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>求和</title>
</head>
<body>
<h1 align="center">
<%
String number1 =request.getParameter("number1");
String number2=request.getParameter("number2");
double a=Double.parseDouble(number1);
double b=Double.parseDouble(number2);
double c;
c=a+b;
out.print("a+b="+c);
%></h1>
<a href="sum.html">返回上一級</a>
</body>
</html>

執行結果:
使用工具:Tomcat
在這裡插入圖片描述
2.通過HTML表單輸入3個字串,提交給jsp程式,完成在字串1中統計字串2出現的次數,並把各個字串2字串在字串1中替換為字串3字串,最後把替換結果輸出到瀏覽器。
1)HTML程式碼:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>字串操作</title>
</head>
<body>
<form action="str.jsp" method="post">
<h1 align="center">字串操作</h1>
<p align="center">字串1:<input type="text" name="str1" placeholder="請輸入一個字串"></p>
<p align="center">字串2:<input type="text" name="str2" placeholder="請輸入一個字串"></p>
<p align="center">字串3:<input type="text" name="str3" placeholder="請輸入一個字串"></p>
<p align="center"><input type="submit" value="提交"></p>
</form>
</body>
</html>

2)jsp程式碼:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="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>字串操作</title>
</head>
<body>
<h1 align="center">字串操作</h1>
<br>
<br>
<br>
<br>
<%
request.setCharacterEncoding("UTF-8");
String str1=request.getParameter("str1");
String str2=request.getParameter("str2");
String str3=request.getParameter("str3");
String str4=str1;
int num=0;
int l=str2.length();
for(int i=0;i<=str1.length()-l;i++){
	if(str2.indexOf(str1.substring(i, i+l))>-1){
		num++;
	 str4=str1.replace(str1.substring(i,i+l), str3);
	}
}	
%>
<p align="center"><% out.print("字串1為:"+str1);%></P>
<p align="center"><% out.print("字串2為:"+str2);%></P>
<p align="center"><% out.print("字串3為:"+str3);%></P>
<p align="center"><% out.print("字串2被字串1包含了"+num+"次");%></P>
<p align="center"><% out.print("字串2在字串1中替換為字串3後:"+str4);%></P>
<a href=str.html>返回上一級</a>
</body>
</html>

執行結果:
在這裡插入圖片描述