简易计算器+时间显示-----jsp

实验名称

Request内置对象的应用

实验内容

1、用request对象设计实现一个简单的计算加减乘除运算的网页程序。
2、编制一个具有时间显示的页面,利用response对象定时刷新页面,体会运行结果。

实验目的

掌握form表单提交信息;掌握常用内置对象的用途和使用方法;掌握在jsp页面申明使用方法。
实验要求
1、四则运算要求先登陆后计算,并利用session对象存储用户姓名并显示。
2、时间实现页面要求每隔1秒刷新一次。

实验步骤(代码、运行结果)

代码

加减乘除运算

<%@ 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 'counts.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 bgcolor =pink >
  		<%-- 用session对象存储用户姓名并显示 --%>
  		<% 
	    	String name=request.getParameter("name");
			if(name==null)
				name="";
			session.setAttribute("name",name);
			String name_final=(String)session.getAttribute("name");
		%>
  		
  		
  		
  		<%-- 网页内容 --%>
  		<div class="top" align="center">  			
  			<h1>欢迎<%=name_final %>使用我设计的专属计算机!</h1>
  		</div>
  	
  		
  	 	<div align="center" style="margin-top: 100px; border: 10px; border-color: #ffccff">
  	 	
  	 		<%--
  			提供一一个表单,要求表单中提供两个text输人框,供用户输入数字;提
			供一个下拉列表,该下拉列表有加、减、乘、除四个选项,供用户选择运算符号。
			用户在表单中输人的数字、选择运算符号提交给本页面			
		 --%>
			<form action ="counts/countsError.jsp" method =post name =form >
					
				 <h3>请输入数字与计算方式:</h3>
				 <input type =text name ="numberOne" size =10 >
		 		 <select name ="operator" > 
		 			<Option value ="+" ><Option value ="-" ><Option value ="*" ><Option value ="/" ></select > 
				<input type =text name ="numberTwo" size =6 ><br ><br >
			 	<input type ="submit" value =" 提交" name ="submit" ><br >
			</form >
  	 	
  	 	</div>
  		
		
		
		
	</body >
</html>

加减乘除运算—结果及报错

<%@ 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 'countsError.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 alink="center" bgcolor="pink">
  	
  	<div align="center" style="font-size: 40px;">
  		<%
			String numberOne=request.getParameter( "numberOne" );
			String numberTwo=request.getParameter( "numberTwo" );
			String operator=request.getParameter( "operator" );
			if (numberOne== null ){
    
    
				numberOne= "0" ; 
			}
			if (numberTwo== null ){
    
    
				numberTwo= "0" ; 
			}
			try {
    
    
				double a=Double.parseDouble(numberOne);
				double b=Double.parseDouble(numberTwo);
				double r=0;
				if (operator.equals( "+" ))
					r=a+b;
				else if (operator.equals( "-" ))
					r=a-b;
				else if (operator.equals( "*" ))
					r=a*b;
				else if (operator.equals( "/" ))
					r=a/b;
				out.println(a+ "" +operator+ "" +b+ "=" +r);
				}
			catch (Exception e){
    
    
				out.println( " 请重新输入! " );
			} 
		%>
  	</div>
    
    
    
  </body>
</html>

时间显示页面

<%@ 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 'time.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 bgcolor =pink >
  	<div align="center" >
  	
  	
  	<h1>
  		 <%=new Date().toLocaleString() %>   
  		 <%
	    	response.setHeader("refresh","1");//设置每1秒刷新一次
	    
    	%>
  	</h1>
   
  	</div>
  
    
  </body>
</html>


登录界面

<%@ 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 'login.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 bgcolor =pink>
    <div class="top">
    	<h1 align="center">欢迎来到我设计的计算机!</h1>
    </div>
    
    <div class="center" align="center" style="margin-top: 100px; border: 10px; border-color: #ffccff">
	    <form action="counts/counts.jsp" method=post name=form>
	    	请输入名字登录:
			<input type=text name="name" size=6><br><br>
			
				<input type="submit" value=" 提交" name="submit">
			
			
		</form>
	    
	    
    </div>
  </body>
</html>

运行结果

加减乘除界面

初始界面
在这里插入图片描述
输入名字
在这里插入图片描述
进入计算器
在这里插入图片描述
实现加法运算
在这里插入图片描述
在这里插入图片描述
实现减法运算
在这里插入图片描述
在这里插入图片描述
实现乘法运算
在这里插入图片描述
在这里插入图片描述

实现除法运算
在这里插入图片描述
在这里插入图片描述

时间实现效果

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_46222433/article/details/129904883
今日推荐