基于Java后台(Springboot框架)+前端小程序(MINA框架)+Mysql数据库的在线教育视频学习小程序系统设计与实现

灰太狼 2024-04-03 08:20 61阅读 0赞

> ## 项目背景和意义 ##

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序视频点播系统，前台用户使用小程序，后台管理使用基java（springboot框架）+msyql8数据库的B/S架构；通过后台添加课程信息、视频信息等，用户通过小程序登录，查看视频信息、点击播放视频、免费学习、购买收费学习。

**意义**：微信小程序视频点播系统是计算机技术与视频管理相结合的产物，通过微信小程序视频点播系统实现了对视频的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落，在工作人员的具备一定的计算机操作能力的前提下，特编此微信小程序视频点播系统软件以提高视频的管理效率。

> ## 可行性分析 ##

基于微信小程序视频点播系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

以Windows7或10为操作系统，采用Idea软件，基于java的springboot框架技术为开发后台管理，运用mysql8进行数据库存储，使用微信开发者工具开发微信小程序；后台管理系统硬件环境是PC机，前台用户在手机上使用微信小程序。

2.经济可行性

一方面，开发采用IDEA和微信开发者工具开发有好的人机界面和强劲的功能支持，开发便捷，操作上使录入视频的工作效率进一步提高从而节省人力、物力；另一方面，系统的制作成本低，在现有的PC机上即可进行开发。

3.操作可行性

基于java的springboot开发的网站后台，在操作上是在Windows操作系统上进行在线考试后台管理系统的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。用户使用手机登录微信小程序视频点播系统来点播视频。

> ## 主要功能模块 ##

### ![6d58301a01824726a0e094d6e42dc387.png][] ###

### 后台管理员功能 ###

广告管理：设置小程序首页轮播图广告和链接  
留言列表：所有用户留言信息列表，支持删除  
会员列表：查看所有注册会员信息，支持删除  
录入资讯：录入资讯标题、内容等信息  
管理资讯：查看已录入资讯列表，支持删除和修改

视频分类设置：设置视频分类，支持录入，查看，修改和删除  
录入视频：选择视频分类，录入视频名称、参考价格、上传视频图片、视频详情等  
视频管理：查看所有已经录入的视频列表，支持修改和删除  
视频订单列表：查看所有用户下单的视频订单信息，支持删除

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息  
留言：用户可以在小程序对管理平台留言。

视频库和查询：查看所有视频：在视频列表顶部，输入视频关键字，点击查询即可  
视频信息： 点击到视频详情页面，可以查看视频封面、价格、简介、目录等  
视频收藏：在视频信息详情，下方点击“收藏”，进行收藏  
视频购买：在视频信息详情，下方点击“立即购买”，假定真实购买成功  
视频播放：免费视频可以直接播放，收费视频购买后可以点击播放  
已购课程列表：显示所有用户下单购买的课程列表。  
我的收藏：用户收藏的视频课程列表，可以删除。

用户信息：填写姓名、qq、邮箱、备注等信息  
退出系统：清除缓存，返回小程序首页

> ## 开发概要 ##

介绍了系统在开发过程中所应用到的一些关键的技术，主要包括了前端小程序开发的MINA框架；后台开发java的框架springboot、模板引擎thymeleaf程序技术；MySQL数据库；以及常规的网页技术HTML/CSS/JAVASCRIPT的介绍。

小程序开发：微信开发者工具（MINA框架）

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

其他开发语言：html + css +javascript

> ## 开发文件说明 ##

### 后台文件 ###

绿色的是开源的后台管理系统框架，不要动

