第一個jsp代碼實現簡單計算器


a.新建mycal.Jsp,把簡單計算機的框架寫出來:

<form action="myresult.jsp">
請輸入第一個數:<input type="text" name="num1"><br>
<select name="flag">
<option value=+>+</option>
<option value=+>-</option>
<option value=+>*</option>
<option value=+>/</option>
</select>
請輸入第二個數:<input type="text" name="num2"><br>
<input type="submit" value="計算">
</form><br>
<hr>
<!-- 這里輸出計算的結果 -->
計算結果:<%= result %><!-- 表達式語法 -->
</body>

b.新建myresul.jsp,把簡單算法寫進去:

<body>
<%

//接收第一個數
String s_num1=request.getParameter("num1");
//接收第二個數
String s_num2=request.getParameter("num2");
//接收預算符號
String flag=request.getParameter("flag");
int num1=0;
int num2=0;
int result=0;
//java中 String--int
num1=Integer.parseInt(s_num1);
num2=Integer.parseInt(s_num2);
//計算
if(flag.equals("+")){
result=num1+num2;
}else if (flag.equals("-")){
result=num1-num2;
}
else if (flag.equals("*")){
result=num1*num2;
}else{
result=num1/num2;
}
//輸出結果

out.print("結果是:"+result):
%>

c.這樣運行的結果是沒有問題的,如果更簡化計算操作則需要將兩個.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 'ssss.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中添加js代碼,防止用戶空提交 -->
<script language="javascript">
function checkNum(){
//alert("shaji");
//alert(form.num1.value);
//判斷num1,是不是空的
if(form.num1.value==""){
window.alert("num1,不能為空haha");
}
//判斷num1,是不是一個數
if(Math.round(form.num1.value)!=form.num1.value){
window.alert("num1,不是一個數");
}
}

</script>
</head><h1>我的計算器</h1>
<!-- 這是計算機的界面 -->
<body>
<%
int result=0;
//接收第一個數
if(request.getParameter("num1")!=""){
String s_num1=request.getParameter("num1");
//接收第二個數
String s_num2=request.getParameter("num2");
//接收預算符號
String flag=request.getParameter("flag");

int num1=0;
int num2=0;
//int result=0;
//java中 String--int
if(s_num1!=null){
num1=Integer.parseInt(s_num1);
}
if(s_num2!=null){
num2=Integer.parseInt(s_num2);
}

//計算
if(flag!=null){
if(flag.equals("+")){
result=num1+num2;
}else if (flag.equals("-")){
result=num1-num2;
}
else if (flag.equals("*")){
result=num1*num2;
}else{
result=num1/num2;
}
//輸出結果
out.print("結果是:"+result);
}
}


%>
<form name="form" action="ssss.jsp">
請輸入第一個數:<input type="text" name="num1"><br>
<select name="flag">
<option value=+>+</option>
<option value=->-</option>
<option value=*>*</option>
<option value=/>/</option>
</select>
請輸入第二個數:<input type="text" name="num2"><br>
<input type="submit" value="計算" onclick="checkNum()" >
</form><br>
<hr>
<!-- 這里輸出計算的結果 -->
計算結果:<%=result %><!-- 表達式語法 -->
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM