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

简介: 【避坑宝】是一款企业黑红名单吐槽小程序,旨在帮助打工人群体辨别企业优劣。该平台采用SpringBoot+MybatisPlus+uniapp+uview2等技术栈构建,具备丰富的注释与简洁的代码结构,非常适合实战练习与学习。通过小程序搜索“避坑宝”即可体验。

📚项目介绍

避坑宝

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


🎁快速链接

公众号:JavaDog程序狗

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


🌱体验地址

小程序搜索【避坑宝】


🍵主要功能模块

模块思维导图


🛳️授权

小程序授权

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


🍭首页

1. 企业红榜Top

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

2. 企业黑榜榜Top

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

3. 最新发布

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

4. 最新问题

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


⛄红黑榜

1.企业黑榜

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

2.企业红榜

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

3.企业详情

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


🎃发布

1. 吐槽

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

2. 提问

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


👻发布

1. 问题列表

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

2. 问题详情

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


🌞我的

1. 我的资料

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

2. 我的吐槽

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

3. 我的提问

本人发布过的提问信息

4. 关于

webview嵌入的本狗个人博客

5. 退出

授权信息清理,跳转授权页面


🦁组件

后端组件

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

前端组件

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

🛠️快速启动

👸启动前端

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

  1. 在HBuilderX工具下运行,选择需要运行到小程序
  1. 如需调整环境,请在/common/config/env.js修改环境变量

👦启动后端

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

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

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


🤑体验

😊总结

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

里面有我喜欢的人你能找到吗?

目录
相关文章
|
12天前
|
Java 容器
如何在SpringBoot项目中使用过滤器和拦截器
过滤器和拦截器是日常开发中常用技术,用于对特定请求进行增强处理,如插入自定义代码以实现特定功能。过滤器在请求到达 `servlet` 前执行,而拦截器在请求到达 `servlet` 后执行。`SpringBoot` 中的拦截器依赖于 `SpringBoot` 容器,过滤器则由 `servlet` 提供。通过实现 `Filter` 接口并重写 `doFilter()` 方法可实现过滤器;通过实现 `HandlerInterceptor` 接口并重写相应方法可实现拦截器。两者的主要区别在于执行时机的不同,需根据具体场景选择使用。
如何在SpringBoot项目中使用过滤器和拦截器
|
6天前
|
Java 关系型数据库 MySQL
创建一个SpringBoot项目,实现简单的CRUD功能和分页查询
【9月更文挑战第6天】该内容介绍如何使用 Spring Boot 实现具备 CRUD 功能及分页查询的项目。首先通过 Spring Initializr 创建项目并选择所需依赖;其次配置数据库连接,并创建实体类与数据访问层;接着构建服务层处理业务逻辑;最后创建控制器处理 HTTP 请求。分页查询可通过添加 URL 参数实现。
|
15天前
|
XML 前端开发 Java
还不会SpringBoot项目模块分层?来这手把手教你
本文详细介绍了如何为SpringBoot项目创建模块并进行合理的分层设计。通过逐步演示,从创建项目到构建各功能模块,再到具体代码实现,手把手教你实现整洁的代码分层。主要内容包括:创建依赖层、主启动层、模块层及其子模块(如共通层、控制器层、数据持久层等),并通过实例演示了从前端请求到后台服务调用的实际流程。适合SpringBoot初学者及有一定经验但需优化项目结构的开发者参考。
60 2
还不会SpringBoot项目模块分层?来这手把手教你
|
15天前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
37 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
15天前
|
缓存 前端开发 小程序
SpringBoot+uniapp实现网页授权获取用户基本信息
本文详细介绍了微信网页授权登录的实现过程,作者原本计划在一个项目中使用该功能,但由于公众号未认证而放弃。文中分享了如何通过测试公众号实现网页授权并获取用户基本信息,包括配置授权回调域名、获取access_token及刷新等步骤。适合初次接触或希望回顾此流程的读者。此外,还提供了常见错误解决方案,强调了正确配置回调域名的重要性,并提醒避免重复使用已失效的code。通过本文,读者可以更好地理解和应用微信网页授权。
35 0
SpringBoot+uniapp实现网页授权获取用户基本信息
|
25天前
|
SQL 前端开发 NoSQL
SpringBoot+Vue 实现图片验证码功能需求
这篇文章介绍了如何在SpringBoot+Vue项目中实现图片验证码功能,包括后端生成与校验验证码的方法以及前端展示验证码的实现步骤。
SpringBoot+Vue 实现图片验证码功能需求
|
24天前
|
JavaScript
SpringBoot+Vue+ElementUI 实现视频播放 轮播图效果
这篇文章介绍了如何在SpringBoot+Vue+ElementUI项目中使用vue-awesome-swiper插件实现视频播放轮播图效果,包括安装插件、引入项目和使用案例的步骤。
SpringBoot+Vue+ElementUI 实现视频播放 轮播图效果
|
24天前
|
JavaScript 前端开发 Java
SpringBoot + Vue 前端后分离项目精进版本
这篇文章详细介绍了一个基于SpringBoot + Vue的前后端分离项目的搭建过程,包括前端Vue项目的初始化、依赖安装、页面创建和路由配置,以及后端SpringBoot项目的依赖添加、配置文件修改、代码实现和跨域问题的解决,最后展示了项目运行效果。
SpringBoot + Vue 前端后分离项目精进版本
|
24天前
|
缓存 前端开发 JavaScript
前后端分离 SpringBoot+Vue商城买卖系统通杀版本。大家可以参考学习一下
这篇文章介绍了一个使用SpringBoot+Vue开发的前后端分离商城系统,包括技术架构、开发环境、实现的功能以及项目截图,并展示了普通用户和商家端的功能界面。
前后端分离 SpringBoot+Vue商城买卖系统通杀版本。大家可以参考学习一下
|
24天前
|
JavaScript Java 关系型数据库
美妆商城系统 SpringBoot + Vue 【毕业设计 资料 + 源码】
这篇文章介绍了一个使用SpringBoot + Vue + Mybatis + Mysql技术栈开发的美妆商城系统,包括系统功能划分、部分页面截图和前后端源码示例,并提供了GitHub上的源码链接。
美妆商城系统 SpringBoot + Vue 【毕业设计 资料 + 源码】