基于Java后台(Springboot框架)+前端小程序(MINA框架)+Mysql数据库的在线电子书阅读小程序系统设计与实现

蔚落 2024-04-03 08:20 91阅读 0赞

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

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序在线电子书阅读系统，前台用户使用小程序，后台管理使用基Java+MySql技术；通过后台录入电子书信息、书目录信息，用户通过小程序登录，查看电子书列表、查看电子书信息、查看电子书目录、阅读。

整个系统使用CS模式，C端（客户端）是小程序，S端（服务器端）是Java开发。

**意义**：微信小程序在线电子书阅读系统是计算机技术与电子书相结合的产物，通过微信小程序在线电子书阅读系统实现了对电子书的高效管理。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落.

在工作人员的具备一定的计算机操作能力的前提下，特编此微信小程序在线电子书阅读系统软件以提高电子书的阅读和销售。

> ## 可行性分析 ##

基于微信小程序在线电子书阅读系统有以下三方面可以总结系统开发的可行性，具体如下：

1.技术可行性

以Windows7或10为操作系统，采用IDEA软件为开发后台管理，运用mysql进行数据库存储，使用微信开发者工具开发微信小程序；后台管理系统硬件环境是PC机，前台用户在手机上使用微信小程序。

2.经济可行性

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

3.操作可行性

在操作上是在Windows操作系统上进行电子书系统后台管理系统的使用，主要凭借使用Windows操作技术通过浏览器即可完成数据的录入、修改、删除等功能，简单方便。

用户使用手机登录微信小程序在线电子书阅读系统来使用更加方便。

> ## 主要功能模块 ##

### ![929716b87a62484895085c48a7af34e9.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/ shu.java 电子书 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_fenlei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 电子书分类管理 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_ shu_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍修改 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_mulu&nbsp; </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍目录首页 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍章录入（1级目录） </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 </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_shu_dingdan_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 书籍订单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_shu_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 / shu_api 电子书 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_ shu_top6 </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取最新6个电子书 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_xinxi_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取电子书信息(简介) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_jieshao_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取电子书信息(介绍) </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_mulu_index&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 获取电子书目录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_shoucang_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书收藏 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_goumai_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书购买接口 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_xinxi </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书阅读 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_xiangqing </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书详情 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_shoucang_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 会员电子书收藏列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_shoucang_del </td> 
 <td style="vertical-align:top;width:143.8pt;"> 删除 用户电子书收藏 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_goumai_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书课程订单列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_fenlei_list&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书分类列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_fenlei_list_byid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 按分类获取电子书列表 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:143.75pt;"> </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_shu_all </td> 
 <td style="vertical-align:top;width:143.8pt;"> 电子书所有列表 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

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

![3cea487784204c499ddb57483dfc08dc.png][]![59115863682845dc97e4bf1b4fbc3f0c.png][]![1c022b52f9e741068579112e69270952.png][]![cb648473b182464eb8d1e5a4c1e4c861.png][]![e40451d3a04b49608d6cd7f619ba6c5c.png][]![7338fbcfbe8d4c72b5a80fbd0f2e135b.png][]![cc7aacad81854d55b299e2fcaf9bdb7e.png][]![9ebd79a650174c44b4f23d12358f620a.png][]![1298063c266b46f7889540394618bce5.png][]![e17fb06b73d3457d8b1b89ed97e4f3ea.png][]![2ad1b802464b4cb693b486aca8439ba4.png][]![089e7ba9d0c44777a2e9be4321ee7f72.png][]![6ad73f280ef0451a9ff6c7da85d5fa98.png][]

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

![127d6deb0c694ea9ba3ed6cd5df44f90.jpeg][]![1b30eeb3134c4d7187454c0663cf3826.jpeg][]![3e81acf3aa7b453b8c6397779f69f9b9.jpeg][]![f3c7ba5933024f4b9d1e9d884a761249.jpeg][]![94d45d17bdcf4121b470283da46d5c67.jpeg][]![eaae8bebc53a49279e1b32dc3cdcaab2.jpeg][]![7b8b4ab9cd15467fba0ac4d168eded86.jpeg][]![39038332bf81407ca62300289798db1f.jpeg][]![a2941d1f2ab74e8c932ad4446252bf39.jpeg][]![2d1aa82caa8d4aa4abde310a9a8232b7.jpeg][]![da895cc75b734fbc94fc9c9fd3b1e167.jpeg][]![aa7fd0b3c7dc41a09d9442791af73919.jpeg][]

