结对作业——四则运算

最新推荐文章于 2024-05-30 10:55:13 发布

weixin_30780221

最新推荐文章于 2024-05-30 10:55:13 发布

阅读量136

点赞数

文章标签：测试 javascript java ViewUI

原文链接：http://www.cnblogs.com/fangnuonuo/p/8766360.html

版权

一、在文章开头给出Coding.Net项目地址。

可以直接使用的URL地址：

http://39.105.6.214/four_Operations/

coding仓库地https://git.coding.net/meiyoupiqidefan/jieduizuoye.git

二、在开始实现程序之前，在下述PSP表格记录下你估计将在程序的各个模块的开发上耗费的时间。

PSP

PSP	任务内容	计划共完成需要的时间(min)	实际完成需要的时间(min)
Planning	计划	10
Estimate	估计这个任务需要多少时间，并规划大致工作步骤	5
Development	开发	5*60
Analysis	需求分析 (包括学习新技术)	10*60
Design Spec	生成设计文档	1*60
Design Review	设计复审 (和同事审核设计文档)	20
Coding Standard	代码规范 (为目前的开发制定合适的规范)	10
Design	具体设计	30
Coding	具体编码	20*60
Code Review	代码复审	3*60
Test	测试（自我测试，修改代码，提交修改）	5*60
Reporting	报告	2*60
Test Report	测试报告	3*60
Size Measurement	计算工作量	20
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	30

三、看教科书和其它资料中关于Information Hiding, Interface Design, Loose Coupling的章节，说明你们在结对编程中是如何利用这些方法对接口进行设计的。

Information Hiding 信息隐藏：

　　什么是信息隐藏：

　　　　信息隐藏指在设计和确定模块时，使得一个模块内包含的特定信息（过程或数据），对于不需要这些信息的其他模块来说，是不可访问的。

　　为什么要信息隐藏：　　

　　　　隐藏复杂度：这样你就不用再去应付它，除非你要特别关注的时候；

　　　　隐藏变化源：这样当变化发生时，其影响就能被限制在局部范围内。复杂度的根源包括复杂的数据类型、文件结构、布尔判断以及晦涩的算法等等。

　　我们是怎么做的：

　　　　提供稳定接口，将逻辑集中到一个单独的类、包或者子系统中，使得改动不会给系统带来全局性的影响。

Interface Design 接口设计：

　　什么是接口设计：

　　　　对接口的名字，内容，逻辑进行设计

　　为什么要接口设计：

　　　　好的接口设计可以增强代码可读性，易用性，可更改性

　　我们是怎么做的：

　　　　设计接口，规范接口名字，注重接口逻辑。

Loose Coupling 松耦合：

　　什么是松耦合：

　　　　也叫做弱耦合，低耦合。耦合性也称块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密，其耦合性就越强，模块的独立性则越差。模块间耦合高低取决于模块间接口的复杂性、调用的方式及传递的信息。

　　什么要松耦合：

　　　　功能上或代码上可以达到重用，再组合新功能的时候，可以像搭积木一样，分别拿出去再重用，而不会太关联其他。

　　我们是怎么做的：

　　　　将相互依赖的类放在一个命名空间（包）中，对外模块尽量与其他方法或功能减少联系。

四、计算模块接口的设计与实现过程。设计包括代码如何组织，比如会有几个类，几个函数，他们之间关系如何，关键函数是否需要画出流程图？说明你的算法的关键（不必列出源代码），以及独到之处。

先看一下目录结构：

关键代码：

ScanServelet.jsp

package control;

import entity.InfoBean;
import util.ReadFile;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

