摘要：随着当前社会经济的不断向前，人们对外语学习的需求高涨，因此背单词的软件以及小程序非常流行。市面上的背单词软件或是小程序从趣味记忆、情景设计等多个方面进行了探索，但是用户的学习成本大以及缺乏学习的主动性等问题仍然存在。本文分析了现状后提出了英语单词学习微信小程序并且予以设计与实现。

本文基于以上现状，构建了基于微信小程序的英语单词学习平台。该项目主要采用了JavaScript、Vue和Element-UI以及CSS前端技术，使用了SpringBoot和MyBatis作为后端框架进行开发。主要分为用户学习端以及管理员端两个部分，既满足了用户的主要学习需求也满足了管理员对各个项目的各个部分进行管理的需求。

 

关键词：背单词；微信小程序；Vue；SpringBoot

 

目 录

摘 要

Abstract

1 绪论-1

1.1 选题意义与目的-1

1.2 研究现状-2

2 系统开发技术的分析与选择-4

2.1 Vue.js框架-4

2.2 Spring boot-4

2.3 数据库的选择-4

3 英语单词学习小程序需求分析-5

3.1 可行性分析-5

3.1.1 环境可行性-5

3.1.2 技术可行性-5

3.2 功能需求分析-6

4 英语单词学习小程序总体设计-7

4.1 总体目标-7

4.2 功能模块-7

4.2.1 用户功能模块-7

4.2.2 后台管理功能模块-8

4.3 小程序用户端-8

4.4 后台管理端-13

5 英语单词学习小程序数据库设计-18

5.1 逻辑设计-18

5.2 表设计-18

6-英语单词学习小程序详细设计与部分关键代码实现-21

6.1 小程序用户端-21

6.1.1-用户首页模块-21

6.1.2-个人计划模块-24

6.1.3-用户学习模块-26

6.1.4-单词列表模块-30

6.1.5-单词墙模块-31

6.1.6-个人中心模块-33

6.2 后台管理-34

6.2.1-管理员登录模块-34

6.2.2-用户管理模块-36

6.2.3-词库管理模块-40

6.2.4-管理员信息模块-43

6.2.5-单词管理模块-48

6.2.6 公共组件模块-52

7-英语单词学习小程序的系统测试-52

7.1 运行环境-52

7.2 功能性测试-53

7.3 非功能性测试-55

7.4 测试结果与分析-56

8-总结与展望-56

参考文献-58