自学Java day41 图书管理系统-springboot快速开发 从jvav到架构师

最新推荐文章于 2024-04-30 09:35:41 发布
最新推荐文章于 2024-04-30 09:35:41 发布
阅读量1.1k 收藏 2
点赞数 1
文章标签： java sql spring boot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_68286846/article/details/124617957
版权

前端：html + css + jvavscript + vue + ajax + axios + element ui

后端：jvav + springboot + mybatisplus + mysql数据库

项目管理工具：maven

服务器：jetty

相关功能演示

首先启动jetty服务器

 进入页面

新增图书

 

编辑图书 

查询图书

 

 删除图书

 

前端源码： 

<!DOCTYPE html>

<html>

<head>

    <!-- 页面meta -->

    <meta charset="utf-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>jvav.springboot</title>

    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">

    <!-- 引入样式 -->

    <link rel="stylesheet" href="../plugins/elementui/index.css">

    <link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css">

    <link rel="stylesheet" href="../css/style.css">

</head>

<body class="hold-transition">

<div id="app">

    <div class="content-header">

        <h1>图书管理</h1>

    </div>

    <div class="app-container">

        <div class="box">

            <div class="filter-container">

                <el-input placeholder="图书名称" v-model="pagination.queryString" style="width: 200px;"
                          class="filter-item"></el-input>

                <el-button @click="getx()" class="dalfBut">查询</el-button>

                <el-button type="primary" class="butT" @click="handleCreate()">新建</el-button>

            </div>

            <el-table size="small" current-row-key="id" :data="dataList" stripe highlight-current-row>

                <el-table-column type="index" align="center" label="序号"></el-table-column>

                <el-table-column prop="type" label="图书类别" align="center"></el-table-column>

                <el-table-column prop="name" label="图书名称" align="center"></el-table-column>

                <el-table-column prop="description" label="描述" align="center"></el-table-column>

                <el-table-column label="操作" align="center">

                    <template slot-scope="scope">

                        <el-button type="primary" size="mini" @click="handleUpdate(scope.row)">编辑</el-button>

                        <el-button type="danger" size="mini" @click="handleDelete(scope.row)">删除</el-button>

                    </template>

                </el-table-column>

            </el-table>

            <!-- 新增标签弹层 -->

            <div class="add-form">

                <el-dialog title="新增图书" :visible.sync="dialogFormVisible">

                    <el-form ref="dataAddForm" :model="formData" :rules="rules" label-position="right"
                             label-width="100px">

                        <el-row>

                            <el-col :span="12">

                                <el-form-item label="图书类别" prop="type">

                                    <el-input v-model="formData.type"/>

                                </el-form-item>

                            </el-col>

                            <el-col :span="12">

                                <el-form-item label="图书名称" prop="name">

                                    <el-input v-model="formData.name"/>

                                </el-form-item>

                            </el-col>

                        </el-row>


                        <el-row>

                            <el-col :span="24">

                                <el-form-item label="描述">

                                    <el-input v-model="formData.description" type="textarea"></el-input>

                                </el-form-item>

                            </el-col>

                        </el-row>

                    </el-form>

                    <div slot="footer" class="dialog-footer">

                        <el-button @click="dialogFormVisible = false">取消</el-button>

                        <el-button type="primary" @click="handleAdd()">确定</el-button>

                    </div>

                </el-dialog>

            </div>

            <!-- 编辑标签弹层 -->

            <div class="add-form">

                <el-dialog title="编辑检查项" :visible.sync="dialogFormVisible4Edit">

                    <el-form ref="dataEditForm" :model="formData" :rules="rules" label-position="right"
                             label-width="100px">

                        <el-row>

                            <el-col :span="12">

                                <el-form-item label="图书类别" prop="type">

                                    <el-input v-model="formData.type"/>

                                </el-form-item>

                            </el-col>

                            <el-col :span="12">

                                <el-form-item label="图书名称" prop="name">

                                    <el-input v-model="formData.name"/>

                                </el-form-item>

                            </el-col>

                        </el-row>

                        <el-row>

                            <el-col :span="24">

                                <el-form-item label="描述">

                                    <el-input v-model="formData.description" type="textarea"></el-input>

                                </el-form-item>

                            </el-col>

                        </el-row>

                    </el-form>

                    <div slot="footer" class="dialog-footer">

                        <el-button @click="dialogFormVisible4Edit = false">取消</el-button>

                        <el-button type="primary" @click="handleEdit()">确定</el-button>

                    </div>

                </el-dialog>

            </div>

        </div>

    </div>

