【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目

这篇具有很好参考价值的文章主要介绍了【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

作者主页:Designer 小郑
作者简介:3年JAVA全栈开发经验,专注JAVA技术、系统定制、远程指导,致力于企业数字化转型,CSDN博客专家,阿里云社区专家博主,蓝桥云课讲师。

文末获取源码,项目编号: S 066 。 \color{red}{文末获取源码,项目编号:S066。} 文末获取源码,项目编号:S066

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划


又是一年毕业季,对于应届生来说,学校教的只是理论知识,但难以找到工作,这是当下大多数应届生的常态。

最近帮同学回答了个《计算机本科需要掌握什么技能才能找到工作?》问题,又激起了我写开源项目的欲望。

开源项目指的是软件或其他类型的项目,其源代码是公开可用的,任何人都可以查看、使用、修改和分发。开源项目的目的是促进合作、共享和创新,通过让更多的人参与其中,提高软件质量和功能。

为了帮助初学者更好的入门 Java 全栈,计划在 23 23 23 年底之前开发 50 50 50 套开源项目,回馈给粉丝,供初学者学习使用。

本文是第一个开源项目——《图书管理系统》,拥有图书馆模块、图书类型模块、图书模块、图书借阅模块、公告模块,同学们可以拿着个项目练练手,对 Vue 和 Spring Boot 框架有更清晰的认识。



一、 系统介绍

图书管理系统是一个用于管理图书馆资源的软件系统,该系统包括图书馆模块、图书类型模块、图书模块、图书借阅模块和公告模块

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

图书馆模块是系统的核心模块,用于管理图书馆的基本信息,包括图书馆名称、地址、联系方式等。管理员可以通过该模块进行图书馆信息的添加、修改和删除。

图书类型模块用于管理图书的分类信息。管理员可以在该模块中添加不同的图书类型,如文学、历史、科技等,以便读者更方便地查找和借阅图书。

图书模块是系统中最重要的模块之一,用于管理图书的基本信息,包括图书名称、作者、出版社、ISBN等。管理员可以在该模块中添加、修改和删除图书信息,并可以设置图书的库存数量。

图书借阅模块是读者使用系统的核心模块之一,读者可以通过该模块查询图书的可借阅状态,并可以借阅和归还图书。系统会自动记录借阅记录和归还日期,并提醒读者归还图书。

公告模块用于向读者发布图书馆相关的通知和公告,管理员可以在该模块中发布公告,并可以设置公告的有效期。读者可以通过该模块查看最新的公告信息。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

图书管理系统能够高效地管理图书馆的资源,提供便捷的借阅服务,并及时向读者发布图书馆相关的信息和公告。


二、 功能模块

2.1 登录注册模块

图书管理系统支持用户输入账号、密码和图形验证码完成登录,界面如下。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

如果用户没有账号,可以完成自助注册,接着再登录系统,如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
进入系统后,界面如下图所示。
【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

2.1 图书馆模块

图书馆模块是图书管理系统的核心模块之一,它主要负责管理图书馆的基本信息。

图书馆模块记录和管理图书馆的基本信息,如图书馆的名称、地址、联系方式等。这些信息对于读者来说是重要的,他们可以通过查询系统了解图书馆的位置和联系方式,方便他们前往借阅图书,主界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
图书馆模块允许管理员对图书馆的设置进行管理,图书馆模块可以图书馆的有关信息,添加界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

图书馆模块是图书管理系统中不可或缺的一部分,它提供了对图书馆基本信息、设置、资源和统计数据的管理和查询功能,有助于提高图书馆的管理效率和读者的借阅体验。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

2.2 图书类型模块

图书管理系统需要图书类型模块是因为图书类型模块对于对图书的分类和管理至关重要,主界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
图书类型模块允许管理员对图书进行分类管理。通过将图书按照不同的类型进行分类,可以让读者更方便地查找和借阅自己感兴趣的图书。例如,可以将图书分为文学、历史、科技等类型,读者可以根据自己的兴趣和需求来选择借阅,图书类型模块的添加界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

图书类型模块提供了一种对图书进行快速检索的方式。读者可以根据图书类型进行搜索,从而快速找到自己想要的图书。这样可以提高读者的检索效率,节省时间,编辑界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

图书类型模块在图书管理系统中具有重要作用,它能够对图书进行分类和管理,方便读者查找和借阅图书,同时也提供了借阅限制和个性化推荐等功能,提升了图书管理系统的效能和读者体验,对于不需要的图书类型,用户可以进行删除操作,如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

2.3 图书模块

