基于SpringBoot+Uniapp的球队周边微信小程序

一、项目背景介绍：

随着微信小程序的兴起和普及，越来越多的企业和组织开始利用微信小程序开发与用户互动的应用程序。在体育领域，球队周边产品的销售和推广是一个重要的商业模式。传统的球队周边产品销售主要依靠实体店铺和官方网站，但这些渠道存在空间限制和用户获取难度的问题。

基于这样的需求背景，开发一个球队周边微信小程序项目能够提供更便捷的购物体验，并为球队粉丝和用户提供更多互动和参与的机会。这样的项目可以结合SpringBoot、Vue、MySQL和微信小程序技术，以实现功能强大且用户友好的球队周边购物平台。

SpringBoot是一个快速开发Java应用程序的框架，它提供了丰富的功能和组件，使得开发者可以高效地构建后端服务。Vue是一种流行的JavaScript框架，用于构建用户界面，它具有灵活性和响应性，使得前端开发更加简单和高效。MySQL是一种广泛使用的关系型数据库管理系统，它提供了可靠的数据存储和查询功能。

微信小程序是一种轻量级的应用程序，用户可以在微信内直接访问和使用。通过微信小程序，球队可以将周边产品的购买流程简化，提供个性化推荐和营销活动，增加用户参与度。同时，微信小程序还提供了丰富的API和开发工具，使得开发过程更加便捷。

二、项目技术简介：

1. JAVA：Java是一门面向对象编程语言，不仅吸收了C++语言的各种优点，还摒弃了C++里难以理解的多继承、指针等概念，因此Java语言具有功能强大和简单易用两个特征。Java语言作为静态面向对象编程语言的代表，极好地实现了面向对象理论，允许程序员以优雅的思维方式进行复杂的编程。
2. Vue：Vue (发音为 /vjuː/，类似 view) 是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助开发者高效地开发用户界面。
   Vue是一个独立的社区驱动的项目，它是由尤雨溪在2014年作为其个人项目创建， 是一个成熟的、经历了无数实战考验的框架，它是目前生产环境中使用最广泛的JavaScript框架之一，可以轻松处理大多数web应用的场景，并且几乎不需要手动优化，并且Vue完全有能力处理大规模的应用。
3. Element-UI：Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
4. SpringBoot：Spring Boot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Spring Boot致力于在蓬勃发展的快速应用开发领域(rapid application development)成为领导者。
5. Mybatis-Plus：MyBatis-Plus（简称 MP）是一个 MyBatis的增强工具，在 MyBatis 的基础上只做增强不做改变，为 简化开发、提高效率而生。
6. smart：微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。
   全面开放申请后，主体类型为企业、政府、媒体、其他组织或个人的开发者，均可申请注册小程序。微信小程序、微信订阅号、微信服务号、微信企业号是并行的体系。
   微信小程序是一种不用下载就能使用的应用，也是一项创新，经过将近两年的发展，已经构造了新的微信小程序开发环境和开发者生态。微信小程序也是这么多年来中国IT行业里一个真正能够影响到普通程序员的创新成果，已经有超过150万的开发者加入到了微信小程序的开发，与我们一起共同发力推动微信小程序的发展，微信小程序应用数量超过了一百万，覆盖200多个细分的行业，日活用户达到两个亿，微信小程序还在许多城市实现了支持地铁、公交服务。微信小程序发展带来更多的就业机会，2017年小程序带动就业104万人，社会效应不断提升。

三、系统功能模块介绍：

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-LFNrArmp-1692062015350)(https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-25/4ffc79f9-9240-4835-8d6b-e31086de4218_学员.jpg)]

四、数据库设计：

1：‘管理员’（admins）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
user_name	varchar	NULL	用户名(select)
pass_word	varchar	NULL	密码
head_img	varchar	NULL	头像(img)
nick_name	varchar	NULL	姓名
create_time	datetime	NULL	创建时间

2：‘购物车表’（cart）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
user_id	bigint	NULL	用户ID
farm_id	bigint	NULL	商品ID
num	int	NULL	数量
create_time	datetime	NULL	创建时间

