【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序

客官°小女子只卖身不卖艺 2024-05-11 09:06 66阅读 0赞

![logo][]

## 避坑宝 v1.0.0 ##

##### 基于SpringBoot+uniapp企业黑红名单吐槽小程序 #####

### ?项目介绍 ###

#### 避坑宝 ####

【避坑宝】**企业黑红名单吐槽小程序**是一个具有**吐槽发布企业信息的一个平台**，言论自由，评判自定，便于我们打工人分辨企业好坏。技术栈基于**SpringBoot+MybatisPlus+uniapp+uview2**等更多优秀组件及前沿技术开发，注释丰富，代码简洁，开箱即用。极其适合**项目分层实战**及业务流转对接，是个**练手学习简单项目的好机会**。

--------------------

### ?快速链接 ###

#### 公众号：**JavaDog程序狗** ####

**关注公众号，发送 【bkb】或【避坑宝】，无任何套路即可获得**

![在这里插入图片描述][7e3e25a70b4345e398b559ebe9a42be9.png]

--------------------

### ?体验地址 ###

#### 小程序搜索【避坑宝】 ####

![在这里插入图片描述][8480670c9cd34e11bb5ce1570477908e.png]

--------------------

### ?猜你喜欢 ###

#### ChatGPT ####

> 最近写了两篇关于**ChatGPT**相关文章，但因为审核原因未过审，跟大家抱歉

[【ChatGPT】手摸手，带你玩转ChatGPT][ChatGPT_ChatGPT]  
[【ChatGPT】SpringBoot+uniapp+uview2对接OpenAI，带你开发玩转ChatGPT][ChatGPT_SpringBoot_uniapp_uview2_OpenAI_ChatGPT]

--------------------

### ?主要功能模块 ###

#### 模块思维导图 ####

![在这里插入图片描述][2699d4db03874903bdc5ecfe4526d1c7.png]

--------------------

##### ?️授权 #####

###### 小程序授权 ######

用户通过**小程序搜索**【避坑宝】，进入界面进行授权，点击授权登录，**获取用户openid**

![在这里插入图片描述][732f8ed03e514a028cd10455bfd76d74.png]

--------------------

##### ?首页 #####

###### 1. 企业红榜Top ######

> 展示综合评分前三的**优秀企业**，通过浏览量/点击量/评论量等综合得分

###### 2. **企业黑榜榜Top** ######

> 展示综合评分前三的**低分企业**，通过浏览量/点击量/评论量等综合得分

###### 3. **最新发布** ######

> 展示吐槽发布时间最新的三个企业

###### 4. **最新发布** ######

> 展示问答回复最多的三个问题

![在这里插入图片描述][4afa72aec2214e5cb682be87660ee2bf.png]

--------------------

##### ⛄红黑榜 #####

###### 1.企业黑榜 ######

> 分页展示低评分分企业，综合评分越高排名越靠前

###### 2.企业红榜 ######

> 分页展示优秀高评分企业，综合评分越高排名越靠前

###### 3.企业详情 ######

> 展示吐槽企业信息，浏览/回复/点赞/热度等分数及发布时间，跟帖信息等

![请添加图片描述][df5c2f9ce8a7418ea492175044d7fb6d.jpeg]

--------------------

##### ?发布 #####

###### 1. 吐槽 ######

> 可对企业进行**吐槽**或者**赞扬**，对应发布的**红榜和黑榜**

###### 2. 提问 ######

> 可针对企业或者工作问题进行**任何提问**

![在这里插入图片描述][848ed2088a6d4fcf93ed0de97737196b.jpeg]

--------------------

##### ?发布 #####

###### 1. 问题列表 ######

> 针对所有**提问**的一个**分页列表**，可进行搜索

###### 2. 问题详情 ######

> 问题的详细描述，包含**点赞**和回**复数**以及**回复内容列表**

![在这里插入图片描述][52d610a646534c9dbd238bbd7f87c882.jpeg]

--------------------

##### ?我的 #####

###### 1. 我的资料 ######

> 可对自己**个人信息**进行维护，如昵称，性别，生日，简介

###### 2. 我的吐槽 ######

> 本人发布过的吐槽信息，包含**红榜和黑榜**信息

###### 3. 我的提问 ######

> 本人**发布过的提问信息**

###### 4. 关于 ######

> webview嵌入的**本狗个人博客**

###### 5. 退出 ######

> **授权信息清理**，跳转授权页面

![请添加图片描述][7166763ea1d74b36be2d328af1032cc5.jpeg]  
![请添加图片描述][33f7035557374ce380a34638711f5b5e.jpeg]

### ?组件 ###

