2020软件工程作业05

作业内容及结对基本信息

软件工程	https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1
作业要求	https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1/homework/10574
作业目标	前端实现家族树
作业正文	https://www.cnblogs.com/Hmbbb/p/12721889.html
参考文献	https://www.baidu.com

具体分工

20177622：完成代码主要实现。

20177632：查找资料，单元测试。

PSP表格

	Personal Software Process Stages	预估耗时	实际耗时
Planning	计划	0	0
Development	开发	600	360
Analysis	需求分析 （学习新技术）	0	0
Design Spec	生成设计文档	0	0
Design Review	设计复审	30	30
Coding Standard	代码规范	30	30
0Design	具体设计	60	60
Coding	具体编码	600	360
Code Review	代码复审	60	60
Test	测试	180	60
Reporting	报告	60	60
Test Repor	测试报告	60	60
Size Measurement	计算工作量	0	0
Postmortem	事后总结	180	10
Process Improvement Plan	提出过程改进计划	60	60
Estimate	这个任务需要多少时间	1200	790

---

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

代码组织与内部实现设计:

设计实现过程：

根据设计说明可以看出，这次编码的重点要放在如何将文本框的内容转化成json然后再以树的形式表现出来这也是这次的重难点。

于是根据题目要求将家族树分块：
1：读取导师位置作为根节点。
2：再按学术学位分为硕士、博士、本科节点。
3：再读取学生年级，按年级对不同学术学位的学生分块。
4：最后通过json传递数据js生成简单的家族树。
代码部分截图：


....核心的js
具体可以在github上查看

附加特点设计与展示:

css渐变背景：
数据存入：
......还有蛮多
截图发的累大伙看看界面吧

目录说明和使用说明:

目录说明：
html文件内包括生成前的jstext.html文件和生成后的index.html文件，css文件内包括主要页面渲染文件style.css，js文件内包括主要生成块test.js文件和引用的jquery.1.72.js文件。
在github下载后直接使用：https://github.com/hmbbbbbb/jiazushu

单元测试:

不会使用Qunit，正在学习。

Github的代码签入记录:

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

• 问题描述：单元测试做不好Qunit使用不会
• 做过哪些尝试：查资料
• 是否解决：未解决
• 有何收获：学习新的东西要持之以恒

评价你的队友：

20177622

值得学习的地方：写作业很用心，做的效果也不错

需要改进的地方：不精益求精
20177632

值得学习的地方：对作业很上心很努力

需要改进的地方：技术功底要加强