基于Java后台(Springboot框架)+前端小程序(MINA框架)+Mysql数据库的影视评论交流小程序系统设计与实现

末蓝、 2024-04-03 08:22 68阅读 0赞

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

**目的**：本课题主要目标是设计并能够实现一个基于微信小程序影视评论交流系统，前台用户使用小程序，后台管理使用Java+Mysql开发，后台使用了springboot框架；通过后台设置影视属性、录入和管理影视作品、管理用户评论、管理用户帖子和回复；用户通过小程序登录，查看资讯、查找和查看影视作品介绍、发起评论、发表帖子和回复信息等。

**意义**：近年来，随着“互联网+”的大潮兴起，人们的思想观念和生活方式不断发生改变，各种线上活动已经成为人们生活中的一项重要内容。与传统手机app相比，微信小程序凭借其强大的用户基础及其应用时的便捷而深受欢迎。在此基础上，以小程序为载体的影视社团交流平台，将具有相同兴趣的用户群体组织在一起，提供与之需求高度匹配的服务，例如影视作品点评，在线论坛交流，具有一定的研究意义和商业价值，符合我国互联网个性化服务的趋势。

> ## 可行性分析 ##

基于微信小程序影视评论交流系统有以下三方面可以总结系统开发的可行性。

具体如下：

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

> ## 主要功能模块 ##

![fe948364273f4c88be13829b43f6bfbd.png][]

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

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

影视属性设置：设置影视属于年代、类型、地区  
录入电影：选择影视属性，录入电影名称、电影介绍、上传电影图片等  
电影管理：查看所有已经录入的电影列表，支持修改和删除  
电影评论列表：查看所有用户录入的电影评论信息  
电影评论管理：可以删除；也可以审核后，在小程序可以看见评论，评论默认是审核通过

交流主题列表：所有用户交流信息列表，支持删除  
主题回复列表：针对所有主题用户回复的信息列表，支持删除

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯功能：用户可以任意浏览资讯列表和详细信息  
留言：用户可以在小程序对管理平台留言。  
  
电影库：点击所有电影，支持查看所有的电影信息  
电影查询：在电影列表顶部，输入电影关键字，点击查询即可  
电影信息： 点击到电影详情页面，可以查看电影的图片、名称、介绍等  
电影评论列表：在电影页面，切换到影视评论，可以查看所有用户评论的内容  
电影收藏：电影信息详情，下方点击“收藏”，进行收藏  
电影评价：登录用户，在电影信息详情页面底部，点击我要评论，弹出评论页面，填写后提交；管理员审核后可见

我的影视评论:用户参与评论的信息列表  
我的影视收藏：用户收藏的电影列表，可以删除。  
我发布的帖子：用户发布的帖子列表，支持修改和删除。  
我参与交流的帖子：用户可以发帖表述自己对某个帖子的回复，这里放记录列表

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

> ## 开发概要 ##

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

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

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

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

> ## 开发文件说明 ##

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

![130bd38cf1ae4278b2578d02255b133a.png][]