#### 后端组件 ####

<table> 
 <thead> 
  <tr> 
   <th>插件</th> 
   <th>版本</th> 
   <th>用途</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>jdk</td> 
   <td>1.8</td> 
   <td>java环境</td> 
  </tr> 
  <tr> 
   <td>lombok</td> 
   <td>1.18.16</td> 
   <td>代码简化插件</td> 
  </tr> 
  <tr> 
   <td>maven</td> 
   <td>3.6.3</td> 
   <td>包管理工具</td> 
  </tr> 
  <tr> 
   <td>druid</td> 
   <td>1.1.24</td> 
   <td>JDBC组件</td> 
  </tr> 
  <tr> 
   <td>hutool</td> 
   <td>5.7.20</td> 
   <td>Java工具类库</td> 
  </tr> 
  <tr> 
   <td>mybatis-plus</td> 
   <td>3.4.1</td> 
   <td>基于 MyBatis 增强工具</td> 
  </tr> 
  <tr> 
   <td>pinyin4j</td> 
   <td>2.5.1</td> 
   <td>拼音组件库</td> 
  </tr> 
  <tr> 
   <td>mysql</td> 
   <td>8.0 / 5.7</td> 
   <td>数据库</td> 
  </tr> 
  <tr> 
   <td>weixin-java-miniapp</td> 
   <td>4.4.5.B</td> 
   <td>数据库</td> 
  </tr> 
 </tbody> 
</table>

#### 前端组件 ####

<table> 
 <thead> 
  <tr> 
   <th>插件</th> 
   <th>版本</th> 
   <th>用途</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>uview-ui</td> 
   <td>^2.0.31</td> 
   <td>多平台快速开发的UI框架</td> 
  </tr> 
  <tr> 
   <td>uni-simple-router</td> 
   <td>^2.0.7</td> 
   <td>专为uniapp打造的路由器</td> 
  </tr> 
  <tr> 
   <td>moment</td> 
   <td>^2.29.4</td> 
   <td>js工具库</td> 
  </tr> 
  <tr> 
   <td>mescroll-uni</td> 
   <td>^1.3.7</td> 
   <td>上拉加载下拉刷新插件</td> 
  </tr> 
  <tr> 
   <td>@uni-ui/code-ui</td> 
   <td>^1.4.8</td> 
   <td>二维码生成工具</td> 
  </tr> 
 </tbody> 
</table>

--------------------

### ?️快速启动 ###

#### ?启动前端 ####

1.  使用HBuilderX在bkb-uniapp项目目录下执行
    
        npm install
2.  记得将小程序对应的appid，写入manifest.json里面的对应位置

![在这里插入图片描述][b27b607458fe48009c1afc060e9782a4.png]

