##软件工程实践第四次结对编程作业
- 下载tree1.rar到本地,解压到本地,用chrome打开inde.html,在右侧文本框输入文本。
- 学术家族树以文本形式输入,点击提交文本框。
-
学术家族树以文本形式输入,点击提交文本框,考虑学术家族树的文本格式是这样的:
导师:张三
2016级博士生:天一、王二、吴五
2015级硕士生:李四、王五、许六
2016级硕士生:刘一、李二、李三
2017级本科生:刘六、琪七、司四
刘六:JAVA、数学建模
李二:字节跳动、京东云
导师:吴五 2016级博士生:天一、王二、吴
2015级硕士生:李四、王五、许六
2016级硕士生:刘一、李二、李三
2017级本科生:刘2、琪七、司四
导师:刘2 2016级博士生:天一、王二
2015级硕士生:李四、王五、许六
2016级硕士生:刘一、李、李三
2017级本科生:刘、琪七、司四
!!!文本最后不能换行
- 其中,"导师:","级博士生:","级硕士生:","级本科生:"和"、"当做关键词处理;若有多组输入,中间空一行(重点)。
- 并且可以在个人信息下方换行并且空一行输入技能或者经历。
树的节点,鼠标点击后是可以缩放的。同时,支持呈现多棵树并存、两棵关联树共存等形式,并且点击叶节点就会展开技能树。
- 在左侧家族树下会显示可缩放的树状结构,即生成的家族树。
###GitHub目录说明
- html文件即网页实现,里面引用了两个js文件,一个是库,一个则是算法使用json解析实现树的建立
- tree.js即为主要的代码文件
- style.css是外部页面布局控制
- d3.v3.min.js是一个库