使用Spring AI 把集成的语言模型,图像生成模型快速嵌入APP中,完成前后端调用,让你也拥有一款属于你的AI软件!!!

目录

一.引言:

二.后端配置:

三.前端:

四.手机端打开APP看看效果:

五.最后:


一.引言:

最近团队需要做款关于古诗的AP。又随着当下AI的兴起,除了基本的ap该有的功能以外,AI的添加也是必须的了。因此我这里就直接嵌套Spring AI集成的语言模型,图像模型使用。让我们快速体验!!!

二.后端配置:

需要配置我们后端SpringAI项目配置,当然我这里已经配置本且部署了语言模型,还没配置的,有问题的可以参考我的上一篇博客,这里有详细的解说:链接放在这里了

(详解!)五分钟搞定SpringAi 快速引入Chartgpt,让你少走坑!!!快速体验!!!_spring ai接入chat gpt-CSDN博客icon-default.png?t=N7T8https://blog.csdn.net/2301_77058976/article/details/138872822?spm=1001.2014.3001.5501

 然后这里 配置一下图像模型API (:这个你的api-key是gpt-3.5的 是没法支持生成图片的,需要去淘宝重新买一个高级的使用) 话不多说上代码:

@CrossOrigin
@RestController
public class ImageController {
    @Resource
    private OpenAiImageClient openAiImageClient;

    @GetMapping("/ai/image")
    public Result image(@RequestParam(value = "message") String message){
        System.out.println(message);
        ImageResponse imageResponse=null;
        try {
            imageResponse = openAiImageClient.call(new ImagePrompt(message));
        }catch (Exception ex){
            throw new ImageExcetion("No image response returned for request");
        }
        System.out.println(imageResponse);
        return Result.success(imageResponse.getResult().getOutput().getUrl());
    }
}

跟一下源码不难发现 :这里其实有同步API  ModelClient  和流式API  StreamingModelClient

同步API  ModelClient 下多种实现,我们以前使用的 OpenAiChatClient 就在这里,同理,我们直接使用这里的OpenAiImageClient api就可以了

但是流式API 里面就没有包含OpenAiImageClient 

当然具体参数包括生成高清照片,每次生成多少张,宽度,高度这些都可以自定义配置,具体可以参考官方文档:

OpenAI Image Generation :: Spring AI 参考icon-default.png?t=N7T8https://docs.spring.io/spring-ai/reference/api/clients/image/openai-image.html

三.前端:

 

只需要调用接口,逻辑处理一下

四.手机端打开APP看看效果:

文生图模型嵌入AP中使用

 请求的速度也和网络条件有关,后续也会继续优化,训练。让其体验感更好!!!

文生图模型嵌入AP中使用

五.最后:

当然,这里仅仅只是我们AP的一小部分功能,其他功能我就不展示了!!!开发的时候,后端我用了2台服务器,一台专门来处理AI的请求,另一台就处理AP的所有功能数据存储。后续我也会继续完善AP的功能,如果后续大家需要,我也可以把AP的所有功能详细介绍一下,本且附上所有源码,到时候有需要的可以自行提取。

希望大家可以多多支持!!!谢谢大家啦!! 

  • 27
    点赞
  • 28
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
使用 Spring Boot 3 开发一个前后端分离的生产级系统需要以下步骤: 第一步:环境准备 1. 安装 Java 开发工具包(JDK) 2. 安装集成开发环境(IDE),如Eclipse或IntelliJ IDEA 3. 安装Maven构建工具 4. 安装数据库(如MySQL)和相关工具(如MySQL Workbench) 第二步:创建后端项目 1. 使用IDE创建一个新的Spring Boot项目 2. 配置项目的基本信息,如项目名称、包名等 3. 添加必要的依赖,如Spring Boot Starter Web、Spring Data JPA等 4. 定义实体类、控制器、服务等后端代码 第三步:创建前端项目 1. 使用前端开发工具,如Vue.js或React.js,创建一个新的前端项目 2. 配置项目的基本信息,如项目名称、包名等 3. 定义前端路由、页面、组件等前端代码 第四步:前后端集成 1. 在后端项目配置跨域访问,允许前端项目访问后端接口 2. 在前端项目调用后端接口,实现数据的交互 第五步:开发和测试 1. 根据需求逐步开发后端和前端功能模块 2. 使用测试框架,如JUnit和Selenium,对系统进行单元测试和端到端测试 第六步:部署和上线 1. 打包后端项目为可执行的JAR文件 2. 部署JAR文件到生产环境的服务器上 3. 配置服务器的环境变量、数据库连接等 4. 启动服务器,验证系统是否正常运行 通过以上步骤,我们可以完成一个使用Spring Boot 3开发的前后端分离的生产级系统。这种架构可以提高开发效率、降低系统耦合性,并且适合大型项目的开发和部署。同时,我们还可以根据实际需求,进一步优化系统性能、可维护性和安全性。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

何政@

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值