![在这里插入图片描述](https://img-blog.csdnimg.cn/5a57eb2518714668b1bd7bcf968d4dbf.png)

1.  在HBuilderX工具下运行，选择需要运行到小程序  
    ![在这里插入图片描述][6fc68a87d42d4a07bd0ddfc244085401.png]
2.  如需调整环境，请在/common/config/env.js修改环境变量

![在这里插入图片描述][e3ea448a236541969160da4b3fe88f39.png]

--------------------

#### ?启动后端 ####

1.  开发工具内配置好，并将**maven**配置好，建议使用**阿里云镜像**
2.  **application.yml配置文件**中配置微信小程序参数**appId**，**appSecret**

![在这里插入图片描述][f0a12f7f91da4f07af1f3ef1a44a5169.png]

1.  将chat-provider包下的/doc/SQL/db\_chat.sql进行本地执行，并在application配置文件中修改数据库配置

![在这里插入图片描述][1e30efa55d4d462eb3e33307fbe793b2.png]  
![在这里插入图片描述][994faa07183c4c65983d010f66f3f9c8.png]

1.  运行启动SpringBoot项目，如见到以下日志即为启动成功。

![在这里插入图片描述][6192b9e21aad4ce8a9236c2cba78cfcf.png]

--------------------

### ?体验 ###

![在这里插入图片描述][011d09f7eac849e59ed489e12d7d91d2.png]

### ?总结 ###

本篇文章以**实战项目**形式进行展开，适合咱们初学者进行实际开发体验，熟练**SpringBoot**同时，也加深分层的思路，并且融会贯通前端**uniapp/vue**等知识，是一个**知识全面**的概括，内容简单通俗易懂，希望对大家有所帮助。

![里面有我喜欢的人你能找到吗？][e74f3636c05a430eab8819333fa004eb.jpeg]

<table> 
 <thead> 
  <tr> 
   <th align="center">JavaDog</th> 
   <th align="center">狗屋地址</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center">个人博客</td> 
   <td align="center"><a href="https://blog.javadog.net" rel="nofollow">https://blog.javadog.net</a></td> 
  </tr> 
  <tr> 
   <td align="center">公众号</td> 
   <td align="center"><a href="https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw" rel="nofollow">https://mp.weixin.qq.com/s/_vgnXoQ8FSobD3OfRAf5gw</a></td> 
  </tr> 
  <tr> 
   <td align="center">CSDN</td> 
   <td align="center"><a href="https://blog.csdn.net/baidu_25986059" rel="nofollow">https://blog.csdn.net/baidu_25986059</a></td> 
  </tr> 
  <tr> 
   <td align="center">掘金</td> 
   <td align="center"><a href="https://juejin.cn/user/2172290706716775" rel="nofollow">https://juejin.cn/user/2172290706716775</a></td> 
  </tr> 
  <tr> 
   <td align="center">知乎</td> 
   <td align="center"><a href="https://www.zhihu.com/people/JavaDog" rel="nofollow">https://www.zhihu.com/people/JavaDog</a></td> 
  </tr> 
  <tr> 
   <td align="center">简书</td> 
   <td align="center"><a href="https://www.jianshu.com/u/1ff9c6bdb916" rel="nofollow">https://www.jianshu.com/u/1ff9c6bdb916</a></td> 
  </tr> 
  <tr> 
   <td align="center">gitee</td> 
   <td align="center"><a href="https://gitee.com/javadog-net" rel="nofollow">https://gitee.com/javadog-net</a></td> 
  </tr> 
  <tr> 
   <td align="center">GitHub</td> 
   <td align="center"><a href="https://github.com/javadog-net" rel="nofollow">https://github.com/javadog-net</a></td> 
  </tr> 
 </tbody> 
</table>

[logo]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/890d1bdd1b1f41b8aaa6e9e47ee7a9fb.png
[7e3e25a70b4345e398b559ebe9a42be9.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/f763024044294d0394e1de996272a73b.png
[8480670c9cd34e11bb5ce1570477908e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/8db1ad64291949f99ed0a0f0ab8df25e.png
[ChatGPT_ChatGPT]: https://mp.weixin.qq.com/s/9wEelbTN6kaChkCQHmgJMQ
[ChatGPT_SpringBoot_uniapp_uview2_OpenAI_ChatGPT]: https://mp.weixin.qq.com/s/b19J36Eo3-ba7bHbWzoZYQ
[2699d4db03874903bdc5ecfe4526d1c7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/313f85bdbce34e608da23420cc6709f0.png
[732f8ed03e514a028cd10455bfd76d74.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/3371a5bd67f9434d906d73af7bdf9386.png
[4afa72aec2214e5cb682be87660ee2bf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/382ed907ba2c4374b67c771ee396adc6.png
[df5c2f9ce8a7418ea492175044d7fb6d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/950af08ffadb4032a141390d42115ec4.jpeg
[848ed2088a6d4fcf93ed0de97737196b.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/572d48bfe4b24e2cad5d5087d3aea48f.jpeg
[52d610a646534c9dbd238bbd7f87c882.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/a5128304c3b7478c80759f75385083e5.jpeg
[7166763ea1d74b36be2d328af1032cc5.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/caa33e6690084c24ab0f729cdd39b34d.jpeg
[33f7035557374ce380a34638711f5b5e.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/9867d5075fea4071b30d039ed1fda5ed.jpeg
[b27b607458fe48009c1afc060e9782a4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/79d7d6a3427145f7ac4cb765500dcad1.png
[6fc68a87d42d4a07bd0ddfc244085401.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/d02c4c49e90f4aaf8410497a821e3d66.png
[e3ea448a236541969160da4b3fe88f39.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/dacc47b3d8b644f4914fcb22a4389444.png
[f0a12f7f91da4f07af1f3ef1a44a5169.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/f88e61c5622a4f4fa7033603d37f2ba9.png
[1e30efa55d4d462eb3e33307fbe793b2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/e375d3c8480b4c15a4c9914c7ca145f9.png
[994faa07183c4c65983d010f66f3f9c8.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/4f8b473f0aeb4ce6b550d403243a8d62.png
[6192b9e21aad4ce8a9236c2cba78cfcf.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/b13ad51107a349d892cdb56a6b2213db.png
[011d09f7eac849e59ed489e12d7d91d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/d8750cb3dc6047e1812a8e94baec228f.png
[e74f3636c05a430eab8819333fa004eb.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/05/11/07fa3de83c874f46bc855bf94caf1e78.jpeg