基于 SpringBoot+vue 的校园二手书平台

简介: 基于 SpringBoot+vue 的校园二手书平台

1. 介绍


本次设计任务是要设计一个乐校园二手书交易管理系统,通过这个系统能够满足乐校园二手书交易的管理员及卖家用户和用户二手书交易信息管理功能。系统的主要功能包括首页、个人中心、用户管理、卖家用户管理、图书分类管理、二手图书管理、求购图书管理、求购回复管理、留言反馈、系统管理、订单管理等功能。


管理员可以根据系统给定的账号进行登录,登录后可以进入乐校园二手书交易管理系统,对乐校园二手书交易管理系统所有模块进行管理。包括查看和修改自己的个人信息以及登录密码。


该系统为每一个用户都分配了一个用户账号,用户通过账号的登录可以在系统中查看乐校园二手书交易信息及对个人信息进行修改等功能。


3bb2293fd0c3da114d4753507bdf80a8_d837211dd8ed8ab5c58256eeb7b7c944.png


2 .技术栈


开发语言:Java


框架:springboot


JDK版本:JDK1.8


服务器:tomcat7


数据库:mysql 5.7(一定要5.7版本)


数据库工具:Navicat11


开发软件:eclipse/myeclipse/idea


Maven包:Maven3.3.9


浏览器:谷歌浏览器


3. 需求分析


乐校园二手书交易管理系统是三种身份的用户,主要涉及管理员,卖家用户和用户。每个身份都是操作起来都是清楚方便的。对于一些乐校园二手书交易信息,这是任何人都可以查看的,但是如果用户想进入后台进行操作,则必须是已经进行登录的用户,或者想修改乐校园二手书交易信息的话,也是需要用户为登录状态。这些用户的基本信息都由管理员对其统一管理。


根据乐校园二手书交易实际过程的分析,系统有以下几个部分,其中用户注册,发布个人信息,修改个人信息;用户注册登录,发布乐校园二手书交易信息;管理员管理用户信息;一般用户只可以浏览不可以发布信息。以上业务过程从用户角度可以分为三类使用本系统的用户角色,包括管理员,卖家用户和用户。以下针对各类用户说明相应的业务过程。


b5b82630ee70035ca90fb7affcc3fca0_e9240685d4ecb45a26d0d82a9f1a54c0.jpeg


4系统设计


4.1数据库设计


信息管理系统的效率和实现的效果完全取决于数据库结构设计的好坏。为了保证数据的完整性,提高数据库存储的效率,那么统一合理地设计数据库结构是必要的。数据库设计一般包括如下几个步骤:


(1)根据用户需求,确定数据库信息进行保存


对用户的需求分析是数据库设计的第一阶段,用户的需求调研,熟悉运作流程,系统要求,这些都是以概念模型为基础的。


(2)设计数据的概念模型


概念模型与数据建模用户的观点一致,用于信息世界的建模工具。通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。


用户注册实体图如图4-1所示:


2616115aa340e746469f2fbd4846ddac_397bffbd42687b855271857f597afa77.jpeg


(3)数据库逻辑结构分析


数据库概念结构设计后,可以数据库概念转化实际的数据模型,这是一种数据库的逻辑结构,就是将概念结构与支持数据库管理系统的模型相符合。具体的表设计如下所示:


表4-1:联系客服

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
userid bigint 用户id
adminid bigint 管理员id
ask longtext 4294967295 提问
reply longtext 4294967295 回复
isreply int 是否回复


表4-2:图书分类

字段名称 类型 长度 字段说明 主键 默认值
id bigint 主键 主键
addtime timestamp 创建时间 CURRENT_TIMESTAMP
tushufenlei varchar 200 图书分类



5系统详细设计


5.1系统功能模块


乐校园二手书交易管理系统,在系统首页可以查看首页、二手图书,系统公告、留言反馈、个人中心、后台管理,购物车,联系客服等内容进行详细操作,如图5-1所示。


image.png


用户注册,在用户注册页面通过填写用户账号、密码、确认密码、用户姓名、年龄等信息完成用户注册,如图5-2所示。


401b4cd002b12b0a8fbb405fa69d5154_b3e02fc6ec4937ebc47c10130c610fa8.png


二手图书,在二手图书页面可以查看价格,图书分类,作者,出版社,成色,卖家账号,卖家姓名,点击次数等详细内容,并进行添加到购物车和立即购买操作,如图5-3所示。


5781e8fbc77bed2aa4181e76b07c94e4_01e2b3e1dcaab03bad90c8274de88580.png


留言反馈,在留言反馈页面通过输入留言内容,上传图片进行立即提交或重置操作,还可以对留言信息和留言图片进行回复操作;如图5-4所示。


[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-r6MaCMUr-1679757896207)(null)]


个人中心,在个人中心页面通过填写用户账号、密码、用户姓名、性别、年龄、上传图片、余额等信息进行更新信息,根据需要对我的订单,我的地址我的收藏进行详细操作,如图5-5所示。


