返回顶部
首页 > 资讯 > 精选 >微信小程序| 打造ChatGPT英语四六级背单词小程序
  • 873
分享到

微信小程序| 打造ChatGPT英语四六级背单词小程序

小程序微信小程序chatgpt人工智能aiuniapp原力计划 2023-08-16 18:08:00 873人浏览 独家记忆
摘要

一、需求背景 学英语,最大的痛苦莫过于背单词! 不知道你平时都是用什么方式在背单词呢?硬啃单词书?字典?还是说各类的背单词APP来回跳转? 不可否认的是,单词一两遍完全记不住,没有个三四五六七八遍,都很难在考场的卷子上认出他! 所以,这次

请添加图片描述

一、需求背景

学英语,最大的痛苦莫过于背单词!

不知道你平时都是用什么方式在背单词呢?硬啃单词书?字典?还是说各类的背单词APP来回跳转?

不可否认的是,单词一两遍完全记不住,没有个三四五六七八遍,都很难在考场的卷子上认出他!

所以,这次我们来做一个通关英语四六级的背单词神器,让他能够基于艾宾浩斯遗忘规律来辅助我们高效背单词。

这个项目也是aiGC的一个方向性的探索,我们基于LLM的能力,进一部封装。相比于专栏中的前几个项目是直接基于OpenAI接口的直接生成,这次我们需要对模型进行数据的填喂。同时制定好相应的语料生成规则,让他能够根据我们的语料信息生成到我们的答案内容。

所以在本项目中,我们使用到的技术包括:语料Embedding技术Prompt微调技术、``Fine Tune技术,正是通过这三种技术能力的加持,由此颠覆以往的机械式背单词!打造一款更加完美的背单词程序!


二、项目原理及架构

2.1 实现原理

在这里插入图片描述

(1)语料的准备

想要有好的单词记忆效果,我们的单词语料必须准备得足够完整!这里我们选用了GitHub开源词典数据项目。其中包含了四六级、考研、雅思托福等。这里我们主要针对英语四六级准备,所以这里使用四六级的词汇书就足够了!将其下载,然后导入到数据库中。
在这里插入图片描述

(2)制定LLM模型背单词规则

背过单词的都知道,人的记忆功能都是符合记忆曲线的,同样地我们冶可以将这种记忆规则迁移到我们程序中!其中最重要的就是构建好相应的Prompt来满足单词记忆的规则效果!

  • 先对LLM进行记忆规则的自定义!

请添加图片描述


  • 再对LLM输入背单词进行词义混淆内容的设定!

请添加图片描述

(3)记忆已经学会的单词

为了让程序记住我们已经背诵过了的单词,就要让LLM具备记忆功能。在传统的WEB应用开发过程中,说到数据存储,第一时间我们考虑得更多得除了关系型数据库以及中间件缓存数据库!这是由于业务得特性所决定得!我们在web应用中,数据是规整的!是结构化的。所以用传统的关系型数据库完全可以满足系统的检索需求!

但是,这次我们面对的是大语言模型,而且我们的数据是完全基于文本语料的,可以说不是完全地结构化以及关系型的数据!这个时候我们结合时下大火的向量数据库Milvus来进行数据的存储和检索!也就是传说中的Embedding技术该技术的核心原理:将文本内容通过数学运算,将其转化为向量。然后基于向量间的相似度运算来进行内容的匹配!从而检索出当前内容的最高相似度数据

Milvus 是一款开源的特征向量相似度搜索引擎,具有使用方便、实用可靠、易于扩展、稳定高效和搜索迅速等特点,在全球范围内被上百家组织和机构所采用。Milvus 已经被广泛应用于多个领域,其中包括图像处理、机器视觉、自然语言处理、语音识别、推荐系统以及新药发现等。

Milvus学习教程大全:

在这里插入图片描述


2.2 技术架构

在这里插入图片描述


2.3 技术栈

模块语言及框架涉及的技术要点
小程序前端基于Vue 2.0语法+Uni-app跨平台开发框架Http接口通信、Flex布局方式、uView样式库的使用、JSON数据解析、定时器的使用
小程序接口服务端python + flask WEB框架rest接口的开发、 ChatGPT api接口的数据对接 、 前后端websocket实时通信

2.4 数据交互原理