![3af57bb94e944b36aebc68e95ba7e736.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/ yingshi.java 影视 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_shuxing </td> 
 <td style="vertical-align:top;width:152.45pt;"> 影视属性显示页面 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_shuxing_nei </td> 
 <td style="vertical-align:top;width:152.45pt;"> 影视属性设置 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_add </td> 
 <td style="vertical-align:top;width:152.45pt;"> 影视录入 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 影视列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_xiugai </td> 
 <td style="vertical-align:top;width:152.45pt;"> 修改影视 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 删除影视 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_pinglun_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 影视评论列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_yingshi_pinglun_caozuo </td> 
 <td style="vertical-align:top;width:152.45pt;"> 评论列表操作（修改xiugai和删除del） </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:152.4pt;"> houtai/bbs.java 交流 </td> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_bbs_zhuti_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 主题列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_bbs_zhuti_del </td> 
 <td style="vertical-align:top;width:152.45pt;"> 主题删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_bbs_huifu_list </td> 
 <td style="vertical-align:top;width:152.45pt;"> 主题回复列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:152.45pt;"> /houtai_bbs_huifu_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:128.7pt;"> 页面 </td> 
 <td style="border-color:#000000;vertical-align:top;width:208pt;"> 接口 </td> 
 <td style="border-color:#000000;vertical-align:top;width:120.6pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api/liuyan_api 留言 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_liuyan </td> 
 <td style="vertical-align:top;width:120.6pt;"> 留言接口 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api /pub_api 公用 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_get_ad </td> 
 <td style="vertical-align:top;width:120.6pt;"> 读取广告设置 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api / upload_api 视频上传 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_upload </td> 
 <td style="vertical-align:top;width:120.6pt;"> 视频上传接口 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api /yonghu_api 用户 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_check_reg_yonghu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 验证 用户注册 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_check_login_yonghu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 验证 用户登录 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_check_reg_yonghu_weixin </td> 
 <td style="vertical-align:top;width:120.6pt;"> 验证 用户登录（微信登录） </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_huiyuan_xinxi_byid </td> 
 <td style="vertical-align:top;width:120.6pt;"> 根据用户id获取用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_huiyuan_xinxi_update_byid </td> 
 <td style="vertical-align:top;width:120.6pt;"> 更新用户信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_huiyuan_mima_act </td> 
 <td style="vertical-align:top;width:120.6pt;"> 更新用户密码 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api /zixun_api 资讯 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_news_list </td> 
 <td style="vertical-align:top;width:120.6pt;"> 读取最新5条资讯 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_news_list_byid&nbsp; </td> 
 <td style="vertical-align:top;width:120.6pt;"> 资讯列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_news_list_canshu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 获取列表的总页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_news_info </td> 
 <td style="vertical-align:top;width:120.6pt;"> 资讯详情 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api /yingshi_api 影视 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_top4 </td> 
 <td style="vertical-align:top;width:120.6pt;"> 读取最新4条影视信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /pinglun_list_by_uid </td> 
 <td style="vertical-align:top;width:120.6pt;"> 根据用户id，获取评论列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_list </td> 
 <td style="vertical-align:top;width:120.6pt;"> 影视列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_list_yeshu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 影视列表的页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_xinxi_byid&nbsp; </td> 
 <td style="vertical-align:top;width:120.6pt;"> 根据id获取影视信息 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_pinglun_list </td> 
 <td style="vertical-align:top;width:120.6pt;"> 根据id获取影视评论 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_shoucang </td> 
 <td style="vertical-align:top;width:120.6pt;"> 影视收藏接口 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_pinglun_add </td> 
 <td style="vertical-align:top;width:120.6pt;"> 影视评论 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_shoucang_list </td> 
 <td style="vertical-align:top;width:120.6pt;"> 会员影视收藏列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_yingshi_shoucang_del </td> 
 <td style="vertical-align:top;width:120.6pt;"> 删除用户影视收藏 </td> 
 </tr> 
 <tr> 
 <td style="border-color:#000000;vertical-align:top;width:128.7pt;"> api /bbs_api 交流 </td> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_add </td> 
 <td style="vertical-align:top;width:120.6pt;"> 发帖 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_top </td> 
 <td style="vertical-align:top;width:120.6pt;"> 读取最新3条帖子主题 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_xinxi </td> 
 <td style="vertical-align:top;width:120.6pt;"> 交流帖子详情 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_huifu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 交流帖子回复 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_huifu_byid </td> 
 <td style="vertical-align:top;width:120.6pt;"> 读取帖子回复信息列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_list_byid&nbsp; </td> 
 <td style="vertical-align:top;width:120.6pt;"> bbs列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_list_canshu </td> 
 <td style="vertical-align:top;width:120.6pt;"> bbs列表页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_list_wode&nbsp; </td> 
 <td style="vertical-align:top;width:120.6pt;"> 用户发布的bbs列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_list_wode_canshu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 用户发布的bbs页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_list_huifu&nbsp; </td> 
 <td style="vertical-align:top;width:120.6pt;"> 用户bbs回复列表 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_list_huifu_canshu </td> 
 <td style="vertical-align:top;width:120.6pt;"> 用户bbs回复页数 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_del_byid </td> 
 <td style="vertical-align:top;width:120.6pt;"> 删除 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_xiugai </td> 
 <td style="vertical-align:top;width:120.6pt;"> 修改 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:208pt;"> /wx_bbs_xinxi_shuju_liulan_gengxin_bybbsid </td> 
 <td style="vertical-align:top;width:120.6pt;"> 更新浏览数 </td> 
 </tr> 
 </tbody> 
</table>

> ## 成品效果图 ##

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

![f2997b5658504c1c88cb313e6c09cfaa.png][]![b06b9e205876479dab47f2418d3fe41e.png][]![3ac025f5ae904521b455503ab5405839.png][]![f0797dfaed894ae8a603e389841d7e89.png][]![22a8741e93bf4a119a4d3f00424415ba.png][]![2d31fce024d3452e813902cef5929672.png][]![b976b9309b654163841b9fc583d04a3b.png][]![7620ac2361fe4fbfa3765b7b6858348c.png][]![56843353e2f24e35bdb9a5b791109cf2.png][]![f0ad3e191681453a99a510cb6f793cdb.png][]

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

![ca9bfb29babf43bdbcf343916f58c81c.png][]![dd9f7c522bd3442885e1755f50138e32.png][]![42ce6c36baf243299b7ff38844e25140.png][]![d0c42ed7bf2a455eb71e70b68b0de33a.png][]![313cac1943a64f2ba771bf93857771fe.png][]![a033e63169e248e5a01c02125c502d5c.png][]![1d36dae1e9fd46e3bce4e28c07ecccbd.png][]![5703c44cd6d0495c87690dff9b2e6e82.png][]![a1975e90526d44319e4cacd86ffc82da.png][]![5ac2a017fb7142a09cf2960d611ccf69.png][]![1641732412554a01a292edc2c1b51e32.png][]![7d3a75b947fb4c8abf8d0a38cb7ec4e7.png][]

[fe948364273f4c88be13829b43f6bfbd.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/100810bb10034450b0a34cebd98935b3.png
[130bd38cf1ae4278b2578d02255b133a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/3a5c6a0f7eab412681179533958d5947.png
[3af57bb94e944b36aebc68e95ba7e736.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/cb37a464928e4736a7c3cf0511c9ee73.png
[f2997b5658504c1c88cb313e6c09cfaa.png]: https://img-blog.csdnimg.cn/f2997b5658504c1c88cb313e6c09cfaa.png
[b06b9e205876479dab47f2418d3fe41e.png]: https://img-blog.csdnimg.cn/b06b9e205876479dab47f2418d3fe41e.png
[3ac025f5ae904521b455503ab5405839.png]: https://img-blog.csdnimg.cn/3ac025f5ae904521b455503ab5405839.png
[f0797dfaed894ae8a603e389841d7e89.png]: https://img-blog.csdnimg.cn/f0797dfaed894ae8a603e389841d7e89.png
[22a8741e93bf4a119a4d3f00424415ba.png]: https://img-blog.csdnimg.cn/22a8741e93bf4a119a4d3f00424415ba.png
[2d31fce024d3452e813902cef5929672.png]: https://img-blog.csdnimg.cn/2d31fce024d3452e813902cef5929672.png
[b976b9309b654163841b9fc583d04a3b.png]: https://img-blog.csdnimg.cn/b976b9309b654163841b9fc583d04a3b.png
[7620ac2361fe4fbfa3765b7b6858348c.png]: https://img-blog.csdnimg.cn/7620ac2361fe4fbfa3765b7b6858348c.png
[56843353e2f24e35bdb9a5b791109cf2.png]: https://img-blog.csdnimg.cn/56843353e2f24e35bdb9a5b791109cf2.png
[f0ad3e191681453a99a510cb6f793cdb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/e3fc732198b246f380df081140fd9afa.png
[ca9bfb29babf43bdbcf343916f58c81c.png]: https://img-blog.csdnimg.cn/ca9bfb29babf43bdbcf343916f58c81c.png
[dd9f7c522bd3442885e1755f50138e32.png]: https://img-blog.csdnimg.cn/dd9f7c522bd3442885e1755f50138e32.png
[42ce6c36baf243299b7ff38844e25140.png]: https://img-blog.csdnimg.cn/42ce6c36baf243299b7ff38844e25140.png
[d0c42ed7bf2a455eb71e70b68b0de33a.png]: https://img-blog.csdnimg.cn/d0c42ed7bf2a455eb71e70b68b0de33a.png
[313cac1943a64f2ba771bf93857771fe.png]: https://img-blog.csdnimg.cn/313cac1943a64f2ba771bf93857771fe.png
[a033e63169e248e5a01c02125c502d5c.png]: https://img-blog.csdnimg.cn/a033e63169e248e5a01c02125c502d5c.png
[1d36dae1e9fd46e3bce4e28c07ecccbd.png]: https://img-blog.csdnimg.cn/1d36dae1e9fd46e3bce4e28c07ecccbd.png
[5703c44cd6d0495c87690dff9b2e6e82.png]: https://img-blog.csdnimg.cn/5703c44cd6d0495c87690dff9b2e6e82.png
[a1975e90526d44319e4cacd86ffc82da.png]: https://img-blog.csdnimg.cn/a1975e90526d44319e4cacd86ffc82da.png
[5ac2a017fb7142a09cf2960d611ccf69.png]: https://img-blog.csdnimg.cn/5ac2a017fb7142a09cf2960d611ccf69.png
[1641732412554a01a292edc2c1b51e32.png]: https://img-blog.csdnimg.cn/1641732412554a01a292edc2c1b51e32.png
[7d3a75b947fb4c8abf8d0a38cb7ec4e7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9d6e0605082d42899089aaa87d8ed9f5.png