《WEB应用与开发》--基于WEB的简易计算器--课程设计报告
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
HUNAN CITY UNIVERSITY
WEB应用与开发课程设计
报告
设计题目:基于WEB的简易计算器
专业:信息管理与信息系统
学生姓名:XXXXX
班级学号: XXXXXXXXXXXXXXX
分组成员: XXXXXXXXXXXXXXXXXXXXXXXX
指导教师: XXXXXXXXXXXXXXXXXXXX
2012 年 6 月 8 日
1
《WEB应用与开发》课程设计报告
XXXXXXXXXXXXXXXXXXXXXXX
一、设计时间
2012年6月04日-----6月08日
总的设计时间为1周,第17周。具体安排如下:
1、分析设计准备阶段(第17周周一至周二)
2、编程调试阶段(第17周周三至第17周周四)
3、书写设计报告和书写说明书阶段(第17周周五)
4、考核阶段(第17周周五)
二、设计地点
信息科学与工程学院机房(新校区510机房)
三、设计目的
通过对一些实际问题的软件设计,巩固学习java基础知识方面的基本算法,进一步熟悉基本概念。使学生能将课本的理论知识应用于实践,运用所用学的JSP 语言知识编制出较为实用的小系统,培养学生查阅资料的习惯,提高学生独立思考和解决问题的能力。
四、设计小组成员
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
五、指导老师
XXXXXXXXXXXXXXXXXXXXXX
六、设计课题
基于WEB的简易计算器
七、基本思路及关键问题的解决方法
基本思路:对于简易的计算器可以进行简单的加减乘除运算。用JavaScript 实现基本的计算器界面,因基础有限界面做的不够美观。用servlet接收主界面的数据对其进行运算并把结果返回给主界面显示。
问题解决方法:对于实验过程中产生的相关问题,我们小组成员先进行讨论,对于不能解决的问题,通过网络查找,对于查找不到的向老师询问。
2
八、算法及流程图
算法:
1、通过jsp页面接收按钮输入的运算字符,利用js技术处理。
2、servlet接收一数学表达式,对表达式进行递归解析,分解出其中的数字和运算符。
3、然后调用不同的函数进行运算后返回结果。
4、输出到到计算器显示框内。
流程图:(附录一)
九、调试过程中出现的问题及相应解决办法
在计算过程中,对于错误的运算不能提示信息,这个问题对于计算器而言,这个问题是比较严重的。出现了这个问题,我们小组首先是自己讨论,试了很多方法都不能实现。心理比较着急,但感觉无从入手,由于基础薄弱不能自己解决,所以查找了很多资料,从网上找到了答案,最后利用eval函数得到了解决。
十、课程设计心得体会
这次课程设计我们小组选做的是基于WEB的简易计算器,主要是用于动态网页实现简易的加减乘除计算功能。系统分为用JavaScript实现基本的计算器界面和用servlet接收页面的数据对其进行运算并把结果返回给主界面显示两部分,每一部分又各分若干专题。系统中采用的技术主要有:servlet技术、JavaScript 脚本技术和利用MyEclipse集成开发环境。
通过这次课程设计,我发现要学习好一门课程,一定要理论与实践相结合。要通过大量的实验才能对知识得心入手。由于平时上机并没有完成的十分好,所以在这次课程设计中很多时候总是感觉捉襟见肘,才发现书到用时方恨晚啊。所以这次学到的不仅仅是书本上的知识,更重要的是学到了一种学习的态度。
3
(本人有完整的项目需要的话发邮件给我491990141@)
十一、源程序()
JavaScript实现基本的计算器界面.jsp:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
"/TR/xhtml1/DTD/xhtml1-transitional.dtd">
//使用js
//js代码
var Pd = true;
var textValue = "";
//定义一个函数,获取键入字符的value值
function getButtonValue(number){
textValue = document.getElementById("textId");
if(Pd){
textValue.value += number;
}
//清空文本框内容
function clearall() {
document.simCalculator.textId.value = "";
}
//回删
function deleteNum(){
var Value = document.getElementById("textId");
4