计算机毕业设计 318的英语单词学习网站vue 毕设

第五章 系统实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

3.1管理员功能实现

管理员可以通过输入用户名、密码、角色登录系统，开始管理系统功能。管理员登录效果图如下图3-1所示：

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

3.1.1 用户管理

管理员可以对用户管理进行详情、修改、删除等操作。用户管理效果图如图3-2所示。

图3-2用户管理界面图

3.1.2每日任务管理

管理员可以对每日任务管理进行添加、详情、删除、修改操作。每日任务管理效果图如图3-3所示。

图3-3每日任务管理界面

3.1.3词汇单词管理

管理员可以对词汇单词管理进行添加、详情、删除、修改等操作。词汇单词管理效果图如图3-4所示。

图3-4词汇单词管理界面图

3.1.4试卷管理

管理员可以对试卷管理进行修改、删除、查看等操作。试卷管理效果图如图3-5所示。

图3-5试卷管理界面图

3.1.5试题管理

管理员可以对试题管理进行修改、删除、查看等操作。试题管理效果图如图3-6所示。

图3-6试题管理界面图

3.1.6交流论坛

管理员可以对交流论坛信息进行修改、删除、查看等操作。交流论坛效果图如图3-7所示。

图3-7交流论坛界面图

3.1.7轮播图管理

管理员可以对轮播图管理信息进行修改、删除、查看等操作。轮播图管理效果图如图3-8所示。

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

3.1.8系统公告

管理员可以对系统公告信息进行修改、删除、查看等操作。系统公告效果图如图3-9所示。

图3-9系统公告界面图

3.2用户功能实现

3.2.1每日任务管理，在每日任务管理页面通过查看账号、姓名、单词、日期

等内容并可根据需要对每日任务管理进行修改、删除，如图3-10所示。

图3-10每日任务管理界面图

3.3前台首页功能实现

 英语单词学习网站，在系统首页可以查看首页、词汇单词、交流论坛、试卷列表、系统公告、个人中心、后台管理、客服等内容，如图3-11所示。

图3-11前台首页功能界面图

3. 3.1 登录、用户注册，在用户注册页面可以填写账号、密码、姓名、性别、年龄、邮箱等详细内容进行用户注册、登录，如图3-12所示。

图3-13 登录、用户注册界面图

3.3.2词汇单词，在词汇单词页面通过填写单词、释义、封面、例句等信息进行提交，如图3-14所示。在交流论坛页面通过填写标题、类型、内容等信息进行发布帖子操作，如图3-15所示。

图3-14词汇单词界面图

图3-15交流论坛界面图

3.3.3试卷列表，在试卷列表页面通过填写试卷名称、考试时长、创建时间等信息进行提交，如图3-16所示。在我的收藏页面通过填写收藏名称、收藏图片等信息进行收藏操作，如图3-17所示。

图3-16试卷列表界面图

图3-17我的收藏界面图