第四章 系统功能的具体实现
一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV1nM411S7Qa/
三、运行截图:
3.1 系统功能模块
校园旧书交易交换平台,用户进入到系统首页,可以查看首页、书籍信息、校园公告、个人中心、后台管理等内容进行操作,如图3-1所示。
图3-1系统首页界面图
书籍信息;在书籍信息页面中可以查看书籍编号、书籍名称、书籍分类、书籍图片、作者、出版社、新旧程度、交易方式、发布人账号、发布人姓名、物品详情等内容,并进行交易操作;如图3-2所示。
图3-2书籍信息界面图
学生注册;在学生注册页面中输入学生账号、学生姓名、密码、再次输入密码、年龄、电话号码等内容进行学生注册操作;如图3-3所示。
图3-3学生注册界面图
个人中心,在个人中心页面中输入学生账号、学生姓名、密码、性别、上传图片、年龄、电话号码等内容进行更新信息操作,如图3-4所示。
图3-4个人中心界面图
3.2 管理员功能模块
管理员登录,通过填写注册时输入的用户名、密码、选择角色等信息进行登录操作,如图3-5所示。
图3-5管理员登录界面图
管理员登录进入校园旧书交易交换平台可以查看主页、个人中心、学生管理、发布人管理、书籍分类管理、书籍信息管理、交易信息管理、交换信息管理、系统管理等信息进行详细操作,如图3-6所示。
图3-6管理员功能界面图
学生管理;在学生管理页面中可以对学生账号、学生姓名、性别、头像、年龄、电话号码等内容进行查看,修改和删除等操作;如图3-7所示。
图3-7学生管理界面图
发布人管理;在发布人管理页面中可以对发布人账号、发布人姓名、性别、头像、电话号码等内容进行查看,修改和删除等操作;如图3-8所示。
图3-8发布人管理界面图
书籍信息管理;在书籍信息管理页面中可以对书籍编号、书籍名称、书籍分类、图片、作者、出版社、新旧程度、交易方式、发布人账号、发布人姓名等内容进行查看,修改和删除等操作;如图3-9所示。
图3-9书籍信息管理界面图
交易信息管理;在交易信息管理页面中可以对交易编号、书籍名称、书籍分类、交易类型、交易时间、学生账号、学生姓名、发布人账号、发布人姓名等内容查看,修改和删除等操作;如图3-10所示。
图3-10交易信息管理界面图
交换信息管理;在交换信息管理页面中可以对交换编号、书籍名称、书籍分类、图片、新旧程度、交换时间、学生账号、学生姓名、发布人账号、发布人姓名、是否审核、审核回复等内容进行查看,修改和删除等操作;如图3-11所示。
图3-11交换信息管理界面图
系统管理;在轮播图管理页面中可以对名称、值等内容进行查看和修改等操作;还可以对校园公告进行详细操作;如图3-12所示。
图3-12系统管理界面图
3.3 发布人功能模块
发布人登录进入校园旧书交易交换平台可以查看主页、个人中心、书籍信息管理、交易信息管理、交换信息管理等内容,并进行详细操作,如图3-13所示。
图3-13发布人功能界面图
个人中心;在个人中心页面中通过填写发布人账号、发布人姓名、性别、头像、电话号码等内容进行个人信息修改提交操作;如图3-14所示。
图3-14个人中心界面图
交换信息管理;在交换信息管理页面中可以对交换编号、书籍名称、书籍分类、图片、新旧程度、交换时间、学生账号、学生姓名、发布人账号、发布人姓名、是否审核、审核回复等内容进行审核或查看等操作;如图3-15所示。
图3-15交换信息管理界面图
3.4学生功能模块
学生登录进入系统可以查看主页、个人中心、交易信息管理、交换信息管理等内容,并进行详细操作,如图3-16所示。
图3-16学生功能界面图
交换信息管理;在交换信息管理页面中可以对交换编号、书籍名称、书籍分类、图片、新旧程度、交换时间、学生账号、学生姓名、发布人账号、发布人姓名、是否审核、审核回复等内容进行查看,修改和删除等操作;如图3-17所示。
图3-17交换信息管理界面图