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

短命女 2024-04-03 08:24 112阅读 0赞

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

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

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

> ## 可行性分析 ##

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

具体如下：

1.技术可行性

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

2.经济可行性

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

3.操作可行性

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

## 主要功能模块 ##

![3659447810af44d882355434373f48c6.png][]

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

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

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

后台密码修改：修改登录密码  
退出登录：注销登录

### 小程序功能 ###

用户注册登录：注册普通账号，然后使用注册的账号登录登录  
微信授权登录：直接使用微信作为账号，授权后登录  
资讯列表：用户可以任意浏览资讯列表  
资讯详情：查看每个资讯的详细

发布交流帖子：填写标题、内容、如果有图片上传图片，然后确认发布  
交流中心：所有用户发布的帖子列表  
交流查看：查看用户发布的帖子  
交流回复：在帖子底部，点击我要回复，弹出填写框，填写后提交

我发布的帖子：用户发布的帖子列表  
帖子管理：针对自己发布的帖子，可以修改和删除  
我参与交流的帖子：用户可以发帖表述自己对某个帖子的回复，这里放记录列表

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

> ## 开发概要 ##

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

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

后台环境：JDK1.8 + Tomcat8

后台开发语言：Java

后台开发框架：springboot

后台模板引擎：Thymeleaf

后台开发工具：Idea2020

数据库：mysql8

数据库管理工具：navicat

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

## 开发文件说明 ##

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

![88df9ffedba443d3917f992124a27161.png][]

![61bf4e792273412ebd6add80a0a2e850.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/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 /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 /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>

> ## 成品效果图 ##

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

![52c434711b9540809eb5c506089abf9e.png][]![f45a5777a8554904b39529b7224f552e.png][]![876005332868491588adebb5a5dbb586.png][]![486dbe36c7fc4dca92120b03ea71f87f.png][]![092a20d2513c49d38e3617a597c36720.png][]![7814f2fe0e0449f1aa424a8f29969525.png][]![943399e9e0f74ef38f2bc8538ef3a58e.png][]![d06acbb2cea241b6b7213e4711b3e739.png][]![dbaa7ba3dd6d4f13bd9dc1a1340bda63.png][]![16a14beae62b40ba97481e09ce58afba.png][]

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

![2506cf74ca2f46439c713e2ecdfbf1db.png][]![438c41071c054aa0a1be4f3c5bce5946.png][]![49408722e8604622ba1d392e295668b2.png][]![7beb60b379d947eb948a1ea369e42cdb.png][]![d06ed358bc0b4a378d309d0281b9e89e.png][]![a2dd0e8688054d7594765e0ebcc3d8d6.png][]![7449b277ae1943ffb3a79f90767c5a06.png][]

[3659447810af44d882355434373f48c6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/a3921faabeb845b2abcf3341d18611f9.png
[88df9ffedba443d3917f992124a27161.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9151427bbf4746a9bdce74b1fefe4ad5.png
[61bf4e792273412ebd6add80a0a2e850.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/06651e4657e94610a1695b64a94b2666.png
[52c434711b9540809eb5c506089abf9e.png]: https://img-blog.csdnimg.cn/52c434711b9540809eb5c506089abf9e.png
[f45a5777a8554904b39529b7224f552e.png]: https://img-blog.csdnimg.cn/f45a5777a8554904b39529b7224f552e.png
[876005332868491588adebb5a5dbb586.png]: https://img-blog.csdnimg.cn/876005332868491588adebb5a5dbb586.png
[486dbe36c7fc4dca92120b03ea71f87f.png]: https://img-blog.csdnimg.cn/486dbe36c7fc4dca92120b03ea71f87f.png
[092a20d2513c49d38e3617a597c36720.png]: https://img-blog.csdnimg.cn/092a20d2513c49d38e3617a597c36720.png
[7814f2fe0e0449f1aa424a8f29969525.png]: https://img-blog.csdnimg.cn/7814f2fe0e0449f1aa424a8f29969525.png
[943399e9e0f74ef38f2bc8538ef3a58e.png]: https://img-blog.csdnimg.cn/943399e9e0f74ef38f2bc8538ef3a58e.png
[d06acbb2cea241b6b7213e4711b3e739.png]: https://img-blog.csdnimg.cn/d06acbb2cea241b6b7213e4711b3e739.png
[dbaa7ba3dd6d4f13bd9dc1a1340bda63.png]: https://img-blog.csdnimg.cn/dbaa7ba3dd6d4f13bd9dc1a1340bda63.png
[16a14beae62b40ba97481e09ce58afba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/9b8aa565af1b4e5e8a4d70447670e252.png
[2506cf74ca2f46439c713e2ecdfbf1db.png]: https://img-blog.csdnimg.cn/2506cf74ca2f46439c713e2ecdfbf1db.png
[438c41071c054aa0a1be4f3c5bce5946.png]: https://img-blog.csdnimg.cn/438c41071c054aa0a1be4f3c5bce5946.png
[49408722e8604622ba1d392e295668b2.png]: https://img-blog.csdnimg.cn/49408722e8604622ba1d392e295668b2.png
[7beb60b379d947eb948a1ea369e42cdb.png]: https://img-blog.csdnimg.cn/7beb60b379d947eb948a1ea369e42cdb.png
[d06ed358bc0b4a378d309d0281b9e89e.png]: https://img-blog.csdnimg.cn/d06ed358bc0b4a378d309d0281b9e89e.png
[a2dd0e8688054d7594765e0ebcc3d8d6.png]: https://img-blog.csdnimg.cn/a2dd0e8688054d7594765e0ebcc3d8d6.png
[7449b277ae1943ffb3a79f90767c5a06.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/03/32475bb2035b42ee93c1962574a14e50.png