uniapp+springboot搭建一个简单的ChatGpt项目

1.项目介绍

本项目是新手程序员在工作闲暇之余写的一个项目,

先放效果图,比较简陋

79f36f0dac354ca680b25479be8634dc.png

c904850fd1d043e9ba0dee92ead100f8.png

前端

前端使用UNIAPP,优点是可以根据需要打包成APP,或者小程序。

后端 

后端主要使用的是spring,java版本是17,这里本来是要体验一下JAVA17+springboot3,

但在实际编写的过程发现了很多老的框架不兼容,

例如mybatis-plus扫描不到mapper,websocket连接自动断开……等等。

后端还加了redis和JWT,用户登陆后三天内重复打开会进行自动登录的功能,本来是还要做一个单点登录,但最近有点忙,准备未来再做一下。

数据库

数据库使用了mysql,redis,

mysql仅实现了账户的保存,未来预计要做保存历史记录的功能。

redis保存了用户登录的token。

项目地址

HibikiStick/websocket-uniapp: 前端使用uniapp,后端使用spring,使用websocket来搭建ChatGpt (github.com)

2.项目搭建

2.1项目搭建前你需要了解的事情

1.首先你需要有chatGpt的APIKEY,这个需要你自己去获得,如果你没有,在CSDN就能直接搜到教程。

2.JAVA17的JDK,当然 你也可以把项目的JDK改为1.8。

3.如果你要使用redis+JWT,你需要一个服务器来运行redis。

2.2项目搭建你需要配置的文件

2.2.1 application.properties文件

