(1)做业来源:https://edu.cnblogs.com/campus/gzcc/GZCC-16SE1/homework/2213javascript
(2)GitHub地址:https://github.com/mingbiaoleung/FourOperationWebhtml
(3)调试环境:IntelliJ IDEA ,CHORME浏览器前端
(1)基本要求java
(2)扩展要求git
(3)结对成员github
姓名:梁铭标 学号:201606120031 博客园地址:https://www.cnblogs.com/luengmingbiao/ajax
姓名:刘杰 学号:201606120029 博客园地址:http://www.cnblogs.com/Winslow-liujie/json
结对项目软件过程耗时估计表与统计表后端
(时间单位:小时)浏览器
PSP2.1 |
我的软件实现阶段 |
预计时间 |
实际时间 |
Planning |
计划 |
1 |
2 |
· Estimate |
估计这个任务须要多少时间 |
10 |
20 |
Development |
开发 |
10 |
10 |
· Analysis |
需求分析 (包括学习新技术) |
1 |
1 |
· Design Spec |
生成设计文档 |
1 |
1 |
· Design Review |
设计复审 |
0.5 |
0.5 |
· Coding Standard |
代码规范 |
1 |
1 |
· Design |
具体设计 |
1 |
1 |
· Coding |
具体编码 |
1 |
1 |
· Code Review |
代码复审 |
0.5 |
0.5 |
· Test |
测试(自我测试,修改代码,提交修改) |
1 |
1 |
Reporting |
报告 |
1 |
1 |
· |
测试报告 |
1 |
1 |
· |
计算工做量 |
2 |
2 |
· |
并提出过程改进计划 |
2 |
2 |
(一)工做:
刘杰: 设计和编写界面交互部分、设计计时器。
梁铭标: 后台代码随机生成题目、先后端数据交互、判断正误。
(二) 部分功能代码介绍:
(1)题目获取功能:经过ajax异步获取必定数量的四则运算习题(前台)
1
2
3
4
5
6
7
8
9
10
11
12
|
$.ajax({
type:
"POST"
,
url:
"GetTitleInfoServlet"
,
dataType:
"json"
,
data: jsonDate,
async:
false
,
contentType:
"application/json;charset=UTF-8"
,
success:
function
(returnedData) {
var
titleInfoJson = JSON.stringify(returnedData);
sessionStorage.setItem(
"title"
, titleInfoJson);
}
});
|
题目获取功能:经过ajax异步获取必定数量的四则运算习题(后台)
/** * 响应前端ajax生成必定数量的四则运算习题并返回到前台 * @param request * @param response * @throws ServletException * @throws IOException */ protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { // 设置请求与响应的编码 request.setCharacterEncoding("UTF-8"); response.setCharacterEncoding("UTF-8"); response.setContentType("text/x-javascript;charset=utf-8"); response.setHeader("Cache-Control", "no-cache"); // 获取从页面中提交过来的JSON格式数据数据 String titleInfo = JsonService.readJSONData(request); JSONObject titleInfoJson = JSONObject.parseObject(titleInfo); // 根据前台传来的数据进行解析后生成相应的题目,并以JsonArray格式存储 JSONArray titleJsonArray = generateTitleJsonArray(titleInfoJson); // 把生成的题目返回到前台 PrintWriter printWriter = response.getWriter(); printWriter.write(titleJsonArray.toJSONString()); printWriter.flush(); printWriter.close(); }
(2)用户提交功能:首先通过校验机制判断是否输入答案,以后进行答案的比对运算出答对题数量。
1.首先进行选择题目类型以及题目个数
其实在此次的做业大部分的都是梁铭标完成的,我只作了一些提供思路,以及对于布局的一些建议,还有帮助梁同窗去寻找网上的一些同类型的项目,做为参考。
遇到的问题是不少时候有比较好的思路,可是最后都很难完成。毕竟本身的代码量和想象中的有些出入。在写完以后,看到了不少同窗的,想要向他们学习,发现本身还有不少的不足。须要看更多的代码来学习和进步,须要上网看一些教程。