一、技术路线:
开发语言: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轮播图管理界面图