ORMal{stroke-width:2px;}#mermaid-svg-wUGR1QITeREkNypL .edge-thickness-thick{stroke-width:3.5px;}#mermaid-svg-wUGR1QITeREkNypL .edge-pattern-solid{stroke-dasharray:0;}#mermaid-svg-wUGR1QITeREkNypL .edge-pattern-dashed{stroke-dasharray:3;}#mermaid-svg-wUGR1QITeREkNypL .edge-pattern-dotted{stroke-dasharray:2;}#mermaid-svg-wUGR1QITeREkNypL .marker{fill:#333333;stroke:#333333;}#mermaid-svg-wUGR1QITeREkNypL .marker.cross{stroke:#333333;}#mermaid-svg-wUGR1QITeREkNypL svg{font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;}#mermaid-svg-wUGR1QITeREkNypL .label{font-family:"trebuchet ms",verdana,arial,sans-serif;color:#333;}#mermaid-svg-wUGR1QITeREkNypL .cluster-label text{fill:#333;}#mermaid-svg-wUGR1QITeREkNypL .cluster-label span{color:#333;}#mermaid-svg-wUGR1QITeREkNypL .label text,#mermaid-svg-wUGR1QITeREkNypL span{fill:#333;color:#333;}#mermaid-svg-wUGR1QITeREkNypL .node rect,#mermaid-svg-wUGR1QITeREkNypL .node circle,#mermaid-svg-wUGR1QITeREkNypL .node ellipse,#mermaid-svg-wUGR1QITeREkNypL .node polyGon,#mermaid-svg-wUGR1QITeREkNypL .node path{fill:#ECECFF;stroke:#9370DB;stroke-width:1px;}#mermaid-svg-wUGR1QITeREkNypL .node .label{text-align:center;}#mermaid-svg-wUGR1QITeREkNypL .node.clickable{cursor:pointer;}#mermaid-svg-wUGR1QITeREkNypL .arrowheadPath{fill:#333333;}#mermaid-svg-wUGR1QITeREkNypL .edgePath .path{stroke:#333333;stroke-width:2.0px;}#mermaid-svg-wUGR1QITeREkNypL .flowchart-link{stroke:#333333;fill:none;}#mermaid-svg-wUGR1QITeREkNypL .edgeLabel{background-color:#e8e8e8;text-align:center;}#mermaid-svg-wUGR1QITeREkNypL .edgeLabel rect{opacity:0.5;background-color:#e8e8e8;fill:#e8e8e8;}#mermaid-svg-wUGR1QITeREkNypL .cluster rect{fill:#ffffde;stroke:#aaaa33;stroke-width:1px;}#mermaid-svg-wUGR1QITeREkNypL .cluster text{fill:#333;}#mermaid-svg-wUGR1QITeREkNypL .cluster span{color:#333;}#mermaid-svg-wUGR1QITeREkNypL div.mermaidTooltip{position:absolute;text-align:center;max-width:200px;padding:2px;font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:12px;background:hsl(80, 100%, 96.2745098039%);border:1px solid #aaaa33;border-radius:2px;pointer-events:none;z-index:100;}#mermaid-svg-wUGR1QITeREkNypL :root{--mermaid-font-family:"trebuchet ms",verdana,arial,sans-serif;}
选择操作模式
数据交互
构造问题数据发送
通过API接口返回回答数据
用户
小程序
小程序后端服务
ChatGPT
Milvus向量数据库

三、项目功能的实现

3.1 ChatGPT API的接入

要接入ChatGPT API,需要按照以下步骤进行操作:

  1. 注册一个账号并登录到OpenAI的官网:https://openai.com/
  2. 在Dashboard页面上,创建一个API密钥。在“API Keys”选项卡下,点击“Generate New Key”按钮。将生成的密钥保存好,以备后续使用。
  3. 选择所需的API服务,例如“Completion” API,以使用OpenAI的文本生成功能。

在这里插入图片描述
使用Python调用ChatGPT API实现代码如下:

  • 方法一:使用request
import requestsimport json# 构建API请求url = "https://api.openai.com/v1/engines/davinci-codex/completions"headers = {"Content-Type": "application/json",           "Authorization": "Bearer YOUR_API_KEY"}data = {    "prompt": "Hello, my name is",    "max_tokens": 5}# 发送API请求response = requests.post(url, headers=headers, data=json.dumps(data))# 解析API响应response_data = json.loads(response.text)generated_text = response_data["choices"][0]["text"]print(generated_text)
  • 方式二:使用openAI库
from flask import Flask, requestimport openaiapp = Flask(__name__)openai.api_key = "YOUR_API_KEY_HERE"@app.route("/")def home():    return "Hello, World!"@app.route("/chat", methods=["POST"])def chat():    data = request.json    response = openai.Completion.create(        engine="davinci",        prompt=data["message"],        max_tokens=60    )    return response.choices[0].textif __name__ == "__main__":    app.run()