图书管理系统需要图书模块是因为图书模块是系统中最重要的模块之一,它用于对图书的基本信息进行管理,主界面如下。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
图书模块负责记录和管理图书的基本信息,如图书名称、作者、出版社、ISBN等。管理员可以在该模块中添加、修改和删除图书信息,确保图书信息的准确性和完整性,图书的录入界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
读者可以通过图书模块进行图书的查询和检索。根据图书名称、作者、ISBN等关键词,读者可以快速找到自己感兴趣的图书,提高图书查找的效率。

图书模块在图书管理系统中具有关键作用,以便读者能够方便地获取和利用图书资源,同时也确保了图书管理系统的高效运行,图书的编辑界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

2.4 图书借阅模块

图书管理系统需要图书借阅模块是因为借阅模块是系统中的核心模块之一,它负责处理图书借阅过程的各个环节,图书借阅模块的主界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

图书借阅模块记录和管理借阅记录

对于读者而言,他们可以通过查询借阅记录来了解自己的借阅历史、当前借阅状态等信息。

对于管理员而言,他们可以通过该模块对借阅记录进行统计和分析,了解图书借阅情况,制定更合理的图书采购计划。

用户可以点击添加按钮,完成图书借阅登记,如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

读者可以查询自己的借阅详情,如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

管理员可以点击归还按钮,完成学生的还书申请,如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划
图书借阅模块在图书管理系统中不可或缺,它提供了借阅管理、借阅记录管理等功能,为读者提供了便利的借阅服务,同时也为管理员提供了借阅数据的管理功能。

2.5 公告模块

图书管理系统需要公告模块是为了实现与读者和管理员之间的信息交流和沟通,主界面如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

公告模块可以用于向读者和管理员发布重要通知和公告,例如图书馆临时关闭、借阅规则变动、图书采购计划等重要信息可以通过公告模块发布,确保读者和管理员能够及时了解到相关信息,管理员可以发布公告,如下图所示。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划

三、 源码解析

3.1 图书馆模块设计

实体类:

@Table(name = "a_library")
@TableName("a_library")
@ApiModel(value = "图书馆")
public class Library extends ZwzBaseEntity {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty(value = "图书馆名称")
    private String title;

    @ApiModelProperty(value = "图书馆地址")
    private String address;

    @ApiModelProperty(value = "门头照片")
    private String image;

    @ApiModelProperty(value = "开业状态")
    private String status;

    @ApiModelProperty(value = "备注")
    private String remark;
}

查询接口:

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询图书馆")
public Result<IPage<Library>> getByPage(@ModelAttribute Library library ,@ModelAttribute PageVo page){
    QueryWrapper<Library> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(library.getTitle())) {
        qw.like("title",library.getTitle());
    }
    if(!ZwzNullUtils.isNull(library.getAddress())) {
        qw.like("address",library.getAddress());
    }
    IPage<Library> data = iLibraryService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Library>>().setData(data);
}

3.2 图书类型模块设计

实体类设计:

@Table(name = "a_book_type")
@TableName("a_book_type")
@ApiModel(value = "图书类型")
public class BookType extends ZwzBaseEntity {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty(value = "图书类型")
    private String title;

    @ApiModelProperty(value = "类型状态")
    private String status;

    @ApiModelProperty(value = "排序值")
    private BigDecimal sortOrder;

    @ApiModelProperty(value = "备注")
    private String remark;
}

查询接口:

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询图书类型")
public Result<IPage<BookType>> getByPage(@ModelAttribute BookType bookType ,@ModelAttribute PageVo page){
    QueryWrapper<BookType> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(bookType.getTitle())) {
        qw.like("title",bookType.getTitle());
    }
    if(!ZwzNullUtils.isNull(bookType.getStatus())) {
        qw.eq("status",bookType.getStatus());
    }
    IPage<BookType> data = iBookTypeService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<BookType>>().setData(data);
}

3.3 图书模块设计

实体类设计:

@Table(name = "a_book")
@TableName("a_book")
@ApiModel(value = "图书")
public class Book extends ZwzBaseEntity {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty(value = "图书名称")
    private String title;

    @ApiModelProperty(value = "出版社")
    private String press;

    @ApiModelProperty(value = "图书类型")
    private String type;

    @ApiModelProperty(value = "ISBN")
    private String isbn;

    @ApiModelProperty(value = "图片")
    private String image;

    @ApiModelProperty(value = "备注")
    private String remark;
}

