2020软件工程作业05

博客链接

作业要求链接：https://edu.cnblogs.com/campus/zswxy/software-engineering-2017-1/homework/10619
20177629：
20177626:

GITHUB地址

https://github.com/qq578503760/20177629-20177626

分工

20177629：完成师门树部分的样式和节点点击收缩功能。
20177626：文本框部分的样式和功能

PSP表格

流程图

PS：（自己也不确定是不是流程图，只能算个大概想法）

具体设计

因为本身不会算法后端之类的东西，也就是那些存值、字符串分割分类等等，只能尽量把样式做的美观一些。

文本框

文本框样式

树状结构

节点点击收缩功能

节点的样式

附加特点设计与展示

因为对于算法不懂，所以就只能在样式上下点功夫，先上图吧。

因为是师门树，所以背景用了一张森林的图片，节点也是做的绿色系，比较符合主题，做了鼠标停留的一些效果，那样会好看一点。
效果都是调JS和CSS自定义效果实现的。

使用说明

做了文本框输入但是后台处理没有做，因为不会。
所以直接点击节点看输入后的效果，第一层只能收缩第二层，第二层只能收缩第三层。

GITHUB记录

遇到的困难

1、后台处理。
2、收缩部分使用JS没有滑动效果。
3、文本框样式没有几个熟练的，都要百度慢慢看，一点点的调试。

队友的评价

刘大哥水平还是可以的，但是我们两个人的后端是真的不太会，花在这上面的时间还是多得多，我还是要多向刘大哥学习一下。