</div>

</body>

<!-- 引入组件库 -->

<script src="../js/vue.js"></script>

<script src="../plugins/elementui/index.js"></script>

<script type="text/javascript" src="../js/jquery.min.js"></script>

<script src="../js/axios-0.18.0.js"></script>

<script>
    var vue = new Vue({

        el: '#app',
        data: {
            pagination: {},
            dataList: [],//当前页要展示的列表数据
            formData: {},//表单数据
            dialogFormVisible: false,//控制表单是否可见
            dialogFormVisible4Edit: false,//编辑表单是否可见
            rules: {//校验规则
                type: [{required: true, message: '图书类别为必填项', trigger: 'blur'}],
                name: [{required: true, message: '图书名称为必填项', trigger: 'blur'}]
            }
        },

        //钩子函数，VUE对象初始化完成后自动执行
        created() {
            this.getAll();
        },

        methods: {

            //查询
            getx(){
                //console.log(this.pagination.queryString)
                axios.post("/books",{name:this.pagination.queryString}).then((res) => {
                    this.dataList = res.data.data;
                    //console.log(this.dataList)
                });
            },

            //列表
            getAll() {
                axios.get("/books").then((res) => {
                    this.dataList = res.data.data;
                });
            },

            //弹出添加窗口
            handleCreate() {
                this.dialogFormVisible = true;
                this.resetForm()
            },

            //重置表单
            resetForm() {
                this.formData = {}
            },

            //添加
            handleAdd() {
                axios.post("/books", this.formData).then((res) => {
                    if (res.data.code == 20011) {
                        this.dialogFormVisible = false;
                        this.$message.success("添加成功")
                    } else if (res.data.code == 20010) {
                        this.$message.error("添加失败")
                    } else {
                        this.$message.error(res.data.msg)
                    }
                }).finally(() => {
                    this.getAll();
                })
            },

            //弹出编辑窗口
            handleUpdate(row) {
                this.dialogFormVisible4Edit = true
                this.formData = row
            },

            //编辑
            handleEdit() {
                axios.put("/books", this.formData).then((res) => {
                    if (res.data.code == 20031) {
                        this.dialogFormVisible = false;
                        this.$message.success("修改成功")
                    } else if (res.data.code == 20030) {
                        this.$message.error("修改失败")
                    } else {
                        this.$message.error(res.data.msg)
                    }
                }).finally(() => {
                    this.getAll();
                })
            },

            // 删除
            handleDelete(row) {


                this.$confirm("此操作将永久删除当前数据，是否继续？", "提升", {
                    type: 'info'
                }).then(() => {
                    //删除业务

                    axios.delete("/books/" + row.id).then((res) => {

                        if (res.data.code == 20021) {
                            this.dialogFormVisible = false;
                            this.$message.success("删除成功")
                        } else if (res.data.code == 20020) {
                            this.$message.error("删除失败")
                        } else {
                            this.$message.error(res.data.msg)
                        }

                    }).finally(() => {
                        this.getAll();
                    })

                }).catch(() => {
                    //取消删除
                    this.$message.info("取消删除操作")
                })


            }
        }
    })

</script>

</html>

 

后端源码：

        Spring Boot 简化了 Spring 应用繁琐的搭建和开发过程，去除了大量的 XML 配置文件，简化了复杂的依赖管理。

Service实现类：

SQL语句由mybatisplus生成

package com.company.service.impl;

import com.baomidou.mybatisplus.core.conditions.Wrapper;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.baomidou.mybatisplus.core.conditions.segments.MergeSegments;
import com.company.controller.Code;
import com.company.dao.BookDao;
import com.company.domain.Book;
import com.company.excetption.BusinessException;
import com.company.service.BookService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class BookServiceImpl implements BookService {

    @Autowired
    BookDao bookDao;

    public boolean add(Book book) {
        return bookDao.insert(book) > 0;
    }

    public boolean deleteById(int id) {
        if (id <= 0) {
            throw new BusinessException(Code.BUSINESS_ERR, "你丫的传的些什么");
        }
        return bookDao.deleteById(id) > 0;
    }

    public boolean update(Book book) {
        QueryWrapper queryWrapper = new QueryWrapper();
        queryWrapper.eq("id", book.getId());
        return bookDao.update(book, queryWrapper) > 0;
    }

    public Book getById(int id) {
        return bookDao.selectById(id);
    }

    public List<Book> select() {
        return bookDao.selectList(new QueryWrapper());
    }

    public List<Book> getx(Book book) {
        QueryWrapper queryWrapper = new QueryWrapper();
        queryWrapper.eq(book.getName() != "", "name", book.getName());
        return bookDao.selectList(queryWrapper);
    }

}