查询接口:

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询图书")
public Result<IPage<Book>> getByPage(@ModelAttribute Book book ,@ModelAttribute PageVo page){
    QueryWrapper<Book> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(book.getTitle())) {
        qw.like("title",book.getTitle());
    }
    if(!ZwzNullUtils.isNull(book.getIsbn())) {
        qw.like("isbn",book.getIsbn());
    }
    IPage<Book> data = iBookService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Book>>().setData(data);
}

3.4 图书借阅模块设计

实体类设计:

@Table(name = "a_book_borrowing")
@TableName("a_book_borrowing")
@ApiModel(value = "图书借阅")
public class BookBorrowing extends ZwzBaseEntity {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty(value = "图书ID")
    private String bookId;

    @ApiModelProperty(value = "图书名称")
    private String bookName;

    @ApiModelProperty(value = "图书ISBN")
    private String bookIsbn;

    @ApiModelProperty(value = "借阅人ID")
    private String userId;

    @ApiModelProperty(value = "借阅人")
    private String userName;

    @ApiModelProperty(value = "借阅时间")
    private String time1;

    @ApiModelProperty(value = "借阅状态")
    private String status;

    @ApiModelProperty(value = "归还时间")
    private String time2;
}

查询接口:

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询图书借阅")
public Result<IPage<BookBorrowing>> getByPage(@ModelAttribute BookBorrowing bookBorrowing ,@ModelAttribute PageVo page){
    QueryWrapper<BookBorrowing> qw = new QueryWrapper<>();
    User currUser = securityUtil.getCurrUser();
    qw.eq("user_id",currUser.getId());
    if(!ZwzNullUtils.isNull(bookBorrowing.getBookName())) {
        qw.like("book_name",bookBorrowing.getBookName());
    }
    if(!ZwzNullUtils.isNull(bookBorrowing.getUserName())) {
        qw.like("user_name",bookBorrowing.getUserName());
    }
    IPage<BookBorrowing> data = iBookBorrowingService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<BookBorrowing>>().setData(data);
}

3.5 公告模块设计

实体类设计:

@Table(name = "a_notice")
@TableName("a_notice")
@ApiModel(value = "公告")
public class Notice extends ZwzBaseEntity {

    private static final long serialVersionUID = 1L;

    @ApiModelProperty(value = "公告标题")
    private String title;

    @ApiModelProperty(value = "公告内容")
    private String content;

    @ApiModelProperty(value = "图片")
    private String image;

    @ApiModelProperty(value = "发布状态")
    private String status;
}

查询接口:

@RequestMapping(value = "/getByPage", method = RequestMethod.GET)
@ApiOperation(value = "查询公告")
public Result<IPage<Notice>> getByPage(@ModelAttribute Notice notice ,@ModelAttribute PageVo page){
    QueryWrapper<Notice> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(notice.getTitle())) {
        qw.like("title",notice.getTitle());
    }
    if(!ZwzNullUtils.isNull(notice.getContent())) {
        qw.like("content",notice.getContent());
    }
    IPage<Notice> data = iNoticeService.page(PageUtil.initMpPage(page),qw);
    return new ResultUtil<IPage<Notice>>().setData(data);
}

四、 免责说明

  • 本项目开源,仅供个人学习使用,遵循 GPL-3.0 开源协议,商用授权请联系博主,否则后果自负。
  • 博主拥有本软件构建后的应用系统全部内容所有权及独立的知识产权,拥有最终解释权。
  • 如有问题,欢迎在仓库 Issue 留言,看到后会第一时间回复,相关意见会酌情考虑,但没有一定被采纳的承诺或保证。

下载本系统代码或使用本系统的用户,必须同意以下内容,否则请勿下载!

  1. 出于自愿而使用/开发本软件,了解使用本软件的风险,且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和博主无关,博主对此不承担任何责任。
  3. 在任何情况下,对于因使用或无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),博主概不承担任何责任。
  4. 必须了解使用本软件的风险,博主不承诺提供一对一的技术支持、使用担保,也不承担任何因本软件而产生的难以预料的问题的相关责任。

【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目,开源项目Vue+SpringBoot,开源,vue.js,spring boot,后端,java,原力计划文章来源地址https://www.toymoban.com/news/detail-687161.html

