因为公司软件是维护管理类的,所以一些软件配置和功能对初次接触的用户理解起来还是存在一定难度的,所以用户提出在页面制作用户帮助的说明。
主要思路:
1.创建一个React组件,该组件包含一个iframe框架,用于加载不同类型的html文件。
2.把当前的word使用说明文档根据不同的目录转换成小块的html文件,并且进行命名。
3.在iframe框架的左侧采用Jquery的扩展库,zTree制作一颗目录树出来。类似于chm文件的效果。
4.我们的前端是单页面应用,但是如果让用户同时把说明文档加载过来感觉没必要,所以这一部分采用修改iframe的src来进行动态的调整。