项目实训进度记录【3.25-4.3】

摘要

完成笔记和知识树功能

笔记

效果展示:
在这里插入图片描述
这部分使用了开源库,我在开源库基础上添加了个性化的功能,例如保存(上传至后台)、给用户提供下载等。
如果用户仅仅打开笔记而不进行修改,不需要保存;只有当用户做了修改才进入“未保存”状态,这需要前端检测编辑器内容是否发生了改变。如用户在未保存状态离开,系统将温馨提示。当用户保存后,“保存”图标将变为对勾,并出现下载接口,用户可以将排版得很精致的笔记下载到本地查看。

知识树

该部分是对笔记条目的抽取,并且以知识树的形式展示。前端提供四种不同的展示形式供用户挑选。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
其原理是,后端对某个用户的笔记主题及结构进行抽取,将层次结构用json格式传给前端,前端使用G6graph完成渲染。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值