结对编程题目

输入:

学术家族树以文本形式输入，web页面需要提供一个文本框；考虑学术家族树的文本格式是这样的：

导师：张三
2016级博士生：天一、王二、吴五
2015级硕士生：李四、王五、许六
2016级硕士生：刘一、李二、李三
2017级本科生：刘六、琪七、司四

刘六：JAVA、数学建模

李二：字节跳动、京东云
……

其中，"导师："，"级博士生："，"级硕士生："，"级本科生："和"、"当做关键词处理；若有多组输入，中间空一行。上半部分是人员信息，下半部分是技能树或所在公司历程。

输出:

文本的呈现方式没有强制要求，可以自定义为普通格式或XML格式；树的节点，鼠标点击后是可以缩放的。同时，支持呈现多棵树并存、两棵关联树共存等形式。点击某个叶节点，呈现该节点的技能及经历。

目录结构

  ├──css
  │   └──style.css
  ├──img
  │   └──bkg.jpg
  ├──js
  │   ├──graphing.js
  │   └──d3.v3.min.js    	
  └──index.html

下载后使用Google Chrome运行index.html即可展现预期结果。