a9d4e5a30bc39bee024a0011def720e8_8c90a079a97fdbc6db467dd3176d67f7.png


5.2管理员功能模块


管理员登录系统后,可以对首页、个人中心、用户管理、卖家用户管理、图书分类管理、二手图书管理、求购图书管理、求购回复管理、留言反馈、系统管理、订单管理等功能模块进行相应操作,如图5-6所示。


3bb2293fd0c3da114d4753507bdf80a8_d837211dd8ed8ab5c58256eeb7b7c944.png


用户管理,在用户管理页面可以对索引、用户账号、用户姓名、性别、年龄、头像等信息进行详情,修改和删除等操作,如图5-7所示。


7ac29e9cee1faf259170d1d5c24b41eb_0d66c419d4717fdd1373082161f96a28.png


卖家用户管理,在卖家用户管理页面可以对索引、卖家账号、卖家姓名、性别、卖家手机、邮箱、图片等信息进行详情,修改和删除等操作,如图5-8所示。


5.3 卖家用户功能模块


卖家用户登录系统后,可以对首页、个人中心、二手图书管理、求购图书管理、求购回复管理、订单管理等功能模块进行相应操作,如图5-15所示。


3e044bd32f91727eb83a6e60b7b6c91b_10c9940ab71b483ed466d68330b8b6c3.png


二手图书管理,在二手图书管理页面可以对索引、图书名称、图书分类、封面、作者、出版社、成色、卖家账号、卖家姓名、价格等内容进行详情,修改,查看评论和删除操作,如图5-16所示。


d75f96654561b6576bfea349b2ec6913_cd52e96e78b1c1a07b2c0b5a8b6ef8a0.png


求购图书管理,在求购图书管理页面可以对索引、图书名称、图书分类、作者、出版社、成色要求、接受价位、发布时间、用户账号、用户姓名等内容进行详情和回复等操作,如图5-17所示。

209897a8c078780e11d9f9f90212805b_823d6e4490aefbc46b70156645f9cbb7.png


相关文章
|
1月前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 实现动态路由和菜单功能,快速搭建前后端分离的应用框架。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,包括版本兼容性、安全性、性能调优等方面。
143 1
|
17天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个具有动态路由和菜单功能的前后端分离应用。首先,创建并配置 Spring Boot 项目,实现后端 API;然后,使用 Ant Design Pro Vue 创建前端项目,配置动态路由和菜单。通过具体案例,展示了如何快速搭建高效、易维护的项目框架。
95 62
|
15天前
|
JavaScript 安全 Java
如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能
本文介绍了如何使用 Spring Boot 和 Ant Design Pro Vue 构建一个前后端分离的应用框架,实现动态路由和菜单功能。首先,确保开发环境已安装必要的工具,然后创建并配置 Spring Boot 项目,包括添加依赖和配置 Spring Security。接着,创建后端 API 和前端项目,配置动态路由和菜单。最后,运行项目并分享实践心得,帮助开发者提高开发效率和应用的可维护性。
34 2
|
18天前
|
JavaScript Java 项目管理
Java毕设学习 基于SpringBoot + Vue 的医院管理系统 持续给大家寻找Java毕设学习项目(附源码)
基于SpringBoot + Vue的医院管理系统,涵盖医院、患者、挂号、药物、检查、病床、排班管理和数据分析等功能。开发工具为IDEA和HBuilder X,环境需配置jdk8、Node.js14、MySQL8。文末提供源码下载链接。
|
14天前
|
JavaScript NoSQL Java
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
CC-ADMIN后台简介一个基于 Spring Boot 2.1.3 、SpringBootMybatis plus、JWT、Shiro、Redis、Vue quasar 的前后端分离的后台管理系统
29 0
|
5天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
5天前
|
存储 缓存 JavaScript
在 Vue 中使用 computed 和 watch 时,性能问题探讨
本文探讨了在 Vue.js 中使用 computed 计算属性和 watch 监听器时可能遇到的性能问题,并提供了优化建议,帮助开发者提高应用性能。
|
5天前
|
存储 缓存 JavaScript
如何在大型 Vue 应用中有效地管理计算属性和侦听器
在大型 Vue 应用中,合理管理计算属性和侦听器是优化性能和维护性的关键。本文介绍了如何通过模块化、状态管理和避免冗余计算等方法,有效提升应用的响应性和可维护性。
|
5天前
|
存储 缓存 JavaScript
Vue 中 computed 和 watch 的差异
Vue 中的 `computed` 和 `watch` 都用于处理数据变化,但使用场景不同。`computed` 用于计算属性,依赖于其他数据自动更新;`watch` 用于监听数据变化,执行异步或复杂操作。
|
5天前
|
JavaScript 前端开发 UED
vue学习第二章
欢迎来到我的博客!我是一名自学了2年半前端的大一学生,熟悉JavaScript与Vue,目前正在向全栈方向发展。如果你从我的博客中有所收获,欢迎关注我,我将持续更新更多优质文章。你的支持是我最大的动力!🎉🎉🎉