用户交互界面:
包括聊天历史显示区域和输入框,用户可以输入消息并发送。
消息发送和显示:
用户输入消息后点击“Send”按钮或按下回车键即可发送。
消息发送后显示在聊天记录中,并通过异步请求与后端 AI 模型通信,获取回复。
对话历史存储与管理:
聊天记录保存在 conversationHistory 数组中,用于构建上下文与后端交互。
清空对话功能:
点击“Clear”按钮后,清空页面上的聊天记录以及存储的对话历史。
样式与美观:
通过 CSS 美化了聊天界面,包括消息显示、按钮样式及自动滚动功能。