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

    本次作业博客

    https://edu.cnblogs.com/campus/fzu/2019FZUSEZ/homework/8736

    GitHub地址

     https://github.com/noapanda/031702601-031702603

 

1、具体分工

   罗爱玥:UI设计,后期美化,博客撰写

    https://www.cnblogs.com/Leslie529-031702601/

 

    钟玲:代码编写,测试    

      https://www.cnblogs.com/noapanda/

 

2、PSP表格

Personal Software Process Stages 预估耗时(分钟) 实际耗时(分钟)
计划 30  40
估计这个任务需要多少时间 1800 2800
开发  510  960
需求分析 (包括学习新技术)  450  500
生成设计文档  0
设计复审  60 180 
代码规范 (为目前的开发制定合适的规范)  30 40 
具体设计  30 40 
具体编码  450 700 
代码复审  20 30 
测试(自我测试,修改代码,提交修改)  30 70 
报告  120 150 
测试报告  20 20 
计算工作量  20 20 
事后总结, 并提出过程改进计划  60 90 
合计  1830  2840

 

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

(1)代码组织与内部实现设计

利用jQuery EasyUI 插件实现基础菜单树,构建输入文本信息的文本框,以及点击即生成树的按钮,对文本信息进行切割生成各节点。

(2)代码的关键与关键实现部分流程

forEach(function()):遍历每一行

indexOf():查找字符信息出现的位置

substring():提取指定下标之间的字符

split():切割字符

createNode():创建节点

push():将字符信息推入节点

通过关键字"导师:","级博士生:","级硕士生:","级本科生:"和"、"对文本字符串进行切割

(3)关键代码

 

 1  

 

 

 

 

4、成果展示

 

 

软件工程实践2019第五次作业--结对编程的实现_第1张图片

 

 

软件工程实践2019第五次作业--结对编程的实现_第2张图片

 

每一个节点可展开

 

 5、在博客中给出目录说明和使用说明

软件工程实践2019第五次作业--结对编程的实现_第3张图片

 

 

 

 

软件工程实践2019第五次作业--结对编程的实现_第4张图片

 

 

6、单元测试

我们选用的Google浏览器F12快捷键通过console.log()进行测试

软件工程实践2019第五次作业--结对编程的实现_第5张图片

 

7、GitHub代码签入记录

软件工程实践2019第五次作业--结对编程的实现_第6张图片

 

软件工程实践2019第五次作业--结对编程的实现_第7张图片

 

 

8、遇到的问题

问题描述:js语言不熟悉,导致很多语法错误和逻辑错误;文本框和按钮格式别扭

解决方法:百度、知乎、B站、问同学、、、

是否已解决:已解决

收获:学会了一些html+css+js语言的正确操作

 

9、评价你的队友

罗爱玥

优点:
队友很努力,很好学,这周一直在肝,我都替她困。

缺点:

希望她对自己好点,不要年少不知肝贵。

 

钟玲

优点:

有求必应,愿意学也很用心,这次页面的美观设计由她完成,审美hin好捏(而且很关心我的身体(不是))

缺点:

希望沟通交流更多一些。

 

你可能感兴趣的:(软件工程实践2019第五次作业--结对编程的实现)