java.WEB(html與jsp)
阿新 • • 發佈:2018-12-21
要求:
通過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>
執行結果: