评论

收藏

[Java] 使用java springboot设计实现的图书管理系统(建议收藏)

编程语言 编程语言 发布于:2021-11-22 10:10 | 阅读数:545 | 评论:0

这篇文章主要介绍了使用java springboot设计实现的图书管理系统,包含了整个的开发过程,以及过程中遇到的问题和解决方法,对大家的学习和工作具有借鉴意义,建议收藏一下
目录

  • 前言
  • 背景意义
  • 数据库设计
  • 功能截图
  • 代码实现

前言
随着网络技术的发展、计算机应用水平广泛提高,原来系统的时效性、数据的正确性、操作的方便性上都存在不足,已影响到系统的正常使用。经过考察比较,决定自己对图书管理系统重新设计,使系统能利用软件开发技术的成果,方便图书的管理。图书管理系统是典型的信息管理系统。系统介绍了图书系统的开发过程,设计中遇到的问题及解决方法以及提高当前应用程序或系统开发进度和改善工作性能。利用其提供的各种面向对象的开发工具首先在短时间内建立系统应用原型然后对初始原型系统进行需求迭代,不断修正和改进,直到形成用户满意的可行系统。
本次课程设计利用JAVA开发工具和Mysql数据库来开发这个图书管理系统。该系统要解决图书管理所要解决的问题,可以满足图书管理基本要求,包括添加、管理等功能。该系统能根据用户的需求,快捷方便的为读者提供借阅服务。
DSC0000.jpg


背景意义
随着计算机的广泛应用,其逐步成为现代化的标志。图书馆或者一些企业内部,甚至是书店,在正常运行过程中总是面对大量的读者信息,书籍信息以及两者相互作用产生的借书信息、还书信息。因此需要对读者资源、书籍资源、借书信息、还书信息进行管理,及时了解各个环节中信息的变更,要对因此而产生的单据进行及时的处理,为了提高图书馆或者企业内部对图书存销的自动化的管理,能够更快速的满足读者的要求,提高各种工作的效率,现对其设计相应的系统。图书管理系统的主要功能是实现图书馆图书借阅和归还的管理的自动化。围绕这一主要功能,本系统涉及到以下核心功能:借阅管理,归还管理。除了这些核心功能外,还包括一些基本和辅助功能,它们是:用户管理、图书管理、图书查询。
DSC0001.jpg