3.2 小程序端设计与实现

首页学习页
在这里插入图片描述在这里插入图片描述
学习统计页
在这里插入图片描述

3.3 Milvus数据库的接入

  • JAVA SDK工具类接入
  • FLAT:FLAT适用于希望在小规模、百万级数据集上获得完全准确和精确搜索结果的场景。
  • IVF_FLAT:IVF_FLAT是一种基于量化的索引,适用于追求查询准确度和速度之间的理想平衡的场景。
  • IVF_SQ8:IVF_SQ8是一种基于量化的索引,适用于那些资源非常有限且需要显著减少磁盘、CPU和GPU内存消耗的场景。
  • IVF_PQ:IVF_PQ是一种基于量化的索引,适用于那些即使付出准确度代价也要追求高查询速度的场景。
  • HNSW:HNSW是一种基于图的索引,适用于对搜索效率有高要求的场景。
  • ANNOY:ANNOY是一种基于树的索引,适用于追求高召回率的场景。
  • RAFT: 基于GPU的一种索引

在这里插入图片描述


3.4 小程序单词学习功能实现

    {{learnedNum}} / {{learnNum}}WordWrapper" bindtap="playVoice" wx:if="{{!learnDone}}">    {{wordDetail.word}}                                            / {{wordDetail.phonetic}} /                                                                         {{wrongTransWordList[item].translation.pos}}             {{wrongTransWordList[item].translation.meaning}}                                    {{item.pos}}            {{item.meaning}}                                                                                                    答案                                    认识                                        不认识                                                下一个                                        记错了                                    下一个                                                                本组单词学习已完成    完成学习    继续学习

四、推荐阅读

🥇入门和进阶小程序开发,不可错误的精彩内容🥇 :

来源地址:https://blog.csdn.net/weixin_37797592/article/details/131454176

--结束END--

本文标题: 微信小程序| 打造ChatGPT英语四六级背单词小程序

