摘要
完成笔记和知识树功能
笔记
效果展示:
这部分使用了开源库,我在开源库基础上添加了个性化的功能,例如保存(上传至后台)、给用户提供下载等。
如果用户仅仅打开笔记而不进行修改,不需要保存;只有当用户做了修改才进入“未保存”状态,这需要前端检测编辑器内容是否发生了改变。如用户在未保存状态离开,系统将温馨提示。当用户保存后,“保存”图标将变为对勾,并出现下载接口,用户可以将排版得很精致的笔记下载到本地查看。
知识树
该部分是对笔记条目的抽取,并且以知识树的形式展示。前端提供四种不同的展示形式供用户挑选。
其原理是,后端对某个用户的笔记主题及结构进行抽取,将层次结构用json格式传给前端,前端使用G6graph完成渲染。