所在路径：Src >main >com.huang.com>houtai

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> 程序名 </td> 
 <td style="border-color:#000000;vertical-align:top;width:152.45pt;"> 包含 </td> 
 <td style="border-color:#000000;vertical-align:top;width:152.45pt;"> </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/fenzu.java 后台分组管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_fenzu_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 分组权限列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_fenzu_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 分组权限 修改 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ guanliyuan.java 后台用户管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /ht_mima </td> 
 <td style="vertical-align:top;width:152.45pt;"> 密码修改 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_user_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台用户录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_user_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台用户列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_user_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 用户修改 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ huiyuan.java 后台框架 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /login </td> 
 <td style="vertical-align:top;width:152.45pt;"> 用户登录页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /main </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /top </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台顶部文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /center </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /middel </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件（包含左右） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /left </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件-左边 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /tab </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台中间文件-右边 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /down </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台底部文件 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /logout </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台退出登录 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ quanxian.java 后台权限管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_1ji </td> 
 <td style="vertical-align:top;width:152.45pt;"> 1级菜单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_2ji </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2级菜单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_2ji_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 2级菜单 操作 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_3ji </td> 
 <td style="vertical-align:top;width:152.45pt;"> 3级菜单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /quanxian_caidan_3ji_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 3级菜单 操作页面 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ guanyu.java 关于我们设置 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_guanggao_shezhi </td> 
 <td style="vertical-align:top;width:152.45pt;"> 设置广告 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_liuyan_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 留言列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_liuyan_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除留言 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ xinxi.java 后台新闻管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_fenlei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 信息分类管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 信息录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 信息列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 修改资讯 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_xinxi_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除资讯 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/ yonghu.java 用户管理 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yonghu_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 用户列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yonghu_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除用户 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/shipin 视频 </td> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_fenlei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 分类管理&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_add&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_list&nbsp;&nbsp;&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频修改 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_mulu&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频目录首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_mulu1_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频章节录入（1级目录）&nbsp; </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_mulu1_xiugai&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 日期修改（1级目录） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_mulu2_add&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 内容录入（2级目录） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_mulu2_xiugai&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 内容修改（2级目录） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_shipin_dingdan_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频订单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> houtai_dianying_dingdan_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 视频订单删除 </td> 
 </tr> 
 </tbody> 
</table>

### 小程序文件 ###

所在路径：Src >main >com.huang.com>api

按程序整理的接口列表如下

<table> 
 <tbody> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> 页面 </td> 
 <td style="border-color:#000000;vertical-align:top;width:169.75pt;"> 接口 </td> 
 <td style="border-color:#000000;vertical-align:top;width:143.8pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api/liuyan_api 留言 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_liuyan </td> 
 <td style="vertical-align:top;width:143.8pt;"> 留言接口 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /pub_api 公用 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_get_ad </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取广告设置 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /yonghu_api 用户 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_check_reg_yonghu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 验证 用户注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_check_login_yonghu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 验证 用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_check_reg_yonghu_weixin </td> 
 <td style="vertical-align:top;width:143.8pt;"> 验证 用户登录（微信登录） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_huiyuan_xinxi_byid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 根据用户id获取用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_huiyuan_xinxi_update_byid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 更新用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_huiyuan_mima_act </td> 
 <td style="vertical-align:top;width:143.8pt;"> 更新用户密码 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /zixun_api 资讯 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取最新5条资讯 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_list_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_list_canshu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取列表的总页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_news_info </td> 
 <td style="vertical-align:top;width:143.8pt;"> 资讯详情 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> api /shipin_api 视频 </td> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_top6 </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取最新6个视频课程 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_xinxi_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取视频信息(简介) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_jieshao_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取视频信息(介绍) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_mulu_index&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取视频目录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_shoucang_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 视频收藏 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_goumai_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 视频购买接口 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_vedio </td> 
 <td style="vertical-align:top;width:143.8pt;"> 视频播放 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_shoucang_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 会员 视频&nbsp; 收藏列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_shoucang_del </td> 
 <td style="vertical-align:top;width:143.8pt;"> 删除 用户视频收藏 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_goumai_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 视频课程订单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_fenlei_list&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 视频分类列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_fenlei_list_byid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 按分类获取视频列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> wx_shipin_all </td> 
 <td style="vertical-align:top;width:143.8pt;"> 视频列表 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

### 小程序效果截图 ###

![fc59296fea794e4a84d8041d7e5594f8.png][]![1341927f5ea74b1bb0a1ccb652ff9fcd.png][]![136720d02f734cecbcc803a0f5494a29.png][]![94369825c589485080562c2293706add.png][]![68ed393b899d402f9f1fe104d34b65ae.png][]![b87e172ac3964fa8a8cbcd5746681038.png][]![99fdad3a9da245b4a2cfe25d511d48aa.png][]![c9ead177ad84427aaa62c4dc2a1aea62.png][]![f1859e83f56d4f859ecc1617eb5f3cd6.png][]![91823c4a108b4d2daecde37aa86286b2.png][]![930b27d5856d447aba4c6519bafc424e.png][]![c2933b6566a54d91893a62d9bfc0a094.png][]

### 后台管理截图 ###

