20.体育馆使用预约系统（基于springboot和vue的Java项目）

目录

1.系统的受众说明   

2.开发环境与技术

2.1 Java语言  

2.2 MYSQL数据库

2.3 IDEA开发工具

2.4 Spring Boot框架

3.需求分析

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 系统流程分析

3.3 系统性能需求

3.4 系统功能需求

4.系统设计

4.1 功能模块划分

4.1.1 管理员模块功能

4.1.2 用户模块功能

4.2 数据库设计

4.2.1 E-R图

4.2.2 数据库表设计

5.1 管理员后台功能实现

5.1.1 论坛管理

5.1.2 用户管理

5.1.3 场地管理

5.1.4 场地订单管理

5.1.5 公告信息管理

5.2 用户前台功能实现

5.2.1 场地信息

5.2.2 在线论坛

5.2.3 场地预约

1.系统的受众说明
   

     1 在校学习的学生，可用于日常学习使用或是毕业设计使用

     2 毕业一到两年的开发人员，用于锻炼自己的独立功能模块设计能力，增强代码编写能力。

     3 亦可以部署为商化项目使用。

     4 需要完整资料及源码，请在文末获取联系方式领取。

2.开发环境与技术

本章节对开发体育馆使用预约平台需要搭建的开发环境，还有体育馆使用预约平台开发中使用的编程技术等进行阐述。

2.1 Java语言  

2.2 MYSQL数据库

2.3 IDEA开发工具

IDEA是捷克共和国的Java程序员开发人员创造的一个开发软件，刚开始主要是对于用Eclipse软件他们用得不顺手，所以直接开发了这款软件。之所以不顺手原因在于没有代码提升功能，原因是Eclipse只是把代码提示作为一种插件形式的存在，如果有些程序开发人员不清楚代码提示插件可能会出问题，并且代码提示只是用来作为插件，所以功能上有所欠缺。IDEA不仅仅代码提示做的很好，在代码重构上面更上如虎添翼，程序开发人员可以选择一段代码然后IDEA就会对代码进行分解重构，有效的把代码弄得更够层次感，复用性更高，用着更简洁和方便，大大的减少了代码工作量，提升了代码开发效率。当然，IDEA对于使用者这么好，肯定也是有目的的，原因在于插件越多越友好，就需要花费大量的金钱来使用，所以说IDEA使用主要是看自己喜好。

2.4 Spring Boot框架

3.需求分析

本文作者在确定了研究的课题之后，从各大数字图书馆下载文献来阅读，并了解同类型的网站具备的大致功能，然后与本系统用户的实际需求结合进行分析，得出本系统要研究的具体功能与性能。虽然分析系统这一阶段性工作主要是确定功能，但它却影响着后面系统开发环节的进展，它也是系统开发流程中比较重要的一个环节。

3.1 可行性分析

3.1.1 技术可行性

3.1.2 经济可行性

3.1.3 操作可行性

3.2 系统流程分析

体育馆使用预约平台投入使用后，其各个功能的内部操作逻辑需要使用者通过流程图来进行了解。

1.操作流程

使用者在操作体育馆使用预约平台中，应该按照本系统提供的操作流程（图3.1即为本系统的操作流程图）进行操作，这样可以减少使用者操作中出现的错误，从而节省进入体育馆使用预约平台的时间。

                                                             图3.1 系统操作流程

2.登录流程

体育馆使用预约平台通过登录功能（图3.2即为其登录的流程）引导使用者进入指定的功能操作区，也避免非本系统的用户享受本系统提供的服务以及查看本系统提供的信息，从而保障本系统用户的安全使用。

                                                               图3.2 登录流程

3.删除信息流程

体育馆使用预约平台在经过长期使用后，会产生很多的数据信息。为了腾出存储空间存放更多的数据，本系统数据库中存储的数据，一些没有参考价值的数据需要进行删除（图3.3即为删除信息的流程），删除数据过程中，为避免误删，使用者要根据系统的提示来决定是否删除数据。

                                                                图3.3 删除信息流程

4. 添加信息流程

体育馆使用预约平台提供可视化的功能操作区，非常方便使用者进行数据操作，当使用者往系统中录入数据时（图3.4即为添加信息的流程），本系统也会进行数据合法性的判断，符合要求的数据才能够在数据库指定表中进行登记。

                                                                图3.4 添加信息流程

