SpringBoot vue 乒乓球馆预约管理系统

SpringBoot vue 乒乓球馆预约管理系统

SpringBoot 乒乓球馆预约管理系统 功能介绍

首页 图片轮播 乒乓球场展示 分类展示 搜索球场 球场详情 公告信息 公告详情 登录 注册 留言反馈 个人中心 我的收藏

后台管理 登录 个人中心 用户管理 乒乓球场管理 场地类型管理 场地预约管理 暂离申请管理 离开申请管理 管理员管理 留言反馈管理 轮播图管理 公告信息管理

角色：前端用户 后台管理员 后台用户

使用技术

• SpringBoot框架

• Mysql数据库

• Mybaits

• html(layui前端)

• vue后台管理

功能展示

首页.jpg

公告信息.jpg

乒乓球场展示.jpg

登录.jpg

留言反馈.jpg

乒乓球场管理.jpg

用户管理.jpg

场地预约管理.jpg

乒乓球馆预约管理系统.png

Mybatis配置

#mybatis
mybatis-plus:
  mapper-locations: classpath*:mapper/*.xml
  #实体扫描，多个package用逗号或者分号分隔
  typeAliasesPackage: com.entity
  global-config:
    #主键类型  0:"数据库ID自增", 1:"用户输入ID",2:"全局唯一ID (数字类型唯一ID)", 3:"全局唯一ID UUID";
    id-type: 1
    #字段策略 0:"忽略判断",1:"非 NULL 判断"),2:"非空判断"
    field-strategy: 1
    #驼峰下划线转换
    db-column-underline: true
    #刷新mapper 调试神器
    refresh-mapper: true
    #逻辑删除配置
    logic-delete-value: -1
    logic-not-delete-value: 0
    #自定义SQL注入器
    sql-injector: com.baomidou.mybatisplus.mapper.LogicSqlInjector
  configuration:
    map-underscore-to-camel-case: true
    cache-enabled: false
    call-setters-on-nulls: true
    #springboot 项目mybatis plus 设置 jdbcTypeForNull (oracle数据库需配置JdbcType.NULL, 默认是Other)
    jdbc-type-for-null: 'null' 

Mybatis对数据库表的操作xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">

<mapper namespace="com.dao.UserDao">

    <select id="selectListView"
        resultType="com.entity.UserEntity" >

        SELECT  u.* FROM users  u           
        <where> 1=1 ${ew.sqlSegment}</where>
    </select>
    
</mapper>

运行

创建数据库, 然后修改数据库连接相关信息。

启动 Springboot 类的main方法

运行vue后台管理
npm run serve

前台访问地址：http://localhost:8080/springboots2409/front/index.html

注册或使用账号：liang 密码：liang

后台访问地址：http://localhost:8080/springboots2409/admin/dist/index.html

管理员账号：liang 密码：liang