2020软件工程作业05

 

这个作业属于那个课程	https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1
这个作业的要求在那里	https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1/homework/10619
这个作业的目标	完成学术家族树
作业正文	https://www.cnblogs.com/yunbiyue/p/12715092.html
其他参考文献

一、Github地址

https://github.com/yunbiyue/20177633-20177612/blob/master/gq%26xq/demo/gq%26xq.html

二、具体分工

 刘祥强：输入数据的处理，部分代码的编写

 梁国庆：前端界面美化

三、PSP表格

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

四、解题思路描述与设计实现说明

4.1 第一棵树

在刚拿到题目的时候，由于被某人误导，我们在审题的时候停留在了树形结构形式的树形上于是我们的第一代产品被快速建出

如下图

 

 

上面的这份网页核心由大篇幅的id标签以及innerHTML注入的信息组成，输入的信息存储进网页的session内，关闭界面后消失，

下图为部分标签代码以及信息注入代码（由于队友没有编程软件，为便于沟通与调试，所有代码均为txt文本写出，格式有点不好看勿怪哈）

 

 

 

 在经历了长久的找位置，输数据，加标签......之后，快要写完了的我满开心的准备交作业了，然后手欠百度了一波树状结构形式，然后我找到了这个！！！！

 

 然后很开心，全部重新开始搞。。。

4.2 第二棵树

于是就有了它：

 姑且称之为2.0版本吧，这份代码，利用循环提取输入数据中的数据以及生成ul和li的结构，并使用与之前相同的形式注入数据

如下为部分代码，

 

对比上面的经典树状结构图还差一点小小的变化于是我们在ul的标签上加了一个树形结构

代码如下：

 

 然后就是我们的最终成品图了，为了增加实用性，我们还添加了一键展开与收起功能

成品图如下：

 

 

五、附加特点设计与展示

附加特点大概就只有个一键收回与一键展开了。。。

 

 

六、使用说明及目录结构

将代码用谷歌打开，输入数据，点击提交，即可创建树

 

 

 

 

七、单元测试

 

 

 

八、Github的代码签入记录

 

 

九、遇到的代码模块异常或结对困难及解决方法

异常：代码在调用了生成树的script然后再调用的生成网页结构的script是的生成的表单无法变成可伸缩的树状结构

解决办法：在生成网页结构后再次调用生成树的script

十、评价队友

梁国庆：非常优秀的队友，是我的荣幸哈哈哈，不但没有嫌弃我的基础差，和一问三不知，还很耐心的一点点教我。解决问题的速度也很快，值得我来学习学习

刘祥强：这波组队很nice，两个人一起完成项目，感觉比一个人思想效率高了很多，并且认识到了自己在学习方面的很多不足，巩固了一些以前忽视掉的东西