实例类：

相关方法由@Data注解生成

package com.company.domain;

import com.baomidou.mybatisplus.annotation.TableLogic;
import lombok.Data;

@Data
public class Book {
    //@TableId(type = IdType.AUTO)
    private Integer id;
    private String type;
    private String name;
    private String description;
    @TableLogic(value = "0" ,delval = "1")
    private Integer deleted;
    
}

 

异常处理：

package com.company.controller;

import com.company.excetption.BusinessException;
import com.company.excetption.SystemException;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.RestControllerAdvice;

@RestControllerAdvice
public class ProjectErr {

    @ExceptionHandler(BusinessException.class)
    public Result businessErr(BusinessException e) {
        return new Result(e.getCode(), null, e.getMessage());
    }

    @ExceptionHandler(SystemException.class)
    public Result systemErr(SystemException e) {
        return new Result(e.getCode(), null, e.getMessage());
    }

    @ExceptionHandler(Exception.class)
    public Result err(Exception e) {
        return new Result(Code.SYSTEM_UNKNOW_ERR, null, "系统繁忙，请稍后再试");
    }
}

因采用mybatisplus逻辑删除，因此相关数据未真正删除，依然保留在数据库中，方便日后管理

至此，已完成对jvav se 、jvav sql、jvav web、jvav spring系的学习

完整源码过于啰嗦，这里就不放了，有需要者欢迎评论/私信获取

世界线回溯，从jvav到架构师

