图书管理系统之图书管理模块（六）

小钟要学习！！！

已于 2022-05-31 06:19:16 修改

阅读量3.9k

点赞数 6

CC 4.0 BY-SA版权

分类专栏： ASP图书管理系统文章标签： c# jquery 数据库

于 2021-06-25 09:33:24 首次发布

本文链接：https://blog.csdn.net/baidu_39378193/article/details/118209566

本文档介绍了图书管理系统中图书管理模块的实现，包括创建视图、数据库设计、数据查询与绑定、模糊搜索、上传书籍等功能。详细讲解了如何进行数据库设计、使用layui表格、数据绑定、高级筛选、表头工具设置以及新增书本信息的控制器方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

图书管理系统之图书管理模块（六）

相关源码下载连接：https://download.csdn.net/download/baidu_39378193/85033291

前言：

1、在区域文件中创建书籍管理的控制器

在这里插入图片描述

一、创建视图

样式

<style>
        /*改掉所有的label标签的下外边距*/
        label {
   
   
            margin-bottom: 0px;
        }

        .subscriberData {
   
    /*编辑*/
            background: #f6f6f6;
            height: 300px;
        }

        .subscriberData2 {
   
    /*新增*/
            background: #f6f6f6;
            height: 335px;
        }

        .print {
   
   
            width: 200px;
            height: 200px;
            background: #c2c2c2;
        }

        .layui-form-checkbox i {
   
   
            height: 30px;
        }

        .BookBody {
   
   
            border: 1px solid #06f3b9;
            width: 100%;
            height: 500px;
        }
    </style>

1.1、样式效果

$[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EQyw9Lyy-1624584441124)(G:\MVC项目搭建\图书馆系统搭建\项目笔记\image\six\2、效果.png)]$

使用了一种新的渲染layui表格的方法

后面不够用在进行修改

<div class="p-4">
        <!--顶部搜索-->
        <div>
            <form autocomplete="off">
                <div class="row align-items-center ml-auto">
                    <label>书籍搜索：</label>
                    <div class="cor-6 ml-3 mr-4">
                        <input type="text" name="selectBookU" id="selectBookU" class="form-control" placeholder="根据书籍名称去搜索" oninput="TableReload()" />
                    </div>
                    <button type="button" class="layui-btn layui-btn-radius" onclick="butExpert()">高级筛选</button>
                </div>
                <!--高级筛选-->
                <div id="butExpert" style="display:none;">
                    <div class="form-row mt-4 mb-4">
                        <!--类型-->
                        <div class="col-2">
                            <div class="row align-items-center ml-auto">
                                <label>书籍类型：</label>
                                <div class="cor-8 ml-3 mr-4">
                                    <select id="BookTypeU" class="form-control" onchange="TableReload()">
                                        <option value="0">-选择-</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!--状态-->
                        <div class="col-2">
                            <div class="row align-items-center ml-auto">
                                <label>出版社：</label>
                                <div class="cor-6 ml-3 mr-4">
                                    <select id="publishingHouseU" class="form-control" onchange="TableReload()">
                                        <option value="0">-选择-</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <!--真实姓名-->
                        <div class="col-3">
                            <div class="row align-items-center ml-auto">
                                <label>作者名称：</label>
                                <div class="cor-6 ml-3 mr-4">
                                    <input type="text" name="AuthorNameU" id="AuthorNameU" class="form-control" placeholder="作者名称" oninput="TableReload()" />
                                </div>
                            </div>
                        </div>
                        <!--电话号码-->
                        <div class="col">
                            <div class="row align-items-center ml-auto">
                                <label>查询ISBN：</label>
                                <div class="cor-6 ml-3 mr-4">
                                    <input type="text" name="ISBNU" id="ISBNU" class="form-control" placeholder="查询ISBN" oninput="TableReload()" />
                                </div>
                            </div>
                        </div>
                        <div class="col">
                            <p style="color: #c2c2c2;">当输入值的时候触发查询功能</p>
                        </div>
                    </div>
                </div>
            </form>
        </div>

        <!--表格渲染-->
        <table class="layui-table mt-3" lay-data="{url:'/Common/BookUpload/queryBook', id:'idTest',toolbar: '#toolbarDemo',page:{limit:5,limits:[5,10,15]}}" lay-filter="test">
            <thead>
                <tr>
                    <th lay-data="{type:'numbers'}">序号</th>