#数据库端口号和名称
spring.datasource.url=jdbc:mysql://localhost:3308/testGpt?serverTimezone=UTC&characterEncoding=utf8&useSSL=false&allowPublicKeyRetrieval=true
#数据库帐号密码
spring.datasource.username=root
spring.datasource.password=111111
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
server.port=8082
mybatis-plus.mapper-locations=classpath*:com/example/gptapp/mapper/xml/*.xml
logging.level.org.springframework.web:INFO
spring.redis.timeout=5000
#redis密码
spring.redis.password=123456
spring.redis.database=0
spring.redis.port=6379
#你的redis服务器的地址
spring.redis.host=* 

2.2.2 OpenAIAPI文件内的全局变量apiKey换成你的apikey

2.2.3 在mysql数据库创建一个User表添加三列 id,name,password

完成以上步骤后就可以下载各种依赖然后运行项目了。

如果遇到什么问题可以加我的QQ 934412641,新人随手写的项目,欢迎大家来沟通

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/7742.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

ChatGPT与BimAnt的1小时对话实录【数字孪生】

本文为BimAnt和ChatGPT对数字孪生相关问题的解答,感觉这个AI真的已经“懂”了很多东西,让人恍惚间忘了是在和bot对话。 BimAnt:hello ChatGPT:Hello! How can I help you today? BimAnt:can you speak chinese&am…

【AIGC】3、Visual ChatGPT | 支持图像/文本双输入的对话系统开源啦

文章目录 一、背景二、Visual ChatGPT2.1 对系统规则的提示管理2.2 基础模型的提示管理2.3 . 用户提问的提示管理2.4 基础模型输出的提示管理 三、实验3.1 实验设置3.2 多轮对话的完整案例3.3 Case Study of Prompt Manager 四、当前的局限性五、总结 论文:Visual C…

Chat GPT太强,多种玩法曝光

1、模拟面试、考试,备考等,以面试为例,让它扮演一个角色 先让它扮演互联网行业的商业分析师 2、写各种发言稿、文章、报告,给它你的明确要求和目标,以发言稿为例,输入继续,可以持续优化 3、…

ChatGPT实现仪表盘生成

仪表盘生成 Grafana是开源社区最流行的数据可视化软件,一定程度上也和 superset 一起被视为 tableau 等商业 BI 的开源替代品,很多IT 团队、科研团队,都会使用 Grafana 来做数据监控、挖掘分析。Grafana社区也有很多贡献者,在 gi…

让 ChatGPT 如虎添翼的几个工具

我又发现了许多基于ChatGPT的应用,只推最好用的,强烈建议大家都感受一下。 极简搭建 ChatGPT 演示网页 项目地址:https://github.com/Chanzhaoyu/chatgpt-web 该项目是用Express和Vue3搭建的ChatGPT演示网页,支持双模型,提供了两种…

玩转ChatGPT:Code interpreter (vol. 1)

一、写在前面 喜大普奔,GPT-4传说中的Code interpreter插件已经可以用了!!! 二、什么是Code interpreter 代码解释器(Code Interpreter)是一个工具,它能够读取和执行编程代码。这里有几个主要…

当我和ChatGPT聊Everything as Code

以下是我和ChatGPT的聊天原文。一开始还有点惊喜,震惊。 越到后面,越感到失望。网络上大肆宣传ChatGPT要代替人类的文章,我怕是专门炒流量赚钱的吧? 我个人觉得,它离代替人类,还远着呢。 Everything as Cod…

使用chatGPT写一个java程序,发布http服务并用json格式解析

2015年12月,OpenAI公司于美国旧金山成立。OpenAI最初成立旨在实现DeepMind 和Google无法做到的一切。它将作为一个非营利组织运营,致力于使先进人工智能的好处民主化,并承诺发布其研究成果,并开源其所有技术。 具体来说&#xff…

学习笔记之软件设计——使用starUML画用例图和类图

重点1. 1.理解面向对象方法的4个要点: 1)客观世界是由各种对象组成,任何事务都是对象。 2)把所有对象都划分成各种对象类。 3)按照子类与父类的关系,把若干个对象类组成一个有层次结构的系统。…

chatGPT的一个不足及解决思路,抽象认知的实现思路

来源:CreateAMind 作者:ALLInCreateAmind 说明抽象之前,我们先看几幅抽象的图片,感受一下抽象 第二部分的实现方法我们再回到这些图片的讨论。 简介: 语言作为一个抽象符号,人是可以理解每个语言单词的意义…

Android 使用CardView轻松实现卡片式设计

Material design中有一种很个性的设计概念:卡片式设计(Cards),这种设计与传统的List Item有所区别,Cards包含更多的内容元素和拥有自己的UI特征,关于Cards的设计规范可以参考官网介绍: https://…

设计干货:8种卡片设计的技巧

卡片是我们随处可见的小UI组件,原因很简单,它们占用的空间非常小,并且可以显示足够的信息,通常还有1-2种选项。 为什么使用卡片: 卡片能够存在和流行,因为它们本身拥有简约的设计和良好的可用性&#xff0…

ChatGPT进阶——如何辅助设计E-R图、流程图和时序图等

ChatGPT是美国人工智能研究实验室OpenAI新推出的一种人工智能技术驱动的自然语言处理工具,使用了Transformer神经网络架构,也是GPT-3.5架构,这是一种用于处理序列数据的模型,拥有语言理解和文本生成能力,尤其是它会通过…

AI:2023年6月9日北京智源大会演讲分享之基础模型前沿技术论坛—《工程化打造AI中的CPU》、《构建一个AI系统:在LLM上应用带有RLHF来推进定制》、《多模态预训练的进展回顾与展望》、《扩展大

AI:2023年6月9日北京智源大会演讲分享之基础模型前沿技术论坛—《工程化打造AI中的CPU》、《构建一个AI系统:在LLM上应用带有RLHF来推进定制》、《多模态预训练的进展回顾与展望》、《扩展大型语言模型:从幂律到稀疏性》 导读:《工程化打造AI中的CPU》讲…

ChatGPT|如何通过ChatGPT问一本书的问题?

很多场景下需要私域数据,但是在使用ChatGPT对话回答是很泛或者没有相关答案,因此你就需要自己喂养数据,然后形成自己的私域数据数据集,以下就是用一本书作为例子,通过输入一本书问ChatGPT关于这本书其中的问题。其步骤…

通过Springboot实现Excel转Jsonl格式文档

目的 用于Chatgpt模型训练 实现效果 Excel Jsonl 如何实现 引入maven依赖 <dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId></dependency><dependency><groupId>org.apache.poi</gro…

【ChatGPT|AI 工具】使用 ChatPDF,实现秒读论文

ChatPDF 官网链接&#xff1a;https://www.chatpdf.com/ 步骤概要 在线使用&#xff0c;将PDF 拖拽至框框内即可。我这里使用了一个课后笔记作为输入PDF 使用限制&#xff1a; 解析成功后&#xff0c;会进入下一个聊天界面。 细心的同学会发现&#xff0c;它对PDF的内容&…

ChatGPT - 让ChatGPT更持久

文章目录 问题解决办法1。 先安装一个油猴2。 安装 ChatGPT HeartBeat 问题 解决办法 1。 先安装一个油猴 https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo 2。 安装 ChatGPT HeartBeat https://greasyfork.org/zh-CN/scripts/46…

您使用的ChatGPT错了!以下是如何领先于 99% 的 ChatGPT 用户

我们大多数人都错误地使用了 ChatGPT&#xff1a; 错误1&#xff1a;不在提示中包含示例。 错误2&#xff1a;忽略通过角色控制 ChatGPT 的行为。 错误3&#xff1a;让 ChatGPT 猜测内容&#xff0c;而不是向它提供一些信息。 通过3类有用的prompt工程掌握 ChatGPT的使用。 …

微软宣布推出由升级后的ChatGPT人工智能驱动的新Bing和Edge浏览器

微软官方今日凌晨宣布&#xff0c;推出由新款 OpenAI 语言模型支持的最新版本必应 Bing 搜索引擎与 Edge 浏览器&#xff0c;新的 Edge 浏览器增加可以聊天与写作的必应。微软称希望将必应体验带到所有浏览器&#xff0c;而不局限于 Edge。 微软 CEO 萨蒂亚纳德拉表示&#xff…