基于jsp+Spring boot+mybatis的图书管理系统设计和实现_jsp+mybatis课设

最新推荐文章于 2024-08-30 18:40:43 发布

2401_85354228

最新推荐文章于 2024-08-30 18:40:43 发布

阅读量237

点赞数 6

文章标签： java spring boot mybatis

本文链接：https://blog.csdn.net/2401_85354228/article/details/140686370

版权

数据库设计

用户表

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
;

功能截图

管理员首页：

登录后的主要模块有

系统管理《用户管理、角色管理、应用数据》

图书管理《图书分类、图书信息、借书管理、还书管理》

个人信息查看以及修改退出等

用户管理：

点击查看用户的信息、可根据推荐搜索用户信息、可以添加和修改删除用户信息

角色管理：

点击查看角色信息、以及模糊搜索和重置信息、添加修改角色信息、根据角色分配权限信息

添加角色：

分配权限：

应用管理：

图书信息管理：

图书分类：

图书信息：

借书管理：

还书管理：

用户端：

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

借书管理：

还书管理：

图书检索：

借还记录：

代码实现

这个项目功能比较简单、用的技术也是大家非常熟悉的技术、主要是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}">
    <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" style="margin-top: 260px">
    <div class="layui-container" id="login_form">

        <div>
            <h1 style="color: red;text-align: center">图书管理系统</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秒）
                });
            }
        });
    });


### 笔者福利

##### 以下是小编自己针对马上即将到来的金九银十准备的一套“面试宝典”，不管是技术还是HR的问题都有针对性的回答。

**有了这个，面试踩雷？不存在的！**

##### 回馈粉丝，诚意满满！！！

![](https://img-blog.csdnimg.cn/img_convert/c1b01b5a64b4b086883749d42769f172.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/a8b8383ab106001fbe12e9730200f8af.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/30913dff2978100f54727676df3e0d6f.webp?x-oss-process=image/format,png)
![](https://img-blog.csdnimg.cn/img_convert/46939393d762d1acea9f1f1387b19812.webp?x-oss-process=image/format,png)

果不配置，默认是3秒）
                });
            }
        });
    });


### 笔者福利

##### 以下是小编自己针对马上即将到来的金九银十准备的一套“面试宝典”，不管是技术还是HR的问题都有针对性的回答。

**有了这个，面试踩雷？不存在的！**

##### 回馈粉丝，诚意满满！！！

[外链图片转存中...(img-YRhojtzl-1721880541830)]
[外链图片转存中...(img-P0vAIrky-1721880541831)]
[外链图片转存中...(img-4MfUUJ3g-1721880541831)]
[外链图片转存中...(img-XWDXl22Y-1721880541831)]

2401_85354228

关注

6
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
基于jsp+Spring boot+mybatis的图书管理系统设计和实现_jsp+mybatis课设

点击查看角色信息、以及模糊搜索和重置信息、添加修改角色信息、根据角色分配权限信息。点击查看用户的信息、可根据推荐搜索用户信息、可以添加和修改删除用户信息。用户登录后可以查看自己的借阅记录、以及去借书和归还书籍等操。图书管理《图书分类、图书信息、借书管理、还书管理》系统管理《用户管理、角色管理、应用数据》用户选择角色输入账号密码进行登录。个人信息查看以及修改退出等。
复制链接

扫一扫