基于Java后台(Springboot框架)+前端小程序(MINA框架)+Mysql数据库的菜谱美食小程序系统设计与实现

我不是女神ヾ 2024-04-03 08:24 77阅读 0赞

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

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序美食菜谱点评系统，前台用户使用小程序，后台管理使用Java+Mysql开发，后台使用了springboot框架；通过后台添加资讯和管理资讯，录入美食和管理美食，管理美食评论等，用户通过小程序登录，查看美食信息、发表评论等。

**意义**：基于微信美食介绍点评小程序系统是计算机技术与美食交流相结合的产物，通过微信小程序功率系统实现了对美食介绍和美食评论的交流。随着计算机技术的不断提高,计算机已经深入到社会生活的各个角落；而采用人工线下美食交流的方法，受限于时间、场地等的限制。为了满足美食人员对美食可以在天南地北，任何有空的时间交流，在工作人员的具备一定的计算机操作能力的前提下，特编此基于微信美食介绍点评小程序系统以提高美食交流效率。

> ## 可行性分析 ##

具体如下：

1.技术可行性

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

2.经济可行性

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

3.操作可行性

IDEA软件在操作上是在Windows操作系统上进行后台管理系统的使用，主要凭借使用Windows操作技术即可完成数据的录入、修改、删除等功能，简单方便。用户使用手机登录微信小程序美食菜谱点评系统来使用。

> ## 主要功能模块 ##

![ec9061adc91a456a991c2afdf1a1e15f.png][]

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

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

录入美食菜谱：录入美食菜谱名称、参考价格、制作市场、上传美食菜谱图片、美食菜谱详情等  
美食菜谱管理：查看所有已经录入的菜谱列表，支持修改和删除  
美食菜谱评论列表：查看所有用户录入的菜谱评论信息  
美食菜谱评论管理：可以删除；也可以审核后，在小程序可以看见评论

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息  
美食菜谱库：点击所有菜谱菜单，支持查看所有的菜谱信息菜谱查询：在菜谱列表顶部，输入菜谱关键字，点击查询即可  
美食菜谱信息： 点击到菜谱详情页面，可以查看菜谱的图片、参考价格、制作市场等  
美食菜谱评论列表：在菜谱页面，切换到游客评论，可以查看所有用户评论的内容  
美食菜谱收藏：在菜谱信息详情，下方点击“收藏”，进行收藏  
美食菜谱评价：登录用户，在菜谱信息详情页面底部，点击我要评论，弹出评论页面，填写后提交；管理员审核后可见  
我的菜谱收藏列表：用户收藏的菜谱列表，可以删除。  
用户信息：填写姓名、qq、邮箱、备注等信息  
退出系统：清除缓存，返回小程序首页  
留言：用户可以在小程序对管理平台留言。

> ## 开发概要 ##

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

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

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

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

> ## 开发文件说明 ##

### 实体图和ER图 ###

![06e36c4718c448d18fda8773f3ba33e5.png][]

![809f60c9a4d148218970f891e9f892d3.png][]

### 后台文件 ###

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

所在路径：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/ Meishicaipu.java 美食菜谱 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_shuxing </td> 
 <td style="vertical-align:top;width:152.45pt;"> 美食菜谱显示页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_shuxing_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 美食菜谱设置 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 美食录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 美食菜谱列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 修改美食 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除美食 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_pinglun_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 美食菜谱评论列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_meishi_pinglun_caozuo </td> 
 <td style="vertical-align:top;width:152.45pt;"> 后台评论列表操作（修改xiugai和删除del） </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 / Meishi_api 美食菜谱 </td> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_top4 </td> 
 <td style="vertical-align:top;width:143.8pt;"> 读取最新4条美食菜谱信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /pinglun_list_by_uid </td> 
 <td style="vertical-align:top;width:143.8pt;"> 根据用户id，获取评论列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 美食菜谱列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_list_yeshu </td> 
 <td style="vertical-align:top;width:143.8pt;"> 美食菜谱页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_xinxi_byid&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 根据id获取美食菜谱信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_pinglun_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 根据id获取美食菜谱评论 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_shoucang </td> 
 <td style="vertical-align:top;width:143.8pt;"> 美食菜谱收藏接口 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_pinglun_add </td> 
 <td style="vertical-align:top;width:143.8pt;"> 美食菜谱评论 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_shoucang_list </td> 
 <td style="vertical-align:top;width:143.8pt;"> 会员美食菜谱收藏列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:169.75pt;"> /wx_meishi_shoucang_del&nbsp; </td> 
 <td style="vertical-align:top;width:143.8pt;"> 美食菜谱收藏删除 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

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

![1ed1f44ca4a843a3ab177eb99081951e.jpeg][]![1373ab7a09a8424a88415feaa6e81955.jpeg][]![1dc790f085004029902cdc48ed16a027.jpeg][]![d29cd792148c46669ce3a1e5a8155d8c.jpeg][]![eef3c21774c94e28a45d046fd92e714a.jpeg][]![55a2e72889fe44c582e695c5d21b0a5b.jpeg][]![28245d61b8b34d4d90586f5f304b200d.jpeg][]![7fd9f739f65e41f781c9c6e7f3c1443e.jpeg][]![c8812d1510d94d96aff39b1b5bcc6683.jpeg][]![86c2d433fe6143fba2b83eb1739a23ef.jpeg][]![c59e2f74d5d24637a58d29699ac8f390.jpeg][]

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