@WebServlet(name = "ScanServlet")
public class ScanServlet extends HttpServlet {

    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        try {
            response.setCharacterEncoding("utf-8");
            //计数器
            int count = 0;
            count = Integer.parseInt(request.getParameter("count"));
            //将题目有关信息存储
            List<InfoBean> L = new ArrayList<InfoBean>();
//            String file="C:\\Program Files\\apache-tomcat-8.5.15\\result\\result.txt";
            /*成功取出L*/
            String file = request.getParameter("file");
            L = ReadFile.readFileByLines(file);
            int line = Integer.parseInt(request.getParameter("line"));
            int user_ans = Integer.parseInt(request.getParameter("user_ans"));
            if (user_ans == L.get(line).getRight_ans()) {
                count++;
            }
            line++;
            String startTime = request.getParameter("startTime");
//                String startTime = request.getParameter("startTime");
            //比较正确答案
            request.setAttribute("file",file);
            request.setAttribute("List", L);
            request.setAttribute("line", line);
            request.setAttribute("count", count);
            request.setAttribute("startTime", startTime);
            if (line == L.size()) {
                request.getRequestDispatcher("complete.jsp").forward(request, response);
            } else request.getRequestDispatcher("answerQuestions.jsp").forward(request, response);
        } catch (Exception e) {
            response.sendRedirect("message.jsp");

        }

    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doPost(request, response);
    }
}

五、计算模块接口部分的性能改进。记录在改进计算模块性能上所花费的时间，描述你改进的思路，并展示一张性能分析图，并展示你程序中消耗最大的函数。

六、计算模块部分单元测试展示。展示出项目部分单元测试代码，并说明测试的函数，构造测试数据的思路。并将单元测试得到的测试覆盖率截图，发表在博客中。只需要测试命令行部分，且该部分覆盖率到90%以上，否则单元测试部分视作无效。

七、计算模块部分异常处理说明。在博客中详细介绍每种异常的设计目标。每种异常都要选择一个单元测试样例发布在博客中，并指明错误对应的场景。

我们制作的是web端四则运算器，在网页的输入中，我们使用前端的js，对于不合法的参数输入，不予通过，使得后端接收到的值都是合法的参数。

具体代码如下：answerQuestions.jsp

 1 <script type="text/javascript"
 2 src="js/bootstrap.js"></script>
 3 
 4     <script type="text/javascript" src="js/jquery-1.10.2.min.js"></script>
 5     <script type="text/javascript" src="js/bootstrap.min.js"></script>
 6     <script type="text/javascript" src="js/bootstrapValidator.js"></script>
 7     <script type="text/javascript"
 8             src="js/bootstrap.min.js"></script>
 9     <link href="//cdn.bootcss.com/bootstrap-validator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
10     <script src="//cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>

<center>
    <h1 style="font-family:华文新魏;font-size:5em">WELCOME</h1>
    <div class="container-fluid">
        <div class="row-fluid">
            <div class="span12">
                <form class="form-horizontal" role="form"
                      id="defaultForm"
                      onsubmit="return tishi(this)"
                      action="Print" method="get">

                    <div class="form-group">
                        <label class="col-sm-5 control-label">最小值 ：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control"  placeholder="范围 ：1~100" name="min">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-5 control-label">最大值 ：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="" placeholder="范围 ：50~1000" name="max">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-5 control-label">题目数量 ：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="" placeholder="范围 ：1~10000" name="n">
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-5 control-label">操作符最大个数：</label>
                        <div class="col-sm-2">
                            <input type="text" class="form-control" id="" placeholder="范围 ：1~10" name="o">
                        </div>
                    </div>

                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-6">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="c">是否乘除
                                </label>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="b">是否有小括号
                                </label>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-sm-offset-2 col-sm-10">
                            <button type="submit" class="btn btn-default" id="">出题</button>
                        </div>
                    </div>
                </form>
                <a href="index.jsp">返回</a>



