计算机毕业设计java微信小程序的英语学习激励系统ssmvue毕设

5系统实现

一、技术路线:

开发语言:Java

前端技术:JavaScript、VUE.js(2.X)、css3

数据库:MySQL 5.7

数据库管理工具:Navicat或sqlyog

开发工具:IDEA或Ecplise

二、项目介绍:

https://www.bilibili.com/video/BV1ay4y1c7VH/

三、运行截图:


微信小程序的英语学习激励系统由前台和后台交互构成。前台是用户对于本系统的使用,用户可以通过手机端登录注册,管理单词本,学习清单,错题本,试卷列表,考试记录,反馈中心等详细信息。

后台主要是管理员模块,可对该小程序的用户进行系统管理,登录进后可对用户进行管理等操作。

3.1微信小程序端

本章主要介绍微信小程序的英语学习激励系统实现,根据系统的需求分析,系统设计,系统前台功能区和系统后台功能区的实现。通过以下系统运行界面和核心代码展示。

用户登录,本系统和大部分系统一样都需要登录才能进入系统进行后续操作,用户输入登录名和密码,具体的实现效果如图3-1所示:

e19fd6aae33b37bd807ababac9a09814.jpeg

图3-1 登录界面图

用户注册,在使用本软件前需要新进行登录操作,如果用户还没有账号可先注册然后再登录。具体的实现效果如图3-2所示:

978e72c23ca9b6fd5dfa47394a935f43.jpeg

图3-2 注册界面图

用户登陆小程序端,可以对首页,公告资讯,我的等功能进行详细操作,如图3-3所示。

c83b293d0e13105cea3bab44ca4fe075.jpeg

图3-3小程序端首页界面图

单词本,在单词本页面可以查看单词名称,单词分类,译文,应用场景,单词解析等信息,并进行加入操作;如图3-4所示。

d3f49dfb6e7bd655c8a321a8fe119c2e.jpeg

图3-4单词本界面图

试卷列表,在试卷列表页面可以查看试卷名称,考试时长等信息,并进行点击考试操作;如图3-5所示。

bed812984773c96b8966f24b0e92ed09.jpeg

图3-5试卷列表界面图

用户,在我的页面可以对单词本,学习清单,错题本,试卷列表,考试记录,反馈中心等详细信息进行操作,如图3-6所示。

f01f67529b21b8ac6d8df6aa31d9fd11.jpeg

图3-6用户功能界面图

3.2管理员功能模块

系统后台登录,管理员通过输入账号、密码,选择角色并点击登录进行系统登录操作,如图3-7所示。

6a2fdedb16b2d6a922ef5115e701d643.jpeg

图3-7管理员登录界面图

管理员登录系统后,可以对首页,个人中心,用户管理,单词分类管理,单词本管理,学习清单管理,试卷管理,试题管理,系统管理,考试管理等功能进行相应操作,如图3-8所示。

3e378a600aec49f8fe0cf1c8f55120a6.jpeg

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

用户管理,在用户管理页面可以对索引、账号、姓名、性别、联系方式、头像等内容进行详情、修改或删除等操作,如图3-9所示。

6b1b37aa9bd61a978101c6d47a31c6b6.jpeg

图3-9用户管理界面图

单词分类管理,在单词分类页面可以对索引、单词分类等内容进行修改或删除等操作,如图3-10所示。

5035e965bfff2bd33a12a8e0d307980c.jpeg

图3-10单词分类界面图

单词本管理,在单词本管理页面可以对索引、单词名称、单词分类、译文、单词图片、语音播报、应用场景等内容进行详情,修改,查看评论或删除等操作,如图3-11所示。

f2ee643aaccec4165629180994135578.jpeg

图3-11单词本管理界面图

学习清单管理,在学习清单管理页面可以对索引、编号、单词名称、单词分类、译文、单词图片、单词解析、应用场景、添加时间、账号、姓名等内容进行详情,修改或删除等操作,如图3-12所示。

44dea0e788121e79dde42da12c97daf5.jpeg

图3-12学习清单管理界面图

试卷管理,在试卷管理页面可以对索引、试卷名称、考试时长、试卷状态等内容进行详情,修改或删除等操作,如图3-13所示。

51f0cdc97152c6aeed62a0995da3fec6.jpeg

图3-13试卷管理界面图

试题管理,在试题管理页面可以对试卷、试题名称、分值、答案、类型等内容进行修改或删除等操作,如图3-14所示。

39e3a679fe2b65eab056d7ca659a3acd.jpeg

图3-14试题管理界面图

考试管理,在考试记录页面可以对姓名、试卷、考试得分等内容进行查看详情操作,还可以对错题本进行详细操作;如图3-15所示。

c41d54b6a0b7c4dfa45a74c0bac23f9a.jpeg

图3-15考试管理界面图

系统管理,在公告资讯页面可以对索引、标题、图片等内容进行详情,修改或删除等操作,还可以对轮播图管理,反馈中心进行详细操作;如图3-16所示。

ba3a8c28f60e0b63028c964eb93733e7.jpeg

图3-16系统管理界面图

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值