JSP實(shí)現(xiàn)計(jì)算器功能(網(wǎng)頁(yè)版)
jsp實(shí)現(xiàn)網(wǎng)頁(yè)計(jì)算器代碼如下:只有兩個(gè)jsp頁(yè)面
myCal.jsp如下:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'myCal.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- jsp頁(yè)面中不可以直接使用script --> <script language="javascript"> <!-- //寫一個(gè)函數(shù)判斷是否兩個(gè)數(shù)都有 function checkNum() { //判斷num1 num2是否為空 if((form1.num1.value == "") || (form1.num2.value == "")) { window.alert("null,不能為空!"); return false; } //判斷是否是數(shù)字 if(Math.round(form1.num1.value) != form1.num1.value && Math.round(form1.num2.value) != form1.num2.value) { window.alert("num1和num2不是一個(gè)數(shù)"); return false; } if(Math.round(form1.num1.value) != form1.num1.value) { window.alert("num1不是一個(gè)數(shù)"); return false; } if(Math.round(form1.num2.value) != form1.num2.value) { window.alert("num2不是一個(gè)數(shù)"); return false; } } --> </script> </head> <body> <form name="form1" action="calculator/myResult.jsp" method="post"> 請(qǐng)輸入第一個(gè)數(shù):<input type="text" name="num1"> <select name="flag"> <option value=+>+</option> <option value=->-</option> <option value=*>*</option> <option value=/>/</option> </select> 請(qǐng)輸入第二個(gè)數(shù):<input type="text" name="num2"> <input type="submit" value="計(jì)算" onclick="return checkNum();"> </form> </body> </html>
myResult.jsp如下:
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'myResult.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <% //第1步接收到 第1個(gè)數(shù) String s_num1 = request.getParameter("num1"); //第2步接收到 第2個(gè)數(shù) String s_num2 = request.getParameter("num2"); //第3步接收到 運(yùn)算符 String flag = request.getParameter("flag"); //第4步 計(jì)算 int num1 = Integer.parseInt(s_num1); int num2 = Integer.parseInt(s_num2); int result = 0; if(flag.equals("+")) { result = num1+num2; } else if(flag.equals("-")) { result = num1-num2; } else if(flag.equals("*")) { result = num1*num2; } else if(flag.equals("/")) { result = num1/num2; } //第5步 out.println("結(jié)果是:"+result); %> </body> </html>
雖然過(guò)程很簡(jiǎn)單但是有幾個(gè)值得學(xué)習(xí)的地方:
如何判斷輸入的數(shù)據(jù)是不是數(shù)字:使用Math.round(form1.num1.value) != form1.num1.value 來(lái)判斷;
如何獲取操作值:設(shè)置name屬性 flag實(shí)現(xiàn)。
希望本文所述對(duì)大家學(xué)習(xí)JSP編程有所幫助。
相關(guān)文章
JSP中動(dòng)態(tài)合并單元格的實(shí)例代碼
本文通過(guò)實(shí)例代碼給大家詳細(xì)介紹了jsp動(dòng)態(tài)合并單元格的方法,代碼簡(jiǎn)單易懂,非常不錯(cuò),需要的朋友參考下吧2016-12-12JSP學(xué)習(xí)之Java Web中的安全控制實(shí)例詳解
這篇文章主要介紹了JSP學(xué)習(xí)之Java Web中的安全控制,較為詳細(xì)的分析了JSP安全控制的常見(jiàn)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-09-09Spring AOP 動(dòng)態(tài)多數(shù)據(jù)源的實(shí)例詳解
這篇文章主要介紹了 Spring AOP 動(dòng)態(tài)多數(shù)據(jù)源的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文可以幫助到大家,需要的朋友可以參考下2017-08-08jsp登錄注冊(cè)完整實(shí)現(xiàn)代碼(增刪改查+網(wǎng)頁(yè)+數(shù)據(jù)庫(kù))
這篇文章主要給大家介紹了關(guān)于jsp登錄注冊(cè)完整實(shí)現(xiàn)代碼的相關(guān)資料,其中包括增刪改查+網(wǎng)頁(yè)+數(shù)據(jù)庫(kù),文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用jsp具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2024-01-01JSP開(kāi)發(fā)入門(三)--JSP與JavaBean
JSP開(kāi)發(fā)入門(三)--JSP與JavaBean...2006-10-10Java之JSP教程九大內(nèi)置對(duì)象詳解(下篇)
這篇文章主要介紹了Java之JSP教程九大內(nèi)置對(duì)象詳解(下篇),本文章內(nèi)容詳細(xì),通過(guò)案例可以更好的理解JSP內(nèi)置對(duì)象的相關(guān)知識(shí),本模塊分為了三部分,本次為下篇,講解了三個(gè)內(nèi)容,需要的朋友可以參考下2023-01-01