计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解

作者主页:计算机毕设老哥
精彩专栏推荐订阅:在 下方专栏

Java实战项目专栏

Python实战项目专栏

安卓实战项目专栏

微信小程序实战项目专栏

文章目录

    • Java实战项目专栏
    • Python实战项目专栏
    • 安卓实战项目专栏
    • 微信小程序实战项目专栏
  • 一、开发介绍
    • 1.1 开发环境
  • 二、系统介绍
    • 2.1图片展示
  • 三、部分代码设计
    • 3.1.部分代码如下:
  • 总结
  • 有问题评论区交流
    • Java实战项目专栏
    • Python实战项目专栏
    • 安卓实战项目专栏
    • 微信小程序实战项目专栏

一、开发介绍

1.1 开发环境

  • 开发语言:Java
  • 数据库:MySQL
  • 系统架构:B/S
  • 后端:SpringBoot(Spring+SpringMVC+Mybatis)
  • 前端:Vue
  • 工具:IDEA或者Eclipse,JDK1.8,Maven

二、系统介绍

2.1图片展示

用户注册登入页面:

前端页面功能:
首页、摄影跟拍、周边商品、公告信息、个人中心、后台管理


![摄影跟拍](https://img-blog.csdnimg.cn/b0c523ef9dee4807a34538142195532f.png#pic_center计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第1张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第2张图片

管理员后台页面:
功能:首页,个人中心,用户管理,摄影跟拍管理,类别管理,商品类型管理,跟拍预约管理,成品信息管理,商品订单管理,系统管理

计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第3张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第4张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第5张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第6张图片

计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第7张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第8张图片

用户后台页面:
功能:首页、注册、登录、个人中心、跟拍预约管理,成品信息管理,商品订单管理,我的收藏管理

计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第9张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第10张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第11张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第12张图片

计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第13张图片

摄影师后台页面:
功能:首页、个人中心、跟拍预约管理、跟拍流程管理、成品信息管理、商品订单管理

计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第14张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第15张图片
计算机毕设 SpringBoot+Vue摄影预约系统 摄影跟拍预定系统 婚纱摄影系统Java Vue MySQL数据库 远程调试 代码讲解_第16张图片

三、部分代码设计

3.1.部分代码如下:

分页插件代码


package com.utils;

import java.io.Serializable;
import java.util.List;
import java.util.Map;

import com.baomidou.mybatisplus.plugins.Page;

/**
 * 分页工具类
 */
public class PageUtils implements Serializable {
  private static final long serialVersionUID = 1L;
  //总记录数
  private long total;
  //每页记录数
  private int pageSize;
  //总页数
  private long totalPage;
  //当前页数
  private int currPage;
  //列表数据
  private List list;
  
  /**
   * 分页
   * @param list        列表数据
   * @param totalCount  总记录数
   * @param pageSize    每页记录数
   * @param currPage    当前页数
   */
  public PageUtils(List list, int totalCount, int pageSize, int currPage) {
    this.list = list;
    this.total = totalCount;
    this.pageSize = pageSize;
    this.currPage = currPage;
    this.totalPage = (int)Math.ceil((double)totalCount/pageSize);
  }

  /**
   * 分页
   */
  public PageUtils(Page page) {
    this.list = page.getRecords();
    this.total = page.getTotal();
    this.pageSize = page.getSize();
    this.currPage = page.getCurrent();
    this.totalPage = page.getPages();
  }
  
  /*
   * 空数据的分页
   */
  public PageUtils(Map params) {
     Page page =new Query(params).getPage();
    new PageUtils(page);
  }
  

总结

大家可以帮忙点赞、收藏、关注、评论啦

有问题评论区交流

精彩专栏推荐订阅:在 下方专栏

Java实战项目专栏

Python实战项目专栏

安卓实战项目专栏

微信小程序实战项目专栏

你可能感兴趣的:(Java实战项目,java,数据库,spring,boot,idea,vue.js)