3：‘商品信息表’（farm）

字段名	类型	默认值	列注释
id	bigint	NULL	品ID
name	varchar	NULL	商品名称
info	text	NULL	简介
unit	varchar	NULL	单位
price	varchar	NULL	单价
detail	text	NULL	详细信息
create_time	datetime	NULL	创建时间
img_url	varchar	NULL	展示大图
type_id	bigint	NULL	分类ID
is_index	int	NULL	首页推荐[0:是,1:否]
banner	int	NULL	轮播[0:是,1:否]

4：‘商品详情图片表’（farm_imgs）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
img_url	varchar	NULL	图片链接
farm_id	bigint	NULL	商品ID

5：‘图集信息表’（imgs）

字段名	类型	默认值	列注释
id	bigint	NULL	图集编号
banner_img	varchar	NULL	图集图片
content	text	NULL	图集内容
create_time	datetime	NULL	创建时间
title	varchar	NULL	图集标题

6：‘抽奖活动参与’（join_lottery）

字段名	类型	默认值	列注释
id	bigint	NULL	参与编号
lottery_id	bigint	NULL	抽奖活动编号
user_id	bigint	NULL	用户编号
create_time	datetime	NULL	参与时间
win	int	NULL	是否中奖[0:未中奖,1:中奖]

7：‘抽奖活动管理’（lottery_ac）

字段名	类型	默认值	列注释
id	bigint	NULL	抽奖活动编号
lottery_title	varchar	NULL	抽奖活动标题
lottery_content	text	NULL	抽奖活动内容
lottery_banner	varchar	NULL	封面图
status	int	NULL	活动状态[0:尚未开始,1:活动中,2:已抽奖,3:已下架]
create_time	datetime	NULL	活动创建时间

8：‘新闻信息表’（notice）

字段名	类型	默认值	列注释
id	bigint	NULL	新闻编号
banner_img	varchar	NULL	新闻图片
content	text	NULL	新闻内容
info	varchar	NULL	新闻简介
create_time	datetime	NULL	创建时间
title	varchar	NULL	新闻标题

9：‘订单详情表’（order_detail）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
farm_id	bigint	NULL	商品ID
num	int	NULL	数量
order_id	bigint	NULL	订单ID
create_time	datetime	NULL	创建时间

10：‘订单表’（orders）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
order_no	varchar	NULL	订单编号
create_time	datetime	NULL	创建时间
total_price	varchar	NULL	总价
status	int	NULL	订单状态[0:代付款,1:待发货,2:已发货,3:已完成,4:已退单]
user_id	bigint	NULL	用户ID
address	varchar	NULL	收货地址

11：‘赛程管理’（play_course）

字段名	类型	默认值	列注释
id	bigint	NULL	赛程编号
left_team_name	varchar	NULL	左方球队名称
left_team_icon	varchar	NULL	左方球队对标
right_team_name	varchar	NULL	右方球队名称
right_team_icon	varchar	NULL	右方球队对标
start_time	datetime	NULL	开始时间
location	varchar	NULL	比赛地点
league_name	varchar	NULL	联赛名称
create_time	datetime	NULL	创建时间

12：‘球员管理’（player）

字段名	类型	默认值	列注释
id	bigint	NULL	球员编号
player_name	varchar	NULL	球员名称
player_img	varchar	NULL	球员头像
country	varchar	NULL	所在国籍
location	varchar	NULL	当前位置
birthday	datetime	NULL	出生日期
join_time	datetime	NULL	加盟日期

13：‘商品分类表’（type）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
type_name	varchar	NULL	分类名称
create_time	datetime	NULL	创建时间

14：‘用户表’（users）

字段名	类型	默认值	列注释
id	bigint	NULL	主键ID
user_name	varchar	NULL	用户名
pass_word	varchar	NULL	密码
address	varchar	NULL	收货地址
nick_name	varchar	NULL	昵称
head_img	varchar	NULL	头像
create_time	datetime	NULL	创建时间

