当前位置: 首页 > article >正文

基于Vue+SSM+SpringCloudAlibaba书籍管理系统

功能要求

一、登录功能(http://localhost:8080/#/login)

输入账号和密码(admin/admin)进行登录:

如果密码错误,给出提示信息

如果密码正确,跳转到主页

  • 账号或密码错误:

  • 账号密码正确:跳转到【图书列表】

  • 分类(标签)管理

2.1 标签列表

  1. 点击【分类管理】-进入分类列表,展示所有分类信息

2.2 新增标签

点击【新增】进行添加分类,点击确定,刷新【分类列表】

2.3 编辑标签

点击要操作的记录右侧的【编辑】按钮,进行编辑分类。

  1. 回显数据
  2. 点击确认之后,刷新页面

2.4 删除标签

点击要操作的记录右侧的【删除】按钮,进行删除分类。

  1. 点击删除后,询问是否删除;
  2. 删除成功,给出提示,并刷新页面

  • 用户列表

3.1 用户条件分页查询

3.2 新增用户

【新增用户】界面如下,要求同【新增分类】

2.3 编辑用户

【编辑用户】界面如下,要求同【编辑分类】

3.3 删除用户

要求同【删除分类】

3.4 批量删除用户

要求同【批量删除分类】

  • 图书管理

3.1图书条件分页查询

多条件分页查询:图书标题模糊查询、创建日期范围查询

3.2 新增图书

【新增图书】界面如下,

注:

  1. 书籍标签需要从数据库查出动态数据
  2. 创建日期为新增书籍的当天

新增成功:提示【新增成功】,并刷新页面

2.3 编辑图书

【编辑用户】界面如下,点击要操作的记录右侧的【编辑】按钮,进行编辑分类。

  1. 回显数据
  2. 点击确认之后,刷新页面

3.3 删除图书

点击要操作的记录右侧的【删除】按钮,进行删除分类。

  1. 点击删除后,询问是否删除;
  2. 删除成功,给出提示,并刷新页面

3.4 批量删除图书

批量删除图书

  1. 选中要删除的记录
  2. 点击批量删除
  3. 点击确定按钮,删除成功后返回刷新列表

  • 借阅图书
  1. 在【图书管理】界面点击想要借阅的图书右侧的【借阅】按钮,进入【借阅图书】界面

借阅界面

或者

  1. 点击【借阅图书】进入图书借阅界面

5.1 图书名称输入建议

1. 输入【图书名称】,查询数据库相关图书,给出输入建议

2.选中书籍后,回显图书ISBN编码和剩余库存数据

5.2 用户名输入建议

1. 输入【借阅人姓名】,查询数据库相关用户,给出输入建议

2.选中书籍后,回显借阅人编号

5.3 确认借阅

1. 点击确认借阅

2. 书籍库存-1,且书籍借出数量+1

借阅前:

借阅后:

  • 归还图书

点击【归还图书】进入归还图书界面

6.1 输入建议

图书标题输入建议

用户名输入建议

6.2 还书操作

1. 点击还书按钮

2. 书籍库存+1,借出数量-1

还书前:

还书后:

6.3 图书丢失处理

如果用户丢失了图书,点击【丢失】按钮,记录书籍丢失情况。

  1. 点击【丢失】按钮
  2. 书籍库存不变,已借数量-1

丢失前:

丢失后:

6.4 查看所有【借还】记录

在【归还图书】界面,勾选【查看全部】可以查看所有书籍的借阅、归还、丢失记录。

默认只显示【借阅中】状态的记录。


http://www.kler.cn/a/457533.html

相关文章:

  • Oracle ASM命令行工具asmcmd命令及其使用方法
  • 深度学习中的离群值
  • vue2实现excel文件预览
  • 鸿蒙HarmonyOS开发:拨打电话、短信服务、网络搜索、蜂窝数据、SIM卡管理、observer订阅管理
  • python实现自动登录12306抢票 -- selenium
  • JavaWeb开发(五)Servlet-ServletContext
  • 十六、流编辑器sed(stream editor)
  • 【超级详细】七牛云配置阿里云域名详细过程记录
  • Tomcat(103)Tomcat的连接器故障排除
  • 嵌入式入门Day35
  • WSL2桥接模式配置(可与外部设备互ping)
  • workman服务端开发模式-应用开发-vue-element-admin封装websocket
  • 139.《python中的正则详解》
  • 解决编译Wireshark4.4.2源码失败的问题
  • Java8-Function的使用之读取文件
  • 【Linux基础】进程(上) —— 概念、状态、优先级与环境变量
  • 前端Python应用指南(六)构建RESTful API:使用Flask和Django实现用户认证与授权
  • 使用Quick 录屏为视频生成二维码
  • 企业人工智能平台 (AIaaP) 的全面解读
  • orm01
  • 深度学习:基于MindSpore NLP的数据并行训练
  • 玩转树莓派Pico(20): 迷你气象站6——软件整合改进
  • Unity3D仿星露谷物语开发9之创建农场Scene
  • Facebook广告优化新知:如何使用即时体验
  • C# dynamic 类型详解
  • 鸿蒙next RCP网络请求工具类进阶版来了