基于微信小程序的四六级词汇

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV1ZP411876j?t=28.8

三、运行截图：

3.1用户客户端功能实现

注册用户通过注册窗口，进行在线填写自己的用户名、姓名、性别、身份证、手机等等，信息编辑完成后核对信息无误后进行选择注册，系统核对用户所输入的账号信息是否准确，核对信息准确无误后系统进入到操作界面。

用户通过登录进入到系统操作界面后，可以根据需求对首页、英语词汇、易错词、论坛中心、我的等模块进行管理维护操作。

如图3-1所示。

图3-1注册用户界面图

用户登录通过账号、密码行页面，进入到四六级词汇小程序主界面，进入到操作界面，进行相对应操作，如图3-2所示。

图3-2用户登录界面图

用户首页页面可以查看首页、英语词汇、易错词、论坛中心、我的等信息，进行提交操作，如图3-3所示。

图3-3首页界面图

用户进入我的页面可以填写英语词汇、学习笔记、签到打卡、我的收藏、我要发帖、留言板等信息，进行提交操作，如图3-4所示。

图3-4我的界面图

用户进入用户信息页面可以填写用户名、密码、姓名、性别、头像、身份证、手机等信息，进行保存操作，如图3-3-所示。

图3-5用户信息界面图

用户进入英语词汇页面可以填写单词、等级、图片、字母、音标等信息，进行做笔记操作，如图3-6-所示。

图3-6英语词汇界面图

用户进入添加易错词页面可以填写易错单词、字母、发音、发布日期、备注等信息，进行收藏操作，如图3-7-所示。

图3-7易错单词界面图

用户进入学习笔记页面可以填写笔记名称、姓名、日期、用户名、学习进度等信息，进行提交操作，如图3-8-所示。

图3-8学习笔记界面图

用户进入签到打卡页面可以填写编号、签到日期、星期、用户名、备注等信息，进行提交操作，如图3-9-所示。

图3-9签到打卡界面图

用户进入我要发布页面可以填写内容等信息，进行确认提交操作，如图3-10-所示。

图3-10我要发布界面图

3.2 管理员服务端功能实现

管理员通过四六级词汇小程序进行确认，管理员进入到四六级词汇小程序主界面，管理员进入到操作界面，通过登录窗口进行在线填写自己的用户名和密码、角色进行登录，登录成功后进入到系统操作界面进行相应信息的获取，如图3-11所示。

图3-11管理员登录主界面图

管理员进入到界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看首页、个人中心、用户管理，英语词汇管理、易错词管理、学习笔记管理、签到打卡管理、论坛管理、我的收藏管理、留言板管理、系统管理等功能模块，进行相对应操作，如图3-12所示。

图3-12管理员功能界面图

管理员点击用户管理进入页面可以查看用户名、密码、姓名、性别、头像、身份证、手机等信息，进行详情、修改、删除操作，如图3-13示。

图3-13用户管理界面图

管理员进入英语词汇管理界面，通过界面的任务大厅，登录成功后进入到系统可以进行查看单词、等级、图片、字母、音标、翻译、听力、发布日期等信息，进行相对应操作，如图3-14所示。

图3-14英语词汇管理界面图

管理员进入到易错词管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看易错单词、字母、图片、发音、备注、发布日期等信息，进行相对应操作，如图3-15所示。

图3-15易错词管理界面图

管理员进入到学习笔记管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看笔记名称、日期、学习进度、学习心得、用户名、姓名等信息，进行相对应操作，如图3-16所示。

图3-16学习笔记界面图

管理员进入到签到打卡管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看编号、签到日期、星期、备注、用户名等信息，进行相对应操作，如图3-17所示。

图3-17签到打卡管理界面图

管理员进入我的收藏管理界面，通过界面的任务大厅，登录成功后进入到系统可以查看收藏ID、表名、收藏名称、收藏图片等信息，进行相对应操作，如图3-18所示。

图3-18我的收藏管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-19所示。

图3-19轮播图管理界面图