摘要
完成知识树模块
过程
功能介绍: 以树的方式展示用户-课程-课程资料-关键词联系,使得用户对领域关键问题以及关联的其他领域知识形成认识。
实现: 资料库上传资料同时,后端用对资料的内容进行关键词抽取,关键词结果保存在数据库中。当收到知识树请求时,后端使用用户名作为key,获取该用户选报课程关联资料的关键词信息,构造树结构,并以json格式传给前端。前端解析json中的层次信息,并展示在树中。前端使用G6树图,测试了生态树、紧凑树、自定义树等4种样式,最后选用生态树作为baseline,并在其上设置了节点拖拽、高亮等样式。
效果图:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/726759b246e429b365d26ade1660e2b9.png)