![464c801c285347c3a350e098af4f8536.jpeg][]![1a66efd134a04025a759435d7a84bbcd.jpeg][]![3060004c031f454da130c0316486f8b8.jpeg][]![2ee2abc50c984e778d1600cd9dab00b8.jpeg][]![ec3df215896f42788ba82d34d7413ca0.jpeg][]![de30464f4a7340c29a7872391cc6cd8f.jpeg][]![3349e90ce6ec4a65a7e596b4a32c694e.jpeg][]![2cb7f6f56b634f6689df3f78e45d49e5.jpeg][]![b8a53b4390bf4897b7d2f31258a1a66d.jpeg][]![845df1eeeb0d4c778bae26272d00a507.jpeg][]

[ec9061adc91a456a991c2afdf1a1e15f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/0b3351cd995349f384e5d9a595200ff1.png
[06e36c4718c448d18fda8773f3ba33e5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/359db073a36d4d09963a21447f329368.png
[809f60c9a4d148218970f891e9f892d3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/f161b34bcde647b69209997d255d1931.png
[1ed1f44ca4a843a3ab177eb99081951e.jpeg]: https://img-blog.csdnimg.cn/1ed1f44ca4a843a3ab177eb99081951e.jpeg
[1373ab7a09a8424a88415feaa6e81955.jpeg]: https://img-blog.csdnimg.cn/1373ab7a09a8424a88415feaa6e81955.jpeg
[1dc790f085004029902cdc48ed16a027.jpeg]: https://img-blog.csdnimg.cn/1dc790f085004029902cdc48ed16a027.jpeg
[d29cd792148c46669ce3a1e5a8155d8c.jpeg]: https://img-blog.csdnimg.cn/d29cd792148c46669ce3a1e5a8155d8c.jpeg
[eef3c21774c94e28a45d046fd92e714a.jpeg]: https://img-blog.csdnimg.cn/eef3c21774c94e28a45d046fd92e714a.jpeg
[55a2e72889fe44c582e695c5d21b0a5b.jpeg]: https://img-blog.csdnimg.cn/55a2e72889fe44c582e695c5d21b0a5b.jpeg
[28245d61b8b34d4d90586f5f304b200d.jpeg]: https://img-blog.csdnimg.cn/28245d61b8b34d4d90586f5f304b200d.jpeg
[7fd9f739f65e41f781c9c6e7f3c1443e.jpeg]: https://img-blog.csdnimg.cn/7fd9f739f65e41f781c9c6e7f3c1443e.jpeg
[c8812d1510d94d96aff39b1b5bcc6683.jpeg]: https://img-blog.csdnimg.cn/c8812d1510d94d96aff39b1b5bcc6683.jpeg
[86c2d433fe6143fba2b83eb1739a23ef.jpeg]: https://img-blog.csdnimg.cn/86c2d433fe6143fba2b83eb1739a23ef.jpeg
[c59e2f74d5d24637a58d29699ac8f390.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/5302d08e366547d8b5edbf85cdf64e2e.jpeg
[464c801c285347c3a350e098af4f8536.jpeg]: https://img-blog.csdnimg.cn/464c801c285347c3a350e098af4f8536.jpeg
[1a66efd134a04025a759435d7a84bbcd.jpeg]: https://img-blog.csdnimg.cn/1a66efd134a04025a759435d7a84bbcd.jpeg
[3060004c031f454da130c0316486f8b8.jpeg]: https://img-blog.csdnimg.cn/3060004c031f454da130c0316486f8b8.jpeg
[2ee2abc50c984e778d1600cd9dab00b8.jpeg]: https://img-blog.csdnimg.cn/2ee2abc50c984e778d1600cd9dab00b8.jpeg
[ec3df215896f42788ba82d34d7413ca0.jpeg]: https://img-blog.csdnimg.cn/ec3df215896f42788ba82d34d7413ca0.jpeg
[de30464f4a7340c29a7872391cc6cd8f.jpeg]: https://img-blog.csdnimg.cn/de30464f4a7340c29a7872391cc6cd8f.jpeg
[3349e90ce6ec4a65a7e596b4a32c694e.jpeg]: https://img-blog.csdnimg.cn/3349e90ce6ec4a65a7e596b4a32c694e.jpeg
[2cb7f6f56b634f6689df3f78e45d49e5.jpeg]: https://img-blog.csdnimg.cn/2cb7f6f56b634f6689df3f78e45d49e5.jpeg
[b8a53b4390bf4897b7d2f31258a1a66d.jpeg]: https://img-blog.csdnimg.cn/b8a53b4390bf4897b7d2f31258a1a66d.jpeg
[845df1eeeb0d4c778bae26272d00a507.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e691517bdcaa4b85b8660fc5fa9cbe35.jpeg