数据库设计
用户表
CREATE TABLE `NewTable` (
`admin_id`  int(11) NOT NULL AUTO_INCREMENT ,
`admin_name`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`admin_pwd`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`admin_email`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
PRIMARY KEY (`admin_id`)
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=2
ROW_FORMAT=DYNAMIC
;
图书表
CREATE TABLE `NewTable` (
`book_id`  int(11) NOT NULL AUTO_INCREMENT ,
`book_name`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NOT NULL ,
`book_author`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`book_publish`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
`book_category`  int(11) NULL DEFAULT NULL ,
`book_price`  double NULL DEFAULT NULL ,
`book_introduction`  varchar(100) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
PRIMARY KEY (`book_id`),
FOREIGN KEY (`book_category`) REFERENCES `book_category` (`category_id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
INDEX `book_category` (`book_category`) USING BTREE 
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=72
ROW_FORMAT=DYNAMIC
;
图书类型
CREATE TABLE `NewTable` (
`category_id`  int(11) NOT NULL AUTO_INCREMENT ,
`category_name`  varchar(20) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL ,
PRIMARY KEY (`category_id`)
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=51
ROW_FORMAT=DYNAMIC
;
图书借阅
CREATE TABLE `NewTable` (
`id`  int(11) NOT NULL AUTO_INCREMENT ,
`user_id`  int(11) NULL DEFAULT NULL ,
`book_id`  int(11) NULL DEFAULT NULL ,
`date`  date NULL DEFAULT NULL ,
PRIMARY KEY (`id`),
FOREIGN KEY (`book_id`) REFERENCES `book` (`book_id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
FOREIGN KEY (`user_id`) REFERENCES `user` (`user_id`) ON DELETE RESTRICT ON UPDATE RESTRICT,
INDEX `user_id` (`user_id`) USING BTREE ,
INDEX `book_id` (`book_id`) USING BTREE 
)
ENGINE=InnoDB
DEFAULT CHARACTER SET=utf8 COLLATE=utf8_general_ci
AUTO_INCREMENT=67
ROW_FORMAT=DYNAMIC
;
功能截图
登录:
用户选择角色输入账号密码进行登录
DSC0002.jpg

首页:
登录后的主要模块有
书籍管理《录入新书、类型管理、查询数据 》
用户管理《添加用户、查询用户》
借阅管理《借阅记录》
个人信息查看以及修改退出等
DSC0003.jpg

书籍管理:
DSC0004.jpg

DSC0005.jpg

用户管理:
DSC0006.jpg

借阅管理:
DSC0007.jpg

个人信息:

用户端
用户登录后可以查看自己的借阅记录、以及去借书和归还书籍等操


代码实现
这个项目功能比较简单、用的技术也是大家非常熟悉的技术、主要是springboot、springmvc、mybatis以前端的jquery、layui、html和css等基本样式。就拿登录来举一个完整例子吧、首先是前端静态页面的编写以及发送登录请求
<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
 
 
  <link rel="stylesheet" th:href="@{/layui/css/layui.css}" rel="external nofollow" >
  <style>
 
    body {
      /*width: 100%;*/
      /*height: 100%;*/
      background: url("/images/background.png") no-repeat;
      /*background: url("static/images/a.png") no-repeat;*/
      background-size: cover;
    }
 
    #login_form {
      width: 400px;
      height: 300px;
      margin: 80px auto;
      padding: 30px;
      background-color: #f2f2f2;
      opacity: 0.9;
    }
 
  </style>
</head>
<body>
 
<div id="wrapper">
  <div class="layui-container" id="login_form">
 
    <div>
      <h1>图书管理系统</h1>
      <br>
    </div>
 
    <form class="layui-form" id="my_form" method="post" action="/userLogin">
 
      <div class="layui-form-item">
        <label class="layui-form-label">用户名:</label>
        <div class="layui-input-block">
          <input type="text" name="userName" id="username" autofocus
               placeholder="请输入用户名" autocomplete="off" class="layui-input">
        </div>
      </div>
 
      <div class="layui-form-item">
        <label class="layui-form-label">密 码:</label>
        <div class="layui-input-block">
          <input type="password" name="password" id="password"
               placeholder="请输入密码" autocomplete="off" class="layui-input">
        </div>
      </div>
 
 
      <div class="layui-form-item">
        <label class="layui-form-label">用户身份</label>
        <div class="layui-input-block">
          <input class="form-check-input" type="radio" name="role" value="1" title="学生" checked>
          <input class="form-check-input" type="radio" name="role" value="0" title="管理员">
        </div>
      </div>
 
      <div class="layui-form-item layui-col-md4 layui-col-md-offset4">
        <button id="sub_btn" class="layui-btn layui-btn-normal">登录</button>
      </div>
 
    </form>
 
  </div>
</div>
 
 
<script th:src="@{/scripts/jquery.min.js}"></script>
<script th:src="@{/layui/layui.js}"></script>
 
 
<script th:inline="javascript">
  layui.use(['layer', 'form'], function () {
    let layer = layui.layer;
    let form = layui.form;
    form.render();
 
    $(function () {
      let flag = [[${session.flag}]];
      if (flag) {
        layer.msg("用户名或密码错误", {
          icon: 2,
          time: 2000 //2秒关闭(如果不配置,默认是3秒)
        });
      }
    });
  });
 
 
  $("#sub_btn").click(function () {
    let username = $("#username").val();
    let user_judge = check(username);
 
    // 首先判断用户名是否为空
    if (user_judge) {
      let password = $("#password").val();
      let pwd_judge = check(password);
 
      // 用户名不为空  , 判断密码是否为空
      if (pwd_judge) {
        let role_id = $('input[name="role"]:checked').val();
 
        // 如果role_id ==1 ,则是普通用户 , 直接提交表单
        if (role_id == 1) {
          $("#my_form").submit();
        } else {
 
          //如果是管理员 , 则将action 进行更改
          $("#my_form").attr("action", "/adminLogin")
          $("#my_form").submit();
        }
 
      } else {
        layer.alert("密码不能为空", {icon: 5});
        return false;
      }
    } else {
 
      layer.alert("用户名不能为空", {icon: 5});
      return false;
    }
  });
 
  // 校验表单中用户名 与 密码是否输入,  如果有值 -> 返回 true , 如果未输入 返回 false;
  function check(val) {
    val = val.toString().trim();
    return !(val == '');
  }
 
</script>
</body>
</html>
后台Controller接收到前端的登录请求之后执行参数校验、将前端传递过来的用户名密码以及用户角色进行判断验证、调用userService.userLogin方法执行用户登录验证、查询数据库当前账号密码是否正确、返回状态码给前端、前端根据状态码进行相对的页面跳转以及数据效应。
/**
   * 用户登录
   *
   * @param userName
   * @return
   */
  @PostMapping("/userLogin")
  public String userLogin(@Param("userName") String userName,
              @Param("password") String password, HttpServletRequest request) {
    User user = userService.userLogin(userName, password);
    if (null != user) {
      // flag = 0 表示用户名密码校验成功  【用于前端校验】
      request.getSession().setAttribute("flag", 0);
 
      request.getSession().setAttribute("user", user);
      return "user/index";
    }
 
    // flag 为 1 表示 登录失败 【用于前端校验】
    request.getSession().setAttribute("flag", 1);
    return "index";
  }
到此这篇关于使用java springboot设计实现的图书管理系统(建议收藏)的文章就介绍到这了,更多相关java springboot图书管理系统内容请搜索CodeAE代码之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持CodeAE代码之家!
原文链接:https://blog.csdn.net/weixin_39709134/article/details/119673815

关注下面的标签,发现更多相似文章