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

1.项目介绍

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

先放效果图,比较简陋

uniapp+springboot搭建一个简单的ChatGpt项目_第1张图片

uniapp+springboot搭建一个简单的ChatGpt项目_第2张图片

前端

前端使用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,新人随手写的项目,欢迎大家来沟通

 

你可能感兴趣的:(uni-app,websocket,java)