3.3 系统性能需求

在需求分析中就应该对项目所需服务器性能进行分析，这样才符合正常的分析流程。只谈功能需求不谈性能需求，是一件很严重的事情，可能会导致使用过程中出现一系列不可预测的问题，所以性能需求也是需要考虑的重要项。

下面就是从几个方面来进行系统的性能分析，从每个角度来分析系统性能。

(1)系统数据的容量：从数据角度来分析，每个表和每个数据库，达到的数据量到一定的程度，是否需要分表或者是分库，超过了数据的设定限度，可能会导致数据反映迟钝，容错量增加。

(2)数据精度的要求：需要对需求分析里面数据设定环节，考虑相应的数据精度问题，需要发现数据是常用的精度还是非常用的精度，进而设定不同的数值。数据的精度问题，会直接导致设计的性能问题。

(3)时间响应要求：从用户提交操作，到页面反映，中间有个数据处理的问题，如果数据量大，那么考虑索引问题和分库问题，数据量再大就要考虑增加列式数据库的问题，这些都要根据数据量的增加以及逻辑的严密性来进行判断，才能符合用户的要求，毕竟响应时间太久操作起来也不舒服。

系统的性能需求从业务需求之初就能大致了解到性能需求相关的概念，再从系统性能需求来逐条实现，可以让设计的系统有使用价值。

3.4 系统功能需求

体育馆使用预约平台根据使用权限的角度进行功能分析，并运用用例图来展示各个权限需要操作的功能。

图3.5即为管理员用例图，管理员权限操作的功能包括对注册用户信息的管理，对场地，场地预约订单，公告，论坛帖子等信息的管理。

                                                                 图3.5 管理员用例图

图3.6即为用户用例图，用户权限操作的功能包括参与论坛帖子发布与评论，查看公告，预约场地，收藏场地等。

                                                               图3.6 用户用例图

4.系统设计

系统的设计一切都是为了用户的使用，虽然用户使用过程中可能只是面对着浏览器进行各种操作，但是不代表着系统对于用户在浏览器上的操作不进行处理，所以说，设计一个系统需要考虑到方方面面。

4.1 功能模块划分

4.1.1 管理员模块功能

图4.1即为设计的管理员功能结构，管理员权限操作的功能包括对注册用户信息的管理，对场地，场地预约订单，公告，论坛帖子等信息的管理。

                                                           图4.1 管理员功能结构

4.1.2 用户模块功能

图4.2即为设计的用户功能结构，用户权限操作的功能包括参与论坛帖子发布与评论，查看公告，预约场地，收藏场地等。

图4.2 用户功能结构

4.2 数据库设计

体育馆使用预约平台运行中产生的数据需要按照提前设置的存储规则进行保存，而这个存储规则则是在数据库的设计中进行设置的。通常情况下，为了更好的配合系统运行，也要给用户带来良好的使用体验，设计一个很好的数据库是必须的，因为它能减少用户的等待时间，还可以对系统的请求在最短时间内进行响应。所以，对数据库设计时，需要花费一定的时间来分析系统对于数据存储的要求以及存储的具体数据，然后设计具体的存储规则，保证数据库能够对系统的各种数据请求进行及时回应，缩短数据处理时间，并在一定程度上降低数据冗余，节省存储空间。

4.2.1 E-R图

实体-联系图还有一个名称即E-R图，是Entity Relationship Diagram各英文单词首字母的缩写，它这种概念模型通常用于对现实世界进行描述。同时它还是一种能够直观表达数据中实体，联系，属性的有效手段。绘制E-R图能够选择的工具也有很多，但是Office Visio 这款软件在E-R图的绘制上一般都是作为首选工具，因为它是基于可视化处理，使用它创建E-R图非常简单。使用基本的E-R图构成元素，比如椭圆，菱形，矩形，还有实线段来表达对应的信息，椭圆代表属性，即实体的特征，矩形代表实体，即数据库中的一个具体数据表，菱形代表实体中相互关系，实线段主要是完成椭圆，矩形，菱形的连接，基于这样的方式即可完成对本系统的E-R图进行完整绘制。

（1）图4.4即为场地这个实体所拥有的属性值。

                                                          图4.4 场地实体属性图

（2）图4.5即为用户这个实体所拥有的属性值。

                                                         图4.5 用户实体属性图

