摘  要

 

现代的家长对孩子的教育问题尤为重视，其中，许多家长尤其注重培养孩子的英语能力。早年前，孩子学习英语往往要靠家长给报补习班。而现在，各种能够在线学习英语的网站层出不穷，孩子们可以通过线上学习的方式来学习英语了。本文就将介绍一个基于Web的儿童英语教学系统的设计与实现。本儿童英语教学系统采用前后端分离的方式，采取RESTful的网络应用程序的设计风格和开发方式，后端释放业务接口，前端调用相应的接口完成业务逻辑，具有低耦合和高内聚的特点。本儿童英语教学系统的前端采用Vue.js框架，Vue.js是一套用来构建用户界面的前端框架，具有灵活易用的特点。而系统的后端采用Node.js和Express，完成接口路由管理，业务逻辑操作，连接并访问数据库的任务。另外，系统调用了网易云音乐的一些开放接口来完成部分业务。

 

关键词：Web，儿童英语教学，Vue.js，Node.js

目  录

 

第一章 绪论 1

1.1 引言 1

1.2 研究目标及意义 1

1.3 国内外研究现状 1

第二章 系统相关技术介绍 3

2.1 Vue.js 3

2.2 Node.js 3

2.3 Express 3

2.4 MySQL 3

2.5 vue-chart.js 3

第三章 需求分析与系统设计 4

3.1 需求分析 4

3.2 系统构架 4

3.3 页面模块 5

3.3.1 页面跳转 5

3.3.1 外部接口调用 6

3.4 业务模块 7

3.4.1 用户注册 7

3.4.2 用户登录 8

3.4.3 查询用户信息 9

3.4.4 编辑用户信息 10

3.4.5 查询用户累计学习时间 11

3.4.6 编辑用户累计学习时间 11

第四章 系统功能模块实现 13

4.1 前端功能模块 13

4.1.1 登录页面 13

4.1.2 主页 15

4.1.3 字母认读学习模块 17

4.1.4 儿歌聆听学习模块 19

4.1.5 个人主页 21

4.2 后端功能模块 27

4.2.1 数据库配置文件 27

4.2.2 用户相关服务的接口路由文件 28

4.2.3 注册接口 28

4.2.4 登录接口 29

4.2.5 编辑用户名接口 30

4.2.6 编辑用户详细信息接口 31

4.2.7 修改密码接口 31

4.2.8 查询用户在学习模块中累计学习时间接口 32

4.2.9 修改用户在学习模块中累计学习时间接口 32

4.3 数据库表设计 33

第五章 结论 34

参考文献 35

致  谢 36