Java四则运算-图形化界面

Java四则运算——图形化界⾯⼀.前提（2）调试环境：IntelliJIDEA，CHORME浏览器⼆.作业要求（1）基本要求⾃动⽣成题⽬，单个题⽬最多不能超过4个运算符，操作数⼩于100。⽤户可以输⼊答案。若⽤户输⼊答案正确，则提⽰正确；若答案错误，则提⽰错误，并要提⽰正确答案是多少。（2）扩展要求1.可以出表达式⾥含有负整数（负整数最⼩不⼩于-100）的题⽬，且负数需要带括号，⽤户输⼊的结果不⽤带括号。如：2*（-4）=-8。2.⽤户可以选择出题的个数（最多不能超过5个题⽬），答题结束可以显⽰⽤户答错的题⽬个数和答对的题⽬个数。3.⽤户答题结束以后，程序可以显⽰⽤户答题所⽤的时间。4.程序可以设置答题时间，时间设置为整数，单位为秒，最⼤不能超过120秒，若超过了答题时间未答题，则提⽰：时间已到，不能答题。（3）结对成员三.时间估算结对项⽬软件过程耗时估计表与统计表（时间单位：⼩时）PSP2.1个⼈软件实现阶段预计时实际时间间Planning计划12·Estimate估计这个任务需要多少时间1020Development开发1010·Analysis需求分析(包括学习新技术)11·DesignSpec⽣成设计⽂档11·DesignReview设计复审0.50.5·CodingStandard代码规范11·Design具体设计11·Coding具体编码11·CodeReview代码复审0.50.511·Test测试（⾃我测试，修改代码，提交修改）Reporting报告11TestReport测试报告11·workload计算⼯作量0.50.5·correction并提出过程改进计划22四：⼯作详情（⼀）⼯作:刘杰：设计和编写界⾯交互部分、设计计时器。梁铭标：后台代码随机⽣成题⽬、前后端数据交互、判断正误。（⼆）部分功能代码介绍：（1）题⽬获取功能：通过ajax异步获取⼀定数量的四则运算习题（前台）$.ajax({type:"POST",url:"GetTitleInfoServlet",dataType:"json",data:jsonDate,async:false,contentType:"application/json;charset=UTF-8",success:function(returnedData){vartitleInfoJson=JSON.stringify(returnedData);sessionStorage.setItem("title",titleInfoJson);}});题⽬获取功能：通过ajax异步获取⼀定数量的四则运算习题（后台）/***响应前端ajax⽣成⼀定数量的四则运算习题并返回到前台*@paramrequest*@paramresponse*@throwsServletException*@throwsIOException*/protectedvoidservice(HttpServletRequestrequest,HttpServletResponseresponse)throwsServletException,IOException{//设置请求与响应的编码request.setCharacterEncoding("UTF-8");response.setCharacterEncoding("UTF-8");response.setContentType("text/x-javascript;charset=utf-8");response.setHeader("Cache-Control","no-cache");//获取从页⾯中提交过来的JSON格式数据数据StringtitleInfo=JsonService.readJSONData(request);JSONObjecttitleInfoJson=JSONObject.parseObject(titleInfo);//根据前台传来的数据进⾏解析后⽣成相应的题⽬，并以JsonArray格式存储JSONArraytitleJsonArray=generateTitleJsonArray(titleInfoJson);//把⽣成的题⽬返回到前台PrintWriterprintWriter=response.getWriter();printWriter.write(titleJsonArray.toJSONString());printWriter.flush();printWriter.close();}（2）⽤户提交功能：⾸先经过校验机制判断是否输⼊答案，之后进⾏答案的⽐对运算出答对题数量。//⽤户点击按钮提交题⽬答案并计算⽤户的正确数以及错误数$('#summitUserAnswer').click(function(){$('#summitUserAnswer').addClass('disabled');//Disablesvisually$('#summitUserAnswer').prop('disabled',true);//Disablesvisually+functionally//初始化⽤户做对题⽬的数⽬vartrueNum=0;for(vari=0;i<titleJsonLength;i++){varuserAnswer=document.getElementById("input"+i).value;if(userAnswer==correctAnswerArray[i]){varcode="<pclass=\"card-texttext-dangercol-sm-4\">正确</p>";$('#title'+i).append(code);trueNum++;}else{varcode="<pclass=\"card-texttext-danger\">你答错了，正确答案为"+correctAnswerArray[i]+"</p>";$('#title'+i).append(code);}}//做错的题⽬数量varfalseNum=titleJsonLength-trueNum;//varcount="<pclass=\"text-danger\">恭喜你完成,你⽤了"+statisticalTime()/1000+"秒</p>"varsubmitCode="<divclass=\"col-md-13\">\n"+"<divclass=\"card\">\n"+"<divclass=\"card-body\">\n"+"<span><h5class=\"card-title\">答题结束</h5></span>\n"+"<pclass=\"text-danger\">恭喜你完成,你⽤了"+statisticalTime()/1000+"秒,你答对了"+trueNum+"道题,答错了"+falseNum+"道题！请继续加油！"+"</p>\n"+"<divclass='row'style=\"margin:0pxauto;display:table;\">"+"<ahref=\"Title.html\"class=\"btnbtn-primary\">重新⽣成题⽬</a>\n"+"</div>"+"</div>\n"+"</div>\n"+"</div>";$('#TitleCard').append(submitCode);});五.软件演⽰1.⾸先进⾏选择题⽬类型以及题⽬个数2.点击做题等待跳转到做题页⾯3.计算题⽬后点击提交六：结对照⽚七:收获与感悟在这⼀次结对⼩项⽬中，明确分⼯