</div>
</div>
</div>
</center>

 1 <script type="text/javascript">
 2     $(document).ready(function() {
 3         // Generate a simple captcha
 4         function randomNumber(min, max) {
 5             return Math.floor(Math.random() * (max - min + 1) + min);
 6         };
 7         $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
 8 
 9         $('#defaultForm').bootstrapValidator({
10 //        live: 'disabled',
11             message: 'This value is not valid',
12             feedbackIcons: {
13                 valid: 'glyphicon glyphicon-ok',
14                 invalid: 'glyphicon glyphicon-remove',
15                 validating: 'glyphicon glyphicon-refresh'
16             },
17             fields: {
18                 min: {
19                     validators: {
20                         notEmpty: {
21                             message: '请输入1-100之间的数'
22                         },stringLength: {
23                             min: 1,
24                             max: 3,
25                             message: '请输入1-100之间的数'
26                         },
27                     }
28                 },
29                 max: {
30                     validators: {
31 
32                         notEmpty: {
33                             message: '请输入50-1000之间的数'
34                         },
35                         stringLength: {
36                             min: 1,
37                             max: 4,
38                             message: '请输入50-1000之间的数'
39                         },
40                     }
41                 },
42                 n: {
43 
44                     validators: {
45                         notEmpty: {
46                             message: '请输入1-10000之间的数'
47                         },
48                         stringLength: {
49                             min: 1,
50                             max: 5,
51                             message: '请输入1-10000之间的数'
52                         },
53                         regexp: {
54                             regexp: /^[0-9]/,
55                             message: '请输入数字'
56                         },
57                      
58                     }
59                 },
60                 o: {
61                     validators: {
62                         notEmpty: {
63                             message: '请输入1-10之间的数'
64                         },stringLength: {
65                             min: 1,
66                             max: 2,
67                             message: '请输入1-10之间的数'
68                         },
69                     }
70                 }
71             }
72         });
73 
74      // Validate the form manually
75        $('#validateBtn').click(function() {
76             $('#defaultForm').bootstrapValidator('validate');
77         });
78 
79 
80      $('#resetBtn').click(function() {
81          $('#defaultForm').data('bootstrapValidator').resetForm(true);
82     });
83      });
84 
85 
86 </script>

八、界面模块的详细设计过程。在博客中详细介绍界面模块是如何设计的，并写一些必要的代码说明解释实现过程。

以下为流程图：

页面不一一列举，在这里举两个地方的内容：

index.jsp

 1   <body>
 2    <center>
 3         <div class="indexbtn">
 4             <h2 id="title">
 5                 WELCOME!
 6             </h2>
 7             <br>
 8             <form action="setQuestions.jsp" method="get">
 9                      <input type="submit" class="btn" value="出题" class="index">
10                 
11                 </form>
12                 <form action="uploadInterface.jsp" method="get">
13                 
14                      <input type="submit" class="btn" value="做题" class="index">
15                 
16                 </form></div>
17     </center>
18   </body>

answeQuestio.jsp

<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://"
            + request.getServerName() + ":" + request.getServerPort()
            + path + "/";

%>

<%
    List<InfoBean> L = new ArrayList<InfoBean>();
    L = (List<InfoBean>) request.getAttribute("List");
    String startTime = (String)request.getAttribute("startTime");
    int line = Integer.parseInt(request.getAttribute("line").toString());
    int first = L.get(line).getLine();
    String second = L.get(line).getQuestion();
    int count = Integer.parseInt(request.getAttribute("count").toString());
%>

 1 <center>
 2     <div class="container-fluid">
 3         <div class="row-fluid">
 4             <div class="span12">
 5                 <div class="row-fluid">
 6                     <div class="span2">
 7                     </div>
 8                     <fi class="span8">
 9                         <h1 style="font-family:华文新魏;font-size:5em">WELCOME</h1>
10 
11 
12                         <!-- 禁用 for="disabledTextInput" -->
13 
14                         <form action="Scan" method="get">
15                             <fieldset>
16                                 <input type="text" name="line" value="<%=line %>" style="display: none" id="line">
17                                 <input type="submit" value="<%=L.size()%>" style="display:none" id="size" >
18                                 <input type="text" name="count" value="<%=count%>" style="display:none">
19                                 <li><label>序号：<input type="text" value="<%=first%>" disabled/> </label></li>
20                                 <li><label>题目：<input type="text" value="<%=second%>" disabled/> </label></li>
21                                 <li><label> 答案：<input type="text" name="user_ans" /> </label></li>
22                                 <input type="submit" value="下一题" style="display: block" id="nextOne">
23                                 <input type="text" name="startTime" value="<%=startTime%>" style="display: none">
24                                 <input type="submit"  id="finish" value="完成" style="display:none">
25                             </fieldset>
26                         </form>
27                         <%--<form action="complete.jsp" method="get">--%>
28                             <%--<input type="submit"  id="finish" value="完成" style="display:none">--%>
29                             <%--<input type="text" name="count" value="<%=count%>" style="display:none" >--%>
30                             <%--<li><label> 答案：<input type="text" name="user_ans" style="display:none" id=""/> </label></li>--%>
31                         <%--</form>--%>
32                     </fi>
33                 </div>
34                 <div class="span2">
35                 </div>
36             </div>
37         </div>
38     </div>
39     </div>
40 
41     <a href="index.jsp">返回</a>
42 </center>