本文链接: https://lsjlt.com/news/371908.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • 微信小程序| 打造ChatGPT英语四六级背单词小程序
    一、需求背景 学英语,最大的痛苦莫过于背单词! 不知道你平时都是用什么方式在背单词呢?硬啃单词书?字典?还是说各类的背单词APP来回跳转? 不可否认的是,单词一两遍完全记不住,没有个三四五六七八遍,都很难在考场的卷子上认出他! 所以,这次...
    99+
    2023-08-16
    小程序 微信小程序 chatgpt 人工智能 ai uniapp 原力计划
  • Django2.0+小程序技术打造微信小
    加Q[965546358]获取资源 第1章 课程导学 第2章 小程序开发入门 从几个方面介绍小程序开发相关的内容,包括小程序开发者账号注册、小程序开发流程、小程序开发规范、小程序常用的API,例如网络请求、本地缓存等API,...
    99+
    2023-01-31
    程序 技术 微信小
  • 微信小程序-小程序订阅消息(四)
    一、小程序订阅消息 小程序订阅消息 | 微信开放文档 功能介绍 消息能力是小程序能力中的重要组成,我们为开发者提供了订阅消息能力,以便实现服务的闭环和更优的体验。 订阅消息推送位置:服务通知订阅消息下发条件:用户自主订阅订阅消息卡片跳转能力...
    99+
    2023-09-06
    微信小程序 小程序
  • 小程序:微信小程序打包成APP
     哈喽大家好 ! 我是小白 本篇将教大家如何一键实现微信小程序打包成APP! 如今的微信小程序发展可谓是如日中天,关于微信小程序和APP谁才是最终的王者的问题一直没有得到一个正式的答案。 2017年1月9日,张小龙在微信公开课上宣布小程序...
    99+
    2023-09-20
    微信小程序 小程序
  • 【微信小程序】-- 案例 - 自定义 tabBar(四十六)
    💌 所属专栏:【微信小程序开发教程】 😀 作  者:我是夜阑的狗🐶 🚀 个人简介:一个正在努力学技术的CV工程师,专注基础和实战分享 ,欢迎咨询! &...
    99+
    2023-08-17
    微信小程序 小程序 前端
  • ChatGPT微信小程序怎么搭建
    这篇“ChatGPT微信小程序怎么搭建”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“ChatGPT微信小程序怎么搭建”文章吧...
    99+
    2023-07-05
  • 微信小程序 | 基于ChatGPT实现模拟面试小程序
    Pre:效果预览 ① 选择职位进行面试 ② 根据岗位职责进行回答 一、需求背景 这两年IT互联网行业进入寒冬期,降本增效、互联网毕业、暂停校招岗位的招聘,各类裁员、缩招的情况层出不穷!对于这个市场来说,在经历了互联网资本的疯狂时代...
    99+
    2023-08-16
    小程序 微信小程序 chatgpt 人工智能 ai 原力计划
  • 微信小程序 | 基于ChatGPT实现电影推荐小程序
    文章目录 ** 效果预览 ** 1、根据电影明星推荐 2、根据兴趣标签推荐 3、根据电影名推荐 一、需求背景 二、项目原理及架构 ...
    99+
    2023-08-22
    微信小程序 chatgpt 人工智能 ai 推荐算法 原力计划
  • 英语单词小程序开发需要哪些功能
    这篇文章主要介绍“英语单词小程序开发需要哪些功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“英语单词小程序开发需要哪些功能”文章能帮助大家解决问题。一、英语单词小程序开发市场概述移动学习模式已成为...
    99+
    2023-06-27
  • 怎么去打造微信小程序的爆款
    这篇文章将为大家详细讲解有关怎么去打造微信小程序的爆款,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。其实小程序是一个工具,本身并无法给企业、商户进行引流,只有做好小程序的运营才能慢慢积累用户量,从而产生效...
    99+
    2023-06-27
  • 微信小程序 |做一款跟ChatGPT下五指棋的小程序
    一、写在前面 敢问世间万物,何以解忧? 时下最为火爆的ChatGPT想必够资格来回答一下这个问题。 要想当年AlphaGO打败世界围棋高手李世石,就展露出AI的惊人实力,时隔多年,AI领域在憋了这...
    99+
    2023-09-05
    微信小程序 小程序 chatgpt ai python 原力计划
  • 微信小程序——语法篇
    1.模板语法 WXML(WeiXin Markup Language)是框架设计的⼀套标签语⾔,结合基础组件、事件系统,可以构建出⻚⾯的结构。 1.1数据绑定 1.1.1普通写法 {{message}} Page({data:{messag...
    99+
    2023-08-19
    微信小程序 小程序 javascript
  • 微信小程序中怎么打开另一个小程序
    今天小编给大家分享一下微信小程序中怎么打开另一个小程序 的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。查看官方文档主要方法名...
    99+
    2023-06-26
  • 微信小程序播放背景音乐
    1.实现效果 2.实现原理 1、wx.getBackgroundAudioManager : 获取全局唯一的背景音频管理器。 小程序切入后台,如果音频处于播放状态,可以继续播放。但是后台状态不能通过调用API操纵音频的播放状态。 从微信客...
    99+
    2023-09-20
    微信小程序 小程序
  • 微信小程序开发语言(微信小程序开发教程)详细步骤
    微信小程序开发语言 开发微信小程序用什么语言 1、微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言)、WX...
    99+
    2023-10-23
    微信小程序 开发语言 小程序
  • 微信小程序-扫普通链接二维码打开小程序
    类似很多饭堂扫桌面二维码点餐都是用这种方式实现扫普通链接二维码打开小程序 一、小程序设置: 链接后面带参数: 首先要在小程序管理-开发管理-开发设置:扫普通链接二维码打开小程序 添加可访问的链接,此链接要求域名已备案,并且要下载校验文件,...
    99+
    2023-10-04
    小程序 微信小程序
  • 微信小程序 ——入门介绍及简单的小程序编写
    14天阅读挑战赛自己决定的事情,就要不动声色的一往直前! 目录 一、小程序入门 1.1 什么是小程序 1.2 小程序的优点 1.3 小程序注册 1.4 安装开发工具 1.5 创建第一个小程序 二、小程序目录结构及入门案例 2.1 目录结构...
    99+
    2023-10-18
    java 微信小程序 小程序
  • 微信小程序实现点餐小程序左侧滑动菜单
    目录前言一、初识scroll-view二、左侧导航三、右侧滑动前言 最近在帮亲戚做一款微信的点餐小程序,以前从没有接触过小程序的我只能现做现卖。一边看文档一边实践尝试,在进行到点菜模...
    99+
    2024-04-02
  • 微信小程序Component构造器怎么用
    小编给大家分享一下微信小程序Component构造器怎么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!  Component构造器可用于定义组件,调用Compo...
    99+
    2023-06-26
  • 微信小程序实现星级评分
    本文实例为大家分享了微信小程序实现星级评分的具体代码,供大家参考,具体内容如下 第一种方法: WXML代码: <view> 星级评分 </view&g...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作