思维剪刀差
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue + elementui 组件新增、修改及this.$route.push两种传参方式
m0_65274248的博客
10-26 3090
vue + elementui 组件新增、修改及this.$route.push两种传参方式
element组件中table中数据遍历的索引和单个对象
Prodigal
05-12 6357
给你的按钮标签上加上以下代码 nodejs中element组件中遍历时候的索引及对象。 scope.row代表当前遍历的子对象，scope.$index代表遍历时索引 <template slot-scope="scope"> <el-button size="mini" @click="handleEdit(scope.$index, scope.row)"&g...
基于SpringBoot+Vue的图书管理系统的详细设计和实现(源码+lw+部署文档+讲解等)
最新发布
全网粉丝10W+、全栈领域优质创作者、掘金、阿里云等社区博客专家、专注于全栈领域和毕业项目实战
04-30 322
💗博主介绍：✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师、全栈领域优质创作者，博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战✌💗👇🏻精彩专栏 推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2023-2024年最值得选的Java毕业设计选题大全：500个热门选题推荐✅Java精品实战案例《500套》微信小程序项目精品案例《500套》🌟文末获取源码+数据库🌟💗博主介绍。
element表格组件隐藏某个列
weixin_44132327的博客
07-22 7188
前端表格组件中想隐藏某个列的需求 #今天工作遇到了一个这样的需求.根据特定的条件,想要隐藏某些列,这种定制化的需求.话不多说,直接上代码 <el-table-column align="center" prop="startDate" width="120" label="开始日期"> </el-table-column&
SpringMVC 9 前后台协议联调 9.5 修改功能 & 9.6 删除功能
谢谢你们的关注
10-17 376
SpringMVC 9 前后台协议联调 9.5 修改功能 & 9.6 删除功能
大数据Vue项目案例总结
m0_59239420的博客
11-22 2929
在本月我们学习了Vue的基础知识，结合所学的内容，做了一个小的项目健康管理系统，开发所含的需求,检查项或检查组的增删改查，导入导出，缓存数据用定时任务删除，以及柱状图和柱状图，若本文对你有所帮助，建议一键三连。 创建maven项目模块，导入相关的jar包以及依赖。 ， 建表建库： create table kew( id int primary key auto_increment, kid varchar(20), name varchar(20), ...
开源Jvav swing.rar_java 打印_jvav_swing 内容_swing 打印_打印
09-14
一个开源Jvav swing项目,内容极其丰富,特别是打印和预览功能,代码可直接复用
酒店管理系统.zip
11-17
上传的资源为酒店管理系统，基本语言采用的是Java与web动态项目，内含mysql数据库脚本与项目源代码，还有软件录制视频与截图，如果在使用的过程中遇到了些许问题，也可以留言帮你解决，希望我所上传的资源能够真正...
JVAV面向对象课程设计 GUI做的 学生管理系统
01-01
JAVA 课程设计 GUI做的学生管理系统 答辩的时候 记得看看同学的 别重复了 不行就改一改
Java零基础-网盘链接
07-29
JavaSE-Java零基础 里有两个版本的JDK（新的JDK13 和旧的JDK8）
vue el-input输入框禁止输入空格
qq_39960204的博客
04-25 9871
vue el-input输入框禁止输入空格 v-model.trim <el-input v-model.trim="input" placeholder="请输入内容"></el-input> 这个方法不仅可以禁用空格，还可以禁用 type=“textarea” 时的回车 @onkeyup <el-input type="textarea" v-model="input" :onkeyup="input= input.replace(/[ ]/g,'')"><
综合spring mvc + spring + hibernate + bootstrap开发图书管理系统
07-18
综合spring mvc + spring + hibernate + bootstrap开发图书管理系统
基于spring boot的后台管理系统
01-10
Guns基于SpringBoot全面升级,完美整合springmvc + shiro + mybatis-plus + beetl!Guns项目代码简洁,注释丰富,上手容易,同时Guns包含许多基础模块(用户管理,角色管理,部门管理,字典管理等10个模块),可以直接作为一个后台管理系统的脚手架.
【ssmp】springboot综合开发——图书管理系统【CRUD】
m0_67587248的博客
05-05 1173
五一玩的很尽兴，不知不觉学习springboot也有2个多月了，还是想着对之前所学知识点进行综合，于是便有了这期的综合开发的图书管理系统。虽然总体来看还是CRUD那套，但是也算是对之前学习的检验，与大家分享交流也算是一种乐趣。这个项目呢是黑马程序员springboot2视频教学里的项目，原文链接我放在这里了，感兴趣的同学也可以跟着老师敲一遍，也可呀听听老师的讲解，我也是跟着黑马老师做的，相关细节肯定说不到。图书管理系统实战链接里面有些是老师在讲解中辅助的一些东西，其实并不需要，大家自行辨别哦 在浏览器中输入
基于SpringBoot的图书管理系统
m0_52789121的博客
08-28 1887
图书管理系统一直以来都是学校以及各大图书馆不可或缺的角色之一，而此次对图书管理系统进行升级编写在基于Spring+SpringMVC+Mybatis的技术实现的图书管理系统来说更加优化了图书管理系统的功能。对于图书的管理设计而言，依据传统书馆管理已经是与现实社会脱轨的，并且对于图书管理系统的开发更加奠定了基础。前端框架：layUI+JavaScript+Ajax+JQuery。分享到这里就结束了适合ssm框架转SpringBoot的练手项目。后端：SpringBoot+SpringMVC+Mybatis。.
vue @click 绑定的函数，如何同时传入事件对象和自定义参数
热门推荐
little_kid_pea的博客
05-01 5万+
1、仅仅传入自定义参数 html : <div id="app"> <button @click="tm(123)">ddddd</button> </div> js : new Vue({ el:'#app', methods:{ tm:function(e){ console.log(e)...
关于vue中的:data和scope.row
何小白的博客
10-17 1万+
第一次项目遇到的问题 一、关于vue的几个疑惑 <el-table :data="fromList" stripe style="width: 100%"> <el-table-column prop="username" label="姓名" width="180"></el-table-column> <el-table-column prop="password" label="密码" width="180"> </el-t
【开源】基于SpringBoot的图书管理系统
customer08的博客
12-01 479
图书管理系统是一个用于管理图书馆资源的软件系统，该系统包括图书馆模块、图书类型模块、图书模块、图书借阅模块和公告模块
基于springboot图书管理系统
QQ1039692211的博客
12-11 77
随着我国经济的高速发展与人们生活水平的日益提高，人们对生活质量的追求也多种多样。尤其在人们生活节奏不断加快的当下，人们更趋向于足不出户解决生活上的问题，图书管理系统展现了其蓬勃生命力和广阔的前景。与此同时，为解决图书管理需求，图书管理发展愈发多元化、网络化与电子信息技术相结合。图书管理系统应运而生。该系统利用Java语言、MySQL数据库，结合目前流行的 B/S架构，将图书管理的各个方面都集中到数据库中，以便于用户的需要。该系统在确保系统稳定的前提下，能够实现多功能模块的设计和应用。
jvav学生管理系统
12-21
根据提供的引用内容，Java学生管理系统是一个用于管理学生就业信息的信息管理系统。它使用了Maven作为项目构建工具，采用了Spring Boot和Layui框架进行开发。该系统可以实现学生就业信息的高效查询、修改、删除等...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值