这部分内容比较简单，对于后端而言就是CRUD接口，而前端我这边是用Claude Code帮我生成的，所以这节课给大家介绍一下这个项目前端的一些相关工作。
会话管理
因为用户在使用智能体的时候，往往会产生很多历史对话。如果没有会话管理，用户刷新页面之后就无法找到之前的对话记录了。因此在系统中，我们专门实现了一个 会话管理模块，主要提供给前端使用。 这部分主要就是：实现一个简单的会话管理接口，用于支持前端的会话列表、会话详情以及会话删除。 主要提供三个接口： | 接口 | 功能 | | --- | --- | | 查询会话详情 | 获取某个会话的全部聊天记录 | | 查询会话列表 | 获取历史会话列表 | | 删除会话 | 删除某个会话 |
接口都在SessionController之中。具体的没啥好讲的，就是增删改查嘛，唯一需要注意的就是，排序，会话列表的查询，你需要的是倒序排列，而获取某个会话的详情，则是正序排列，这个大家注意一下就好了。
前端实现的一些技巧
这个会话管理模块，其实主要是 给前端使用的接口。在这套系统中，前端页面我是使用 AI Coding 工具生成的，也就是 Claude Code。在使用 AI 写代码的时候，有几个比较实用的小技巧分享给大家。
技巧一：告诉 AI 参考页面
当你需要 AI 帮你生成一个新页面时，可以先告诉它：这个页面要参考哪个已有页面。 例如：
请参考 xxx 页面，实现一个新的会话列表页面。
这样 AI 会去学习已有页面的代码结构，生成的代码效果会好很多。并且Claude Code是可以支持上传图片的。如果你觉得生成的样式还是比较不美观，那么anthropics官方也提供了一些Agent Skills 可以直接拿来丰富你的 Claude Code 的前端设计能力。 skills/skills/frontend-design at main · anthropics/skills
技巧二：提供后端接口信息
AI 写前端代码时，最需要的信息其实是： 后端接口。 例如你可以告诉它：
接口地址：http://127.0.0.1:8211
具体后端Controller的路径：D:\LLMentor\LLMentor\agent\dodo-agent\src\main\java\cn\hollis\llm\mentor\agent\controller\SessionController.java
你参考这个controller来进行接口调用
Claude Code 会自动读取代码并理解接口结构。这样生成的前端代码调用的成功率很更好。
技巧三：一个“魔法提示”
这里还有一个非常好用的小技巧。这个适用于所有的编码场景，就是在让 AI 在开始写代码之前，可以在你的需求描述的最后，增加一句话：
如果有任何不确定的地方，请先问我，确认清楚再开始实现。
这句话非常非常的重要。很多 AI Coding 工具如果遇到不确定的问题，会 自己猜一个实现方式，结果很可能写错。但如果你允许它 先提问再动手，代码成功率通常会明显提升。