到了这里,关于【开源免费】Vue+SpringBoot打造图书管理系统,初学者入门实战项目的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 图书管理系统 毕业设计 JAVA+Vue+SpringBoot+MySQL

    作者主页 :Designer 小郑 作者简介 :3年JAVA全栈开发经验,专注JAVA技术、系统定制、远程指导,致力于企业数字化转型,CSDN博客专家,阿里云社区专家博主,蓝桥云课讲师。 文末获取源码,项目编号: S 066 。 color{red}{文末获取源码,项目编号:S066。} 文末获取源码,项目编

    2024年01月23日
    浏览(21)
  • 计算机毕业设计 图书管理系统 Vue+SpringBoot+MySQL

    作者主页 :Designer 小郑 作者简介 :3年JAVA全栈开发经验,专注JAVA技术、系统定制、远程指导,致力于企业数字化转型,CSDN博客专家,阿里云社区专家博主,蓝桥云课讲师。 文末获取源码,项目编号: S 066 。 color{red}{文末获取源码,项目编号:S066。} 文末获取源码,项目编

    2024年02月10日
    浏览(24)
  • 基于Java+SpringBoot+Vue前后端分离图书管理系统设计和实现

    博主介绍 : ✌ 全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战 ✌ 🍅 文末获取源码联系 🍅 👇🏻 精彩专栏 推荐订阅 👇🏻 不然下次找不到哟 2022-2024年

    2024年02月10日
    浏览(23)
  • SpringBoot+Mybatis-Plus+Thymeleaf+Bootstrap分页查询(前后端完整版开源学习)图书管理系统

    Mybatis-Plus | Spring Boot+Mybatis-Plus+Thymeleaf+Bootstrap分页页查询(前后端都有) 主要参考了这篇博客。 运行截图 3.9.1 mybatis-plus 插入时间和更新时间字段自动填充工具 3.9.2 分页插件工具

    2023年04月11日
    浏览(18)
  • Vue+SpringBoot+MySQL打造快递管理系统(附源码文档)

    作者主页 :Designer 小郑 作者简介 :3年JAVA全栈开发经验,专注JAVA技术、系统定制、远程指导,致力于企业数字化转型,CSDN博客专家,阿里云社区专家博主,蓝桥云课讲师。 文末获取源码,项目编号: S 007 。 color{red}{文末获取源码,项目编号:S007。} 文末获取源码,项目编

    2024年02月11日
    浏览(21)
  • SpringBoot+Vue实现的高校图书馆管理系统 附带详细运行指导视频

    项目演示地址: 视频地址 项目描述:这是一个基于 SpringBoot+Vue 框架开发的高校图书馆管理系统。首先,这是一个 前后端分离 的项目,代码简洁规范,注释说明详细,易于理解和学习。其次,这项目功能丰富,具有一个高校图书馆管理系统该有的所有功能。 项目功能:此项

    2023年04月26日
    浏览(23)
  • 基于Java的图书借阅网站, java+springboot+vue开发的图书借阅管理系统 - 毕业设计 - 课程设计

    本程序实现图书的智能化、信息化和简单化;实现图书信息的增加、删除、修改、查找、借阅、还书、收藏的显示操作及实时数据库的提交和更改和对普通用户的增、删、改、查;提高图书管理员工作信息报送及反馈的工作效率,减轻管理员的劳动负担;提高信息的及时性和

    2024年04月28日
    浏览(26)
  • 免费开源的vue+express搭建的后台管理系统

    此项目已开源 前端git地址:exp后台管理系统前端: exp后台管理系统前端 后端git地址:express后台管理系统: express后台管理系统 npm i yarn i 前端: npm run dev  |  yarn dev 后端: npm run start | yarn start 前端 后端 名称 版本 名称 版本 vue 2.6.11 node.js 16.13.0 vue-router 3.6.5 express 4.17.3 vuex 3.4.0

    2024年02月12日
    浏览(17)
  • 计算机毕业设计 | SpringBoot+vue的图书馆管理系统(附源码)

    随着现在科学技术的进步,人类社会正逐渐走向信息化,图书馆拥有丰富的文献信息资源,是社会系统的重要组成部分,在信息社会中作用越来越重要,在我国图书馆计算机等 信息技术的应用起步于 20 世纪 70 年代末期,随着改革开放的步伐的迅速发展,特别是 90 年代以后,

    2024年01月19日
    浏览(24)
  • 毕业设计So Easy:SpringBoot+Vue图书阅读和管理系统(前端+后端+小程序端)

    目录 1、项目概述 2、开发环境 3、前后端配置部署 4、小程序端配置部署 5、项目效果演示 5.1、后端管理平台 5.2、前端阅读平台 5.3、小程序社区平台 很多计算机专业大学生经常和我交流:毕业设计没思路、不会做、论文不会写、太难了...... 针对这些问题,决定分享一些软、

    2024年02月11日
    浏览(22)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包