（3）图4.6即为公告这个实体所拥有的属性值。

                                                            图4.6 公告实体属性图

1. 图4.7即为管理员这个实体所拥有的属性值。
2. 

                                                         图4.7 管理员实体属性图

1. 图4.8即为上面介绍的实体中存在的联系。
2. 

                                                               图4.8 实体间关系E-R图

4.2.2 数据库表设计

本小节主要任务即是根据上述内容进行数据存储结构的设计，也就是在数据库中设计存放本系统的数据的数据表，设计数据表时，需要对各个字段进行确定，通常来说，一个实体与一张数据表相对应，实体的属性就用来表示字段名称，不同的字段表示的数据类型以及取值都不相同，这里需要根据系统实际数据的情况进行设置，同时也需要在具体表中确定该表的主键，以及该表各个字段是否能够保持空等进行说明，设计完成一张数据表的结构之后，在保存时同样要命名，尽量选择英文名称进行命名并保存，方便今后系统对数据表进行数据存储访问时，在提高数据存储效率的同时，还不容易导致系统出错。接下来就对设计的数据表进行展示。

表4.1 用户表

表4.2 场地表

表4.3 场地收藏表

表4.4 场地预约表

表4.5 论坛表

表4.6 公告信息表

表4.7 管理员表

第5章 系统设计与实现

编程人员在搭建的开发环境中，运用编程技术实现本系统设计的各个操作权限的功能。在本节中，就展示部分操作权限的功能与界面。

5.1 管理员后台功能实现

5.1.1 论坛管理

图5.1 即为编码实现的论坛管理界面，管理员在该界面中查看论坛回复信息，修改论坛帖子内容，可以删除论坛帖子。论坛信息包含帖子标题，用户姓名，用户手机号，用户身份证，查询的时候可以通过这些信息查询出来结果，添加内容的时候需要输入帖子类型，帖子标题，发布内容。

                                                            图5.1 论坛管理界面

管理员添加论坛：

@RequestMapping("/save")
public R save(@RequestBody ForumEntity forum, HttpServletRequest request){
    logger.debug("save方法:,,Controller:{},,forum:{}",this.getClass().getName(),forum.toString());

    String role = String.valueOf(request.getSession().getAttribute("role"));
    if(StringUtil.isEmpty(role))
        return R.error(511,"权限为空");
    else if("用户".equals(role))
        forum.setYonghuId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));
    else if("管理员".equals(role))
        forum.setUsersId(Integer.valueOf(String.valueOf(request.getSession().getAttribute("userId"))));

    Wrapper<ForumEntity> queryWrapper = new EntityWrapper<ForumEntity>()
        .eq("forum_name", forum.getForumName())
        .eq("yonghu_id", forum.getYonghuId())
        .eq("users_id", forum.getUsersId())
        .eq("super_ids", forum.getSuperIds())
        .eq("forum_types", forum.getForumTypes())
        .eq("forum_state_types", forum.getForumStateTypes())
        ;

    logger.info("sql语句:"+queryWrapper.getSqlSegment());
    ForumEntity forumEntity = forumService.selectOne(queryWrapper);
    if(forumEntity==null){
        forum.setInsertTime(new Date());
        forum.setCreateTime(new Date());
        forumService.insert(forum);
        return R.ok();
    }else {
        return R.error(511,"表中有相同数据");
    }
}

5.1.2 用户管理

图5.2 即为编码实现的用户管理界面，管理员在该界面中为注册系统的用户重置密码，更改用户的头像，电子邮箱等基础信息，删除需要删除的用户。用户信息包含账号，密码，手机号，身份证，头像，性别，电子信箱，余额等。查询的时候只需要提供用户姓名，手机号，身份证就可以查询。

                                                                图5.2 用户管理界面

用户添加：

@RequestMapping("/save")
public R save(@RequestBody YonghuEntity yonghu, HttpServletRequest request){
    logger.debug("save方法:,,Controller:{},,yonghu:{}",this.getClass().getName(),yonghu.toString());

    String role = String.valueOf(request.getSession().getAttribute("role"));
    if(StringUtil.isEmpty(role))
        return R.error(511,"权限为空");

    Wrapper<YonghuEntity> queryWrapper = new EntityWrapper<YonghuEntity>()
        .eq("username", yonghu.getUsername())
        .or()
        .eq("yonghu_phone", yonghu.getYonghuPhone())
        .or()
        .eq("yonghu_id_number", yonghu.getYonghuIdNumber())
        ;

    logger.info("sql语句:"+queryWrapper.getSqlSegment());
    YonghuEntity yonghuEntity = yonghuService.selectOne(queryWrapper);
    if(yonghuEntity==null){
        yonghu.setCreateTime(new Date());
        yonghu.setPassword("123456");
        yonghuService.insert(yonghu);
        return R.ok();
    }else {
        return R.error(511,"账户或者用户手机号或者用户身份证号已经被使用");
    }
}

