四则运算之网页版（结对项目）

地址
界面模块设计
页面展示
遇到的问题
PSP
总结

　　　　一、项目地址　　

coding.net项目地址：https://git.dev.tencent.com/Baiyl134/sizeyunsuan.git

命令行测试：

1.进入src文件夹；

2.在命令行输入javac -encoding utf-8 Command.java；

3.回车再输入 java Command -n 10 -m 1 100 (或其他命令)

4.回车，result.txt文件创建成功（result.txt文件在与src同级目录下）

　　二、界面模块设计

　　　　如下图所示，关于界面设计，我用的是web页面来进行显示。主要包括index.jsp、history.html、Longin.html、outwork.html、register.html、repassword.html、two.html这7个文件在浏览器上进行信息的显示。

·index.jsp

<%--
  Created by IntelliJ IDEA.
  User: HP
  Date: 2019/4/9
  Time: 14:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
  <meta charset="UTF-8">
  <title>登录</title>
 <link rel="stylesheet" href="css/top2.css" media="screen" type="text/css" />
</head>

<body style="background: url(img/login.jpg);background-repeat:no-repeat;background-size:100% 100%;background-attachment: fixed;">

<div class="div1">
  <font class="font1">四则运算练习库</font>
    <form action="${pageContext.request.contextPath}/outwork?state=langu" method="post">
      <table class="tableL">
      <tr>
        <td>用户名</td>
        <td><input type="text" name="username"></td>
      </tr>
      <tr>
        <td>密&nbsp;&nbsp;&nbsp;码</td>
        <td><input type="password" name="password" ></td>
      </tr>
    </table>
  </form>
  <input type="submit" class="btn orange " onclick="fun()" name="submit" value="登录">
  <a href="register.html"><button class="btn orange">注册</button></a><br><br>
</div>

<script type="text/javascript">
    function fun() {
        var myform = document.getElementById("form");
        myform.submit();
    }
</script>

</body>

</html>

·计时器

// 计时器

    var i = 0;
    var q = 0;
    var p = 0;
    function startTime(){
        j = document.getElementById("startShow");
        // j.innerHTML = q + ":" + i;
        j.value = " "+p+":"+q + ":" + i;
        i += 1;
        if(i == 60){
            i = 0;
            q += 1; 
        }
        if(q == 60){
            q=0;
            p+=1;
        }
        t = setTimeout("startTime()",1000);
    }

    function stopTime(){
        var k = document.getElementById("stopShow");
        k.innerHTML = j.innerHTML;
        j.innerHTML = 0 + ":" + 0;
        i = 0;
        m = 0;
        clearTimeout(t);
    }



//显示
function start(){
    var today=new Date()
    var h=today.getHours()
    var m=today.getMinutes()
    var s=today.getSeconds()
    m=checkTime(m)
    s=checkTime(s)
    document.getElementById('txt').innerHTML=h+":"+m+":"+s;
    t=setTimeout('start()',500)
    }

function checkTime(a){
    if(a<10){
        a="0" + a
    }
    return a
}

　　三、页面具体展示

　　四、遇到的问题

在前后端代码合在一起的时候，由于我没有良好的经验，很多时间都被用在了查询资料上，

　　五、PSP

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

　　六、总结

　　每一次的项目就是一个挑战，也是一次提高自己的机会！

四则运算之网页版（结对项目）

猜你喜欢