九、界面模块与计算模块的对接。详细地描述UI模块的设计与两个模块的对接，并在博客中截图实现的功能。

我们整个界面的设计，采用了bootstrap框架，色调以绿色为主基调，加上生动有趣的3D的跟随鼠标JS，使得整个界面简洁大方，生动活泼，绿色护眼。

index.jsp

主界面，可以选择出题还是做题

setQuestions.jsp 出题界面，输入参数，定制题目

利用BootstrapValidate 插件,对输入空值，超过范围等情况进行处理，不能提交表单，并给出对应提示。界面简洁大方又富有友好性。下面是一张不合法输入的效果图：

点击出题之后，可以选择浏览器下载出好的题目：

接下去是做题界面

upload.jsp 先从本地上传文件到服务器

服务器接收数据并显示出来：

其中序号框和题目框设置了disablied属性，使得用户不能更改input框里的内容，更加安全。

在答案框输入答案会触发变大效果：

一直点下一题，直到最后一题，则下一题按钮消失，出现完成按钮。点击完成按钮则跳转到最后一个页面。

Finished.jsp 显示答对的题数和总共用的时间：

十、描述结对的过程，提供非摆拍的两人在讨论的结对照片。

十一、结对编程的优缺点和结对成员的优缺点

结对编程：

优点：

两个人思维互补，互相讨论，有助于解决问题。
在有另一个人在场的情况下，给了编码者一定的压力，使得效率更高，互相监督，互相促进。
增强代码的可靠性，增强代码和产品质量，减少bug。

缺点：需要互相配合时间，习惯。

我：

优点：

思路清晰，规划项目
认真细致，遇到问题，耐心调试
有写注释的好习惯，代码可读性强

缺点：编码速度慢

我的搭档：

优点：

帅
代码逻辑强，善于优化代码
代码规范便于阅读
态度认真积极

缺点：

太高
太帅
太优秀

十二、在你实现完程序之后，在附录提供的PSP表格记录下你在程序的各个模块上实际花费的时间。

PSP

PSP	任务内容	计划共完成需要的时间(min)	实际完成需要的时间(min)
Planning	计划	10	15
Estimate	估计这个任务需要多少时间，并规划大致工作步骤	5	30
Development	开发	5*60	3*60
Analysis	需求分析 (包括学习新技术)	10*60	10*60
Design Spec	生成设计文档	1*60	1*60
Design Review	设计复审 (和同事审核设计文档)	20	30
Coding Standard	代码规范 (为目前的开发制定合适的规范)	10	15
Design	具体设计	30	1*60
Coding	具体编码	20*60	24*60
Code Review	代码复审	3*60	5*60
Test	测试（自我测试，修改代码，提交修改）	5*60	2*60
Reporting	报告	2*60	1*60
Test Report	测试报告	3*60	1*60
Size Measurement	计算工作量	20	20
Postmortem & Process Improvement Plan	事后总结, 并提出过程改进计划	30	30

转载于:https://www.cnblogs.com/fangnuonuo/p/8766360.html

weixin_30780221

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
结对作业——四则运算

一、在文章开头给出Coding.Net项目地址。可以直接使用的URL地址：http://39.105.6.214/four_Operations/coding仓库地https://git.coding.net/meiyoupiqidefan/jieduizuoye.git二、在开始实现程序之前，在下述PSP表格记录下你估计将在程序的各个模块的开发上耗费的时间...
复制链接

扫一扫