5.1.3 场地管理

图5.3 即为编码实现的场地管理界面，管理员在该界面中可以更改场地信息，新增新的场地信息，删除需要删除的场地资料。场地搜索只需要输入场地名称，场地类型就可以查到结果。新增场地则需要输入场地编号，场地名称，照片，类型，原价，现价，时间段，半全场，推荐吃饭地点，场地介绍等。

图5.3 场地管理界面

场地修改：

@RequestMapping("/update")
public R update(@RequestBody ChangdiEntity changdi, HttpServletRequest request){
    logger.debug("update方法:,,Controller:{},,changdi:{}",this.getClass().getName(),changdi.toString());
    String role = String.valueOf(request.getSession().getAttribute("role"));
    Wrapper<ChangdiEntity> queryWrapper = new EntityWrapper<ChangdiEntity>()
        .notIn("id",changdi.getId())
        .andNew()
        .eq("changdi_uuid_number", changdi.getChangdiUuidNumber())
        .eq("changdi_name", changdi.getChangdiName())
        .eq("changdi_types", changdi.getChangdiTypes())
        .eq("shijianduan", changdi.getShijianduan())
        .eq("shijianduan_ren", changdi.getShijianduanRen())
        .eq("changdi_clicknum", changdi.getChangdiClicknum())
        .eq("banquan_types", changdi.getBanquanTypes())
        .eq("shangxia_types", changdi.getShangxiaTypes())
        .eq("tuijian", changdi.getTuijian())
        .eq("changdi_delete", changdi.getChangdiDelete())
        ;

    logger.info("sql语句:"+queryWrapper.getSqlSegment());
    ChangdiEntity changdiEntity = changdiService.selectOne(queryWrapper);
    if("".equals(changdi.getChangdiPhoto()) || "null".equals(changdi.getChangdiPhoto())){
            changdi.setChangdiPhoto(null);
    }
    if(changdiEntity==null){
       changdiService.updateById(changdi);//根据id更新
        return R.ok();
    }else {
        return R.error(511,"表中有相同数据");
    }
}

5.1.4 场地订单管理

图5.4 即为编码实现的场地订单管理界面，管理员在该界面中对用户预约的场地订单进行查询，更改等，查看场地预约订单的预约时间段信息以及订单类型等信息。可以通过输入场地名称，类型，用户姓名，用户手机号，用户身份证号来进行查询场地预约信息。

                                                                图5.4 场地订单管理界面

场地订单列表：