![4914b1b1ed574227bcd06da6fd47f7a4.jpeg][]![4fd0efd969aa40b09f3a6fa51ddf9c7d.jpeg][]![f9dd3f7eb9d74d71a730fa14f217a49e.jpeg][]![28d5c485d2ab425bb1f777a35e52db05.jpeg][]![63572e55775247a797f38e6c7f55e9e3.jpeg][]![baa1fbdf14224e9d8109d6f44ffd4ae1.jpeg][]![d880726a730e460391a31323d8a34058.jpeg][]![c44370aefcbd4502bab203d9aec7bd0f.jpeg][]![cf908e3e3e2e466a81a218c999a67ec2.jpeg][]![63216be76aac4e8ab59bfb861b46496b.jpeg][]![ab81b1b441c44f9bb12002695b3a3996.jpeg][]

[6d58301a01824726a0e094d6e42dc387.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/8c67aa94f149474895933ea5ef658b1e.png
[fc59296fea794e4a84d8041d7e5594f8.png]: https://img-blog.csdnimg.cn/fc59296fea794e4a84d8041d7e5594f8.png
[1341927f5ea74b1bb0a1ccb652ff9fcd.png]: https://img-blog.csdnimg.cn/1341927f5ea74b1bb0a1ccb652ff9fcd.png
[136720d02f734cecbcc803a0f5494a29.png]: https://img-blog.csdnimg.cn/136720d02f734cecbcc803a0f5494a29.png
[94369825c589485080562c2293706add.png]: https://img-blog.csdnimg.cn/94369825c589485080562c2293706add.png
[68ed393b899d402f9f1fe104d34b65ae.png]: https://img-blog.csdnimg.cn/68ed393b899d402f9f1fe104d34b65ae.png
[b87e172ac3964fa8a8cbcd5746681038.png]: https://img-blog.csdnimg.cn/b87e172ac3964fa8a8cbcd5746681038.png
[99fdad3a9da245b4a2cfe25d511d48aa.png]: https://img-blog.csdnimg.cn/99fdad3a9da245b4a2cfe25d511d48aa.png
[c9ead177ad84427aaa62c4dc2a1aea62.png]: https://img-blog.csdnimg.cn/c9ead177ad84427aaa62c4dc2a1aea62.png
[f1859e83f56d4f859ecc1617eb5f3cd6.png]: https://img-blog.csdnimg.cn/f1859e83f56d4f859ecc1617eb5f3cd6.png
[91823c4a108b4d2daecde37aa86286b2.png]: https://img-blog.csdnimg.cn/91823c4a108b4d2daecde37aa86286b2.png
[930b27d5856d447aba4c6519bafc424e.png]: https://img-blog.csdnimg.cn/930b27d5856d447aba4c6519bafc424e.png
[c2933b6566a54d91893a62d9bfc0a094.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/43a7a5e9c833444aa2393f14d3a446c7.png
[4914b1b1ed574227bcd06da6fd47f7a4.jpeg]: https://img-blog.csdnimg.cn/4914b1b1ed574227bcd06da6fd47f7a4.jpeg
[4fd0efd969aa40b09f3a6fa51ddf9c7d.jpeg]: https://img-blog.csdnimg.cn/4fd0efd969aa40b09f3a6fa51ddf9c7d.jpeg
[f9dd3f7eb9d74d71a730fa14f217a49e.jpeg]: https://img-blog.csdnimg.cn/f9dd3f7eb9d74d71a730fa14f217a49e.jpeg
[28d5c485d2ab425bb1f777a35e52db05.jpeg]: https://img-blog.csdnimg.cn/28d5c485d2ab425bb1f777a35e52db05.jpeg
[63572e55775247a797f38e6c7f55e9e3.jpeg]: https://img-blog.csdnimg.cn/63572e55775247a797f38e6c7f55e9e3.jpeg
[baa1fbdf14224e9d8109d6f44ffd4ae1.jpeg]: https://img-blog.csdnimg.cn/baa1fbdf14224e9d8109d6f44ffd4ae1.jpeg
[d880726a730e460391a31323d8a34058.jpeg]: https://img-blog.csdnimg.cn/d880726a730e460391a31323d8a34058.jpeg
[c44370aefcbd4502bab203d9aec7bd0f.jpeg]: https://img-blog.csdnimg.cn/c44370aefcbd4502bab203d9aec7bd0f.jpeg
[cf908e3e3e2e466a81a218c999a67ec2.jpeg]: https://img-blog.csdnimg.cn/cf908e3e3e2e466a81a218c999a67ec2.jpeg
[63216be76aac4e8ab59bfb861b46496b.jpeg]: https://img-blog.csdnimg.cn/63216be76aac4e8ab59bfb861b46496b.jpeg
[ab81b1b441c44f9bb12002695b3a3996.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/b4f4586214944ba7be94bb4ab3198eb1.jpeg