社区运动会小程序-CSDN博客

本文链接：https://blog.csdn.net/qq_42190530/article/details/142670090

一、前言

随着人们健康意识的提高和社区建设的不断发展，社区运动会越来越受到居民的欢迎。然而，传统的社区运动会组织方式存在着信息不畅通、报名不便、成绩统计困难等问题。为了解决这些问题，开发一款社区运动会小程序具有重要的现实意义。

本社区运动会小程序采用 MySQL、Spring Boot 和 Uniapp 技术组合。MySQL 作为可靠的数据库，存储运动会相关数据，包括参赛人员信息、比赛项目及成绩等。Spring Boot 构建强大的后端服务，高效处理数据请求和业务逻辑。Uniapp 实现跨平台开发，一次编码可同时生成适用于多个平台的小程序，为社区居民提供便捷的运动会参与入口。通过这一技术组合，确保小程序稳定运行，功能丰富且易于维护，提升用户体验。

二、技术环境

前端：Uniapp、HTML、CSS、JavaScript

后端：SpringBoot、SpringMVC、Mybatis、Redis

插件：Maven Helper、Lombok、MybatisLog

工具：IDEA、Postman、Maven、Git、Navicat

环境：Windows10、MySQL

三、功能设计

3.1 管理员用例图如下图所示：

3.2 用户用例图如下图所示：

四、数据库设计

数据库的 E-R 图（实体 - 关系图）是一种强大的工具，用于直观地表示数据库中的实体及其之间的关系。在数据库设计中，E-R 图可以帮助我们清晰地理解数据的结构和流向。限于篇幅要求，仅列出关键部分实体属性图，如下所述。

五、部分效果展示

5.1 首页展示热门运动会项目推荐，有运动会信息公告栏。上方搜索框可查找特定项目，报名入口清晰。个人中心入口方便查看个人参赛情况。

5.2 页面呈现待参加赛事列表，包括赛事名称、时间和地点。赛事详情可点击查看，有报名状态提示。确认参赛按钮醒目，方便用户操作，随时掌握自己的参赛安排。

5.3 页面展示赛事名称、时间、地点及项目规则。有参赛人员列表，可查看其他选手信息。报名按钮及已报名提示清晰，方便用户了解赛事全貌并确认自己的参赛状态。

5.4 页面显示用户头像、昵称及联系方式。参赛历史记录一目了然，可修改部分个人信息。设置按钮方便调整隐私等选项，简洁布局方便用户管理个人资料。

5.5 页面列出所有赛事，显示赛事名称、时间、状态等信息。可进行赛事编辑、开启或关闭报名等操作。搜索栏助力快速查找特定赛事，管理功能高效便捷。

5.6 页面展示待审核参赛人列表，包括姓名、联系方式等信息。审核通过和拒绝按钮明确，可查看报名详情。搜索功能方便快速定位特定人员，提升审核效率。

5.7 页面展示待审核参赛人列表，包括姓名、联系方式等信息。审核通过和拒绝按钮明确，可查看报名详情。搜索功能方便快速定位特定人员，提升审核效率。

5.8 页面呈现社区动态列表，有用户分享的运动照片和心得。可进行点赞、评论等互动操作。管理按钮用于处理不当内容，维护社区良好氛围。

六、部分功能代码

6.1 微信登录

/**
     * 登陆接口
     */
    @GetMapping("/login")
    @ApiOperation(value = "登陆接口", notes = "登陆接口")
    public Result login(@PathVariable String appid, String code) {
        if (StringUtils.isBlank(code)) {
            return ResultGenerator.genFailResult(ResultCode.WX_LOGIN_PARAM_ERROR,"empty jscode");
        }

        final WxMaService wxMaService = WxMaConfiguration.getMaService(appid);

        try {
            WxMaJscode2SessionResult session = wxMaService.getUserService().getSessionInfo(code);
            this.logger.info(session.getSessionKey());
            this.logger.info(session.getOpenid());

            User user = userService.findUserByOpenId(session.getOpenid());
            if (null == user){
                user = new User();
                //根据微信唯一openId查询，没有就注册
                user.setId(DigitUtil.generatorLongId());
                user.setOpenId(session.getOpenid());
                user.setSessionKey(session.getSessionKey());
                userService.save(user);
                return ResultGenerator.genSuccessResult(user);
            }else {
                //直接返回
                return ResultGenerator.genSuccessResult(user);
            }
        } catch (WxErrorException e) {
            this.logger.error(e.getMessage(), e);
            return ResultGenerator.genFailResult(ResultCode.WX_LOGIN_ERROR,e.toString());
        }
    }