手把手教你结合chatGPT api构建前后端项目（后端springboot+前端javascript）

前言

 你可以从这篇文章学到什么？

1、简单web应用构建-》我将结合实际需求以思维导图进行过程演绎
2、后端 springboot 结合 chatGPT api 简单构建后端应用
3、前端使用parcel构建简单前端javascript项目
 没有看过我上一篇关于如何创建GPT账号，以及api的基本使用的朋友请看这一篇：
从0到1使用chatGPT以及简单调用JAVA api实现网页的交互

应用背景

 当前web应用基于本人的实际需求出发，构建一个输入提示词，chatGPT生成对应数据的问答式简单应用。
该应用是本人备考雅思过程中，使用GPT辅助背单词摸索的一套流程，即存在很多疑难单词，并且很容易遗忘，如何才能更有效的记忆这些单词？我想到的解决办法就是，使用GPT生成英文小故事，根据故事情景去记忆单词，这样比单纯背单词更加有效率。

当前应用包含三个基本功能：

1、输入易忘单词，生成英文的单词故事
2、导出生成的故事
3、在线查询单词含义

下面是我写的思维导图：

项目界面：

前端说明

 采用javascript + bootstrap的方式构建
前端项目的链接：
https://github.com/LQF-dev/GPTDemo-ui
启动方式：npm run start

后端说明

 采用springboot+有道翻译api+chatGPT api的方式构建
后端项目链接：
https://github.com/LQF-dev/GPTDemo