本文将介绍如何通过Spring Boot 后端调用讯飞星火大模型API,并将结果返回给Vue3 + Element Plus 前端页面进行交互式展示。文末有彩蛋哟。
小提示:可以去注册一个讯飞星火账号,注册后,对于Spark Lite模型,可以免费领取无限token。
- JDK 17 + Spring Boot 3.x
- 前端:Vue3 + Element Plus + Axios
- 关键依赖(后端):
- 前往讯飞开放平台注册账号,对于Spark Lite模型,注册后即可领取无限token
- 本项目通过HTTP方式调用接口,所以需要创建应用并获取APIPassword
- 开通「星火大模型」服务权限
XunfeiConfig.java 通过 绑定配置:
(1) 请求/响应数据结构
这些类定义了与讯飞API交互的数据结构,采用Lombok简化代码:
① XunfeiRequest.java - API请求体
② XunfeiResponse.java - API响应体
(2) 嵌套消息结构
③ XunfeiMessage.java - 单条消息
④ XunfeiChoice.java - 生成选项
- 请求中的是消息历史列表
- 响应中的包含AI生成结果(可能多个)
- 字段命名与讯飞官方API文档保持一致
XunfeiSparkServiceImpl.java 核心逻辑:
ChatController.java接收前端传递过来的参数
- 消息展示区:使用Element Plus的实现气泡对话框
- 输入区:支持快捷发送
- 自动滚动:通过实现消息自动定位
通过本文的实践,完成了:
- Spring Boot与讯飞API的深度集成
- 前后端分离的对话交互实现
在文章的末尾,我想给大家推荐一本书:《平凡的世界》。
路遥的这部百万字巨著,通过描写中国70年代中期到80年代中期社会各阶层普通人的生活,展现了主人公孙少安、孙少平在艰苦环境中不屈不挠的奋斗历程,描绘了书中人物在时代变革中展现出的善良、坚韧与担当。
” 什么是人生,人生就是永不休止的奋斗。” ——《平凡的世界》
“生活不能等待别人来安排,要自己去争取和奋斗。” ——《平凡的世界》
梦虽遥,追则能达;愿虽艰,持则可圆。愿屏幕前的你,也能坚持下去,不懈奋斗。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容,请联系我们,一经查实,本站将立刻删除。
如需转载请保留出处:https://51itzy.com/kjqy/219515.html