zoukankan      html  css  js  c++  java
  • 作业四-结对项目

    一.前提

    (1)作业来源:https://edu.cnblogs.com/campus/gzcc/GZCC-16SE1/homework/2213

    (2)GitHub地址:https://github.com/mingbiaoleung/FourOperationWeb

    (3)调试环境:IntelliJ IDEA ,CHORME浏览器

    二.作业要求

    (1)基本要求

    • 自动生成题目,单个题目最多不能超过4个运算符,操作数小于100。
    • 用户可以输入答案。
    • 若用户输入答案正确,则提示正确;若答案错误,则提示错误,并要提示正确答案是多少。

    (2)扩展要求

    1. 可以出表达式里含有负整数(负整数最小不小于-100)的题目,且负数需要带括号,用户输入的结果不用带括号。如: 2*(-4) = -8。
    2. 用户可以选择出题的个数(最多不能超过5个题目),答题结束可以显示用户答错的题目个数和答对的题目个数。
    3. 用户答题结束以后,程序可以显示用户答题所用的时间。
    4. 程序可以设置答题时间,时间设置为整数,单位为秒,最大不能超过120秒,若超过了答题时间未答题,则提示:时间已到,不能答题。

    (3)结对成员

           姓名:梁铭标 学号:201606120031  博客园地址:https://www.cnblogs.com/luengmingbiao/

           姓名:刘杰  学号:201606120029  博客园地址:http://www.cnblogs.com/Winslow-liujie/

    三.时间估算

            结对项目软件过程耗时估计表与统计表

           (时间单位:小时)

    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)用户提交功能:首先经过校验机制判断是否输入答案,之后进行答案的比对运算出答对题数量。

    五.软件演示 

    软件入口地址:http://119.23.205.157/Title.html

    1.首先进行选择题目类型以及题目个数

    六.感想

    其实在这次的作业大部分的都是梁铭标完成的,我只做了一些提供思路,以及对于布局的一些建议,还有帮助梁同学去寻找网上的一些同类型的项目,作为参考。

    遇到的问题是很多时候有比较好的思路,但是最后都很难完成。毕竟自己的代码量和想象中的有些出入。在写完之后,看到了很多同学的,想要向他们学习,发现自己还有很多的不足。需要看更多的代码来学习和进步,需要上网看一些教程。

  • 相关阅读:
    CodeForces 500C New Year Book Reading
    CodeForces 460B Little Dima and Equation 枚举
    CodeForces 451B Sort the Array
    【jquery】jQuery实现轮播图
    【IDEA】IDEA技巧记录
    【eclipse】日常使用eclipse记录
    【SSM】spring配置文件中读取配置文件的三种方式
    【Git】IDEA克隆和提交项目于码云
    semantic UI—表单验证
    【spring Data Jpa】JPA生成数据库表
  • 原文地址:https://www.cnblogs.com/Winslow-liujie/p/9846484.html
Copyright © 2011-2022 走看看