软工第二次结对编程

软件工程实践2019第五次作业——结对编程的编程实现

1.博客链接及Github项目地址:

作业博客链接:https://edu.cnblogs.com/campus/fzu/2019FZUSEZ/homework/8736
Github项目地址:https://github.com/AllanIverson/031702435-031702415

Our Blog Address
刘英杰031702415 https://www.cnblogs.com/LIU151/p/11705206.html
张昊031702435 https://www.cnblogs.com/zoe-1/p/11705797.html

2.具体分工

031702415刘英杰:编码与调试
031702435张昊:原型设计,收集资料,完成总结

3.PSP表格

PSP2.1 Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟)
Planning 计划 30 10
Estimate 估计这个任务需要多少时间 360 720
Development 开发 180 120
Analysis 需求分析 (包括学习新技术) 60 240
Design Spec 生成设计文档 60 30
Design Review 设计复审 60 30
Coding Standard 代码规范 (为目前的开发制定合适的规范) 10 10
Design 具体设计 10 10
Coding 具体编码 90 60
Code Review 代码复审 60 10
Test 测试(自我测试,修改代码,提交修改) 60 360
Reporting 报告 30 60
Test Repor 测试报告 30 30
Size Measurement 计算工作量 30 20
Postmortem & Process Improvement Plan 事后总结, 并提出过程改进计划 30 60

4.解题思路

  1. 先学习html、JavaScript和css的基本知识
  2. 寻找适合的框架和库
  3. 更具选择的框架进一步解题
  4. 调试与改进
  5. 美化

5.附加特点设计

1.可以同时输出多颗学术家族树

2.设置清空按钮更加人性化

3.动态背景设计
代码展示:

function readText(){
    objList = [];
    var text = document.getElementById('inarea').value;
    var table = text.split(/\n\s*\n/);
    for(i=0;i<table.length;i++){
        var row = table[i].split(/[(\r\n)\r\n]+/);//分割每行
        var dataObj = new Object();
        /*var dataObj = {
          id : "",
          name : "",
          desc : "",
          parentId : "",
        }*/
        dataObj.name = row[0].split(/:/)[1];
        dataObj.id = String(i);
        dataObj.parentId = null;
        objList.push(dataObj);
        for(j=1;j<row.length;j++){
            var dataObj = new Object();
            var gAndD = row[j].split(/:/)[0];//年级和学位
            var stu = row[j].split(/:/)[1].split(/、/);//学生
            dataObj.id = String(i)+String(j);
            dataObj.name = gAndD;
            dataObj.parentId = String(i);
            objList.push(dataObj);
            for(k=0;k<stu.length;k++){
                var dataObj = new Object(); 
                dataObj.id = String(i)+String(j)+String(k);
                dataObj.name = stu[k];
                dataObj.parentId = String(i)+String(j);
                objList.push(dataObj);
            }
        }
    }
}

6.目录说明and使用说明

目录说明:
FifthWork/index.html文件为入口文件
FifthWork/static目录为html文件需要的静态文件
FifthWork/static/lib目录为外部引入的框架和库
FifthWork/static/js(css)为html所需要的脚本(样式)

使用说明:
通过index.html文件直接进入

7.单元测试

测试工具:Mocha

测试工具的学习网站:http://www.ruanyifeng.com/blog/2015/12/a-mocha-tutorial-of-examples.html

8.Github的代码签入记录

9.遇到的问题

1.仓库邀请时一直没有收到邀请信息
解决方法:通过邀请链接进入仓库
2.关联树的问题还未解决

10.我的队友

对张昊说:学习能力强,态度认真
对刘英杰说:需要将时间安排更加紧凑

posted @ 2019-10-19 21:23  Zoe丨  阅读(108)  评论(0编辑  收藏  举报