/**
* 后端列表
*/
@RequestMapping("/page")
public R page(@RequestParam Map<String, Object> params, HttpServletRequest request){
    logger.debug("page方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));
    String role = String.valueOf(request.getSession().getAttribute("role"));
    if(StringUtil.isEmpty(role))
        return R.error(511,"权限为空");
    else if("用户".equals(role))
        params.put("yonghuId",request.getSession().getAttribute("userId"));
    if(params.get("orderBy")==null || params.get("orderBy")==""){
        params.put("orderBy","id");
    }
    PageUtils page = changdiOrderService.queryPage(params);

    //字典表数据转换
    List<ChangdiOrderView> list =(List<ChangdiOrderView>)page.getList();
    for(ChangdiOrderView c:list){
        //修改对应字典表字段
        dictionaryService.dictionaryConvert(c, request);
    }
    return R.ok().put("data", page);
}

5.1.5 公告信息管理

图5.5 即为编码实现的公告信息管理界面，管理员在该界面中负责发布公告信息，更改公告信息的部分信息，删除需要删除的公告。

                                                             图5.5 公告信息管理界面

5.2 用户前台功能实现

5.2.1 场地信息

图5.6 即为编码实现的场地信息界面，用户在该界面中对场地进行预定，或收藏场地方便下次查看场地信息。可以看到的场地名称，类型，原价，现价，人数，点击次数，半全场，推荐吃饭地点，订购日期，订购时间段详情介绍。

                                                        图5.6 场地信息界面

场地预约：

@RequestMapping("/add")
public R add(@RequestBody ChangdiOrderEntity changdiOrder, HttpServletRequest request){
    logger.debug("add方法:,,Controller:{},,changdiOrder:{}",this.getClass().getName(),changdiOrder.toString());
    String role = String.valueOf(request.getSession().getAttribute("role"));
    if("用户".equals(role)){
        ChangdiEntity changdiEntity = changdiService.selectById(changdiOrder.getChangdiId());
        if(changdiEntity == null){
            return R.error(511,"查不到该场地");
        }
        if(changdiEntity.getChangdiNewMoney() == null){
            return R.error(511,"场地价格不能为空");
        }

        Integer userId = (Integer) request.getSession().getAttribute("userId");
        YonghuEntity yonghuEntity = yonghuService.selectById(userId);
        if(yonghuEntity == null)
            return R.error(511,"用户不能为空");
        if(yonghuEntity.getNewMoney() == null)
            return R.error(511,"用户金额不能为空");
        double balance = yonghuEntity.getNewMoney() - changdiEntity.getChangdiNewMoney();//余额
        if(balance<0)
            return R.error(511,"余额不够支付");

        List<Integer> changdiOrderTypes = new ArrayList<>();
        changdiOrderTypes.add(2);
        String buyTime = new SimpleDateFormat("yyyy-MM-dd").format(changdiOrder.getBuyTime());
        List<ChangdiOrderEntity> changdiOrderEntities = changdiOrderService.selectList(new EntityWrapper<ChangdiOrderEntity>().notIn("changdi_order_types", changdiOrderTypes).eq("shijianduan", changdiOrder.getShijianduan()).eq("buy_time",buyTime));

        if(changdiOrderEntities != null && changdiOrderEntities.size()>0)
            return R.error(511,buyTime+" 那天的 "+changdiOrder.getShijianduan()+" 的时间段已经被预约了");

        changdiOrder.setYonghuId(userId); //设置订单支付人id
        changdiOrder.setInsertTime(new Date());
        changdiOrder.setCreateTime(new Date());
        changdiOrder.setChangdiOrderTypes(1);
        changdiOrder.setChangdiOrderTruePrice(changdiEntity.getChangdiNewMoney());
        changdiOrder.setChangdiOrderUuidNumber(String.valueOf(new Date().getTime()));
        changdiOrderService.insert(changdiOrder);//新增订单
        yonghuEntity.setNewMoney(balance);//设置金额
        yonghuService.updateById(yonghuEntity);
        return R.ok();
    }else{
        return R.error(511,"您没有权限支付订单");
    }
}

5.2.2 在线论坛

图5.7 即为编码实现的在线论坛界面，用户在该界面中对论坛所有帖子进行查看，查看帖子之后可以发布帖子评论，用户也能点击发布帖子链接进入新界面发布自己的帖子。主要可以看到帖子标题，发布人权限，发布时间，可以对这些帖子进行回复操作。

                                                            图5.7 在线论坛界面

5.2.3 场地预约

图5.8 即为编码实现的场地预约界面，用户在该界面中浏览已经预约的场地。如果存在误操作，用户可以取消预约的场地。在个人中心我的场地预约里面，有全部场地预约，已使用，取消预约，已预约这几个状态的预约信息，已经取消预约的不能再取消，已预约尚未取消预约的才可以取消预约。

                                                              图5.8 场地预约界面

我的预约:

/**
* 前端列表
*/
@IgnoreAuth
@RequestMapping("/list")
public R list(@RequestParam Map<String, Object> params, HttpServletRequest request){
    logger.debug("list方法:,,Controller:{},,params:{}",this.getClass().getName(),JSONObject.toJSONString(params));

    // 没有指定排序字段就默认id倒序
    if(StringUtil.isEmpty(String.valueOf(params.get("orderBy")))){
        params.put("orderBy","id");
    }
    PageUtils page = changdiOrderService.queryPage(params);

    //字典表数据转换
    List<ChangdiOrderView> list =(List<ChangdiOrderView>)page.getList();
    for(ChangdiOrderView c:list)
        dictionaryService.dictionaryConvert(c, request); //修改对应字典表字段
    return R.ok().put("data", page);
}