ホームページ > 記事 > ウェブフロントエンド > JSP に基づいて簡単な計算機を実装する方法
この記事の例では、JSP に基づいて単純な計算機を実装する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです:
index.jsp
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <html> <head> <!-- 用户提交验证 --> <script type="text/javascript" language="javascript"> <!-- function checkNum(){ if(form1.num1.value==""){ window.alert("num1 值不能为空 !!哈哈"); return false; } //判断num1是不是一个数 if(Math.round(form1.num1.value)!=(form1.num1.value)){ window.alert("num1不是一个整数") return false; } if(form1.num2.value==""){ window.alert("num2 值不能为空 !!哈哈"); return false; } //判断num2是不是一个数 if(Math.round(form1.num2.value)!=(form1.num2.value)){ window.alert("num2不是一个整数") return false; } } --> </script> </head> <h1>我的计算器</h1> <hr> <body> <form name ="form1" action="result.jsp" method ="post"> <input type="text" name ="num1" ></input><br> <select name="flag"> <option value=+>+</option> <option value=->-</option> <option value=*>*</option> <option value=/>/</option> </select><br> <input type="text" name="num2"/></input><br> <input type="submit" value="提交" onclick="return checkNum();"></input> </form> <hr> </body> </html>
result.jspを使用して結果を表示します
<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <% 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> </head> <body> <% String num1=request.getParameter("num1"); String num2 = request.getParameter("num2"); String flag = request.getParameter("flag"); int s_num1=Integer.parseInt(num1); int s_num2=Integer.parseInt(num2); int result=0; if(flag.equals("+")){ //加 result=s_num1+s_num2; }else if(flag.equals("-")){ //减 result=s_num1-s_num2; }else if(flag.equals("/")){ result=s_num1/s_num2; //除 }else{ //乘 result=s_num1*s_num2; } out.println("结果是:"+result); %> </body> </html>
この記事が皆様のJSPプログラミング設計のお役に立てれば幸いです。
JSP に基づいた単純な計算機を実装する方法に関するその他の記事については、PHP 中国語 Web サイトに注目してください。