SSM课程设计-共享物品管理系统-基于SpringBoot Vue

目录

简介

项目需求

项目使用到的主要技术

项目功能展示

普通用户

 管理员


简介

本项目为SSM课程设计选题-共享物品管理系统,基于SpringBoot和Vue

项目需求

设计一个基于SSM的共享物品管理系统,主要实现共享物品的查询、借用和归还等。至少完成以下功能:管理员管理物品信息、借用信息;用户登录注册、借用物品、归还物品等;通过此次课程设计来检测和提升自己的企业级应用开发能力!

项目使用到的主要技术

SpringBoot2,MyBatis,Vue2,ElementUI,axios,redis,elasticsearch,AspectJ等技术。

项目功能展示

普通用户

用户登录界面:

435df55cba0041c68023e4a91d78b655.png

当用户信息格式输入错误,会有以下提示:

a31fa5c4a1ee450ca56fd6d26c677e0e.png

当数据库中没有该用户:

ca0b0cc1ec03452c841532f008fe0a4a.png

当用户密码输入错误:

508fbc2b1f1140628f4a99e35d4e4b26.png

当用户信息输入正确后,vuex以及SessionStorage中存入用户数据,进入用户主页面regularUserMain.vue:

vuex:

61d3055e777e4090921703c58b54f00e.png

sessionstorage:

c581c4f993df4ab79ee488f0132ad997.png

用户主页面:

64f12e2d90384206a43fe34329902292.png

 bfc5e8f1e5e143f1994cb22473c1f56e.png物品查询功能使用到了es搜索,可以同时根据物品类型,物品名称以及物品类型进行搜索并自动对搜索结果进行默认的优先级排序:

以输入物品名称(手机)为例:

22afdb31d83d407aaa0a99d1016221cc.png

 当用户点击借用,显示借用提示提示框使用的是dialog对话框:

b977ce13329d49a1be2c695f05b58359.png

 这里的借用数量的最大值为物品的最大数量,最小为1,实现思路是:

初始化vue中data中的maxCount=0为借用数量最大值,当用户借用物品时,进行最大数量的赋值:

249b6546ead94278b648fd467f9c0837.png

当用户点击借用物品后给出提示:

8b26881d7c684f968422224802022a1a.png

依次点击我的->我的->我的借用可以看到借用信息:

点击记录数量,显示记录的数量:

f8ba71749ba34930a6a2f0f72e54913b.png

124e0a1935754105ac8c1fa774759121.png

85b8413f89764f79a27f0c943a2481ff.png

用户点击归还, 提示消费金额:

5be684a7a83e4a13ab5f1d258047adcf.png

物品归还后的更新后的信息如下:

d323e8f9624c4047a31e94e45ba0bd31.png

 管理员

f0dff7a344a443958caa91d70d7b62fe.png

 显示物品数据,对物品数据进行增删改查:

物品类型在页面初始化是查询数据进行类型回显

9360e2ff04f646178d425d2db14939dc.png

5e0613ea161849e0a336ab8d2526f507.png

 添加物品:

8951454adb794dc698b739901cd62585.png

 修改物品:

38a9590fe8e641babf2f1a2a53ec6957.png

 借用信息:

efd35d16d98a4e308a1e87e01c6d5404.png

a195e607349d46ce9a39146ec24f7bce.png

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值