- Python 对话树的定义方式是代码，虽然可以使用 “>>” 运算符来定义节点之间的边，但要查看整体拓扑结构还是不够直观，因此我们提供了一个功能，可以将 Python 对话树渲染成一个 HTML 交互图，来直观地查看整体拓扑结构以及各个节点的代码定义信息
- 在 TeliChatSecRun 目录下（如果有 Python 虚拟环境需要先激活），执行
python ./ichatdef/firstapp/py_chattree/Python对话树.py 生成 “Python对话树.html”（实际执行时将 “Python对话树” 换成真实的对话树文件名），下载到本地用浏览器打开，即可看到整个对话树的拓扑结构及相关代码信息，具体可以参看首页中的 120 Python 对话树的 HTML 交互图，可以下载到本地用浏览器打开进行浏览，或在 VS Code 中安装插件 Live Preview (Microsoft) 并预览 html 文件
- HTML 交互图的使用方式：
- 在空白处按住鼠标左键，可拖拽平移整个交互图
- 滚动鼠标滚轮可缩放交互图
- 鼠标悬停在节点上会显示该节点的代码定义信息
- 使用 Ctrl+F 可查找相关信息（节点）
- Python 对话树中，每类节点都有一个属性 “备忘”，属性值的类型是 str，该备忘信息会显示在 HTML 交互图中相应节点的傍边