四則運算之網頁版（結對項目）

時間 2019-11-21

標籤四則運算網頁項目欄目 HTML 简体版

原文原文鏈接

　目錄javascript

地址
界面模塊設計
頁面展現
遇到的問題
PSP
總結

　　　　1、項目地址　　css

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

命令行測試：html

1.進入src文件夾；java

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

3.回車再輸入 java Command -n 10 -m 1 100 (或其餘命令)web

4.回車，result.txt文件建立成功（result.txt文件在與src同級目錄下）後端

　　2、界面模塊設計瀏覽器

　　　　以下圖所示，關於界面設計，我用的是web頁面來進行顯示。主要包括index.jsp、history.html、Longin.html、outwork.html、register.html、repassword.html、two.html這7個文件在瀏覽器上進行信息的顯示。jsp

·index.jsppost

<%--
  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
}

　　3、頁面具體展現

　　4、遇到的問題

在先後端代碼合在一塊兒的時候，因爲我沒有良好的經驗，不少時間都被用在了查詢資料上，

　　5、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