[929716b87a62484895085c48a7af34e9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e19dbe5f9795463ab5f0147a30edf4bf.png
[3cea487784204c499ddb57483dfc08dc.png]: https://img-blog.csdnimg.cn/3cea487784204c499ddb57483dfc08dc.png
[59115863682845dc97e4bf1b4fbc3f0c.png]: https://img-blog.csdnimg.cn/59115863682845dc97e4bf1b4fbc3f0c.png
[1c022b52f9e741068579112e69270952.png]: https://img-blog.csdnimg.cn/1c022b52f9e741068579112e69270952.png
[cb648473b182464eb8d1e5a4c1e4c861.png]: https://img-blog.csdnimg.cn/cb648473b182464eb8d1e5a4c1e4c861.png
[e40451d3a04b49608d6cd7f619ba6c5c.png]: https://img-blog.csdnimg.cn/e40451d3a04b49608d6cd7f619ba6c5c.png
[7338fbcfbe8d4c72b5a80fbd0f2e135b.png]: https://img-blog.csdnimg.cn/7338fbcfbe8d4c72b5a80fbd0f2e135b.png
[cc7aacad81854d55b299e2fcaf9bdb7e.png]: https://img-blog.csdnimg.cn/cc7aacad81854d55b299e2fcaf9bdb7e.png
[9ebd79a650174c44b4f23d12358f620a.png]: https://img-blog.csdnimg.cn/9ebd79a650174c44b4f23d12358f620a.png
[1298063c266b46f7889540394618bce5.png]: https://img-blog.csdnimg.cn/1298063c266b46f7889540394618bce5.png
[e17fb06b73d3457d8b1b89ed97e4f3ea.png]: https://img-blog.csdnimg.cn/e17fb06b73d3457d8b1b89ed97e4f3ea.png
[2ad1b802464b4cb693b486aca8439ba4.png]: https://img-blog.csdnimg.cn/2ad1b802464b4cb693b486aca8439ba4.png
[089e7ba9d0c44777a2e9be4321ee7f72.png]: https://img-blog.csdnimg.cn/089e7ba9d0c44777a2e9be4321ee7f72.png
[6ad73f280ef0451a9ff6c7da85d5fa98.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cb7143c21f0f4275bebabb5762a4cebc.png
[127d6deb0c694ea9ba3ed6cd5df44f90.jpeg]: https://img-blog.csdnimg.cn/127d6deb0c694ea9ba3ed6cd5df44f90.jpeg
[1b30eeb3134c4d7187454c0663cf3826.jpeg]: https://img-blog.csdnimg.cn/1b30eeb3134c4d7187454c0663cf3826.jpeg
[3e81acf3aa7b453b8c6397779f69f9b9.jpeg]: https://img-blog.csdnimg.cn/3e81acf3aa7b453b8c6397779f69f9b9.jpeg
[f3c7ba5933024f4b9d1e9d884a761249.jpeg]: https://img-blog.csdnimg.cn/f3c7ba5933024f4b9d1e9d884a761249.jpeg
[94d45d17bdcf4121b470283da46d5c67.jpeg]: https://img-blog.csdnimg.cn/94d45d17bdcf4121b470283da46d5c67.jpeg
[eaae8bebc53a49279e1b32dc3cdcaab2.jpeg]: https://img-blog.csdnimg.cn/eaae8bebc53a49279e1b32dc3cdcaab2.jpeg
[7b8b4ab9cd15467fba0ac4d168eded86.jpeg]: https://img-blog.csdnimg.cn/7b8b4ab9cd15467fba0ac4d168eded86.jpeg
[39038332bf81407ca62300289798db1f.jpeg]: https://img-blog.csdnimg.cn/39038332bf81407ca62300289798db1f.jpeg
[a2941d1f2ab74e8c932ad4446252bf39.jpeg]: https://img-blog.csdnimg.cn/a2941d1f2ab74e8c932ad4446252bf39.jpeg
[2d1aa82caa8d4aa4abde310a9a8232b7.jpeg]: https://img-blog.csdnimg.cn/2d1aa82caa8d4aa4abde310a9a8232b7.jpeg
[da895cc75b734fbc94fc9c9fd3b1e167.jpeg]: https://img-blog.csdnimg.cn/da895cc75b734fbc94fc9c9fd3b1e167.jpeg
[aa7fd0b3c7dc41a09d9442791af73919.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f619079d5bd642dba042bf09fc1a7b3f.jpeg