15：‘视频管理’（video）

字段名	类型	默认值	列注释
id	bigint	NULL	视频ID
video_img	varchar	NULL	封面图片
video_url	varchar	NULL	视频地址
title	varchar	NULL	标题
create_time	datetime	NULL	创建时间

16：‘投票活动管理’（vote_ac）

字段名	类型	默认值	列注释
id	bigint	NULL	主键编号
vote_title	varchar	NULL	投票标题
vote_content	varchar	NULL	投票内容
create_time	datetime	NULL	创建时间
status	int	NULL	投票活动状态[0:未开始,1:进行中,2:已结束]
vote_banner	varchar	NULL	封面图

17：‘投票活动球员管理’（vote_player）

字段名	类型	默认值	列注释
id	bigint	NULL	编号
player_id	bigint	NULL	球员编号
num	int	NULL	票数
create_time	datetime	NULL	创建时间
vote_id	bigint	NULL	投票活动编号

五、功能模块：

1. 管理端之投票活动管理：旗下的子模块有活动列表管理和参与球员管理

   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dGVHHKC1-1692062015352)(https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-25/b2e676d9-7868-4cbc-8a80-027f5103c2ce_1.png)]

2. 管理端之抽奖活动管理：旗下的子模块有活动列表管理和参与人员管理

   

3. 管理端之球队信息管理：旗下的子模块有球员列表管理和视频列表管理、图集管理、赛程管理、球队新闻管理

   [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lnuGD0Rl-1692062015353)(https://code-grade-server-prd.oss-cn-shenzhen.aliyuncs.com/2023-05-25/9f48180c-1c61-4885-821a-99479fa8d008_3.png)]

4. 管理端之周边商城管理：旗下的子模块有商品信息管理、商品图片管理、商品分类管理、订单信息个管理、订单详情管理

   

5. 管理端之系统用户管理：旗下的子模块有管理员管理、用户管理

   

6. 小程序端之首页：旗下的子模块有轮播图展示、投票活动、详情信息、参与投票、球员列表

   

7. 小程序端：球队：旗下的子模块有轮播图展示、赛程、球队信息、图集展示、视频展示与播放

   

8. 小程序端之周边商城：旗下的子模块有分类查询、关键字查询、查看商品详情、添加购物车、立即购买

   

9. 小程序端之购物车：旗下的子模块有购买、移除购物车

   

10. 小程序端之个人中心：旗下的子模块有历史订单管理、待付款、待发货、已发货、已完成、已取消、个人信息管理、退出登录

    

六、代码示例：

    @PostMapping("/file")
    public ReturnMsg uploadImg(@RequestParam("file") MultipartFile multipartFile) {
        // 文件后缀
        String suffix = multipartFile.getOriginalFilename().substring(multipartFile.getOriginalFilename().lastIndexOf(".") + 1);
        File savePathFile = new File(newTomcatFolder);
        if (!savePathFile.exists()) {
            // 若不存在该目录，则创建目录
            savePathFile.mkdir();
        }
        // 通过UUID生成唯一文件名
        String filename = UUID.randomUUID() + "." + suffix;
        try {
            // 将文件保存指定目录
            multipartFile.transferTo(new File(newTomcatFolder + filename));
        } catch (Exception e) {
            e.printStackTrace();
            return ReturnMsg.error("保存文件异常");
        }
        // 返回访问链接
        return ReturnMsg.ok(newTomcatHost + filename);
    }

七、项目总结：

这个项目是基于SpringBoot+Vue+Mysql+微信小程序技术开发的球队周边微信小程序。该项目分为管理端和用户端两个部分。管理端包括投票活动管理、抽奖活动管理、球队信息管理、周边商城管理、系统用户管理等功能；用户端包括首页、球队、周边商城、购物车、个人中心等功能。用户可以在小程序中查看球队信息，参加投票活动和抽奖活动，购买周边商品，并在个人中心管理订单和个人信息。该项目旨在提供一个便捷的平台，让球迷们更好地了解球队，并购买球队周边产品。