前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >【项目实战】SpringBoot+uniapp+uview2打造一个企业黑红名单吐槽小程序

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

原创
作者头像
JavaDog程序狗
发布于 2024-10-09 00:21:30
发布于 2024-10-09 00:21:30
2460
举报
文章被收录于专栏:项目实战项目实战

📚项目介绍

避坑宝

【避坑宝】企业黑红名单吐槽小程序是一个具有吐槽发布企业信息的一个平台,言论自由,评判自定,便于我们打工人分辨企业好坏。技术栈基于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工具下运行,选择需要运行到小程序
  2. 如需调整环境,请在/common/config/env.js修改环境变量

👦启动后端

  1. 开发工具内配置好,并将maven配置好,建议使用阿里云镜像
  2. application.yml配置文件中配置微信小程序参数appIdappSecret
  1. 将chat-provider包下的/doc/SQL/db_chat.sql进行本地执行,并在application配置文件中修改数据库配置
  1. 运行启动SpringBoot项目,如见到以下日志即为启动成功。

🤑体验

😊总结

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

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

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
本篇将为您介绍微信支付在小程序 Uniapp 端的全新篇章。微信支付作为移动支付领域的先驱之一,不断演进与创新,为用户和开发者提供更便捷、安全的支付体验。在本文中,我们将深入探讨微信支付在小程序 Uniapp 端的应用与优势。
杨不易呀
2023/09/22
2.1K2
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat 简单通讯聊天软件是基于SpringBoot+MybatisPlus+uniapp+uview+stomp等更多优秀组件及前沿技术开发,注释丰富,代码简洁,开箱即用,兼容H5+小程序+APP,及其适合入门学习!将想说却不敢说,相爱去不敢爱的思绪放置与此。
JavaDog程序狗
2024/10/11
2350
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
uni-app基础教程 环境配置【uniapp 专题 01】
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台。当然uni-app在手,做啥都不愁。即使不跨端,uni-app也是更好的小程序开发框架(详见)、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。
徐建国
2022/03/29
2.1K0
uni-app基础教程 环境配置【uniapp 专题 01】
uniapp动态底部tabbar_微信小程序开发例子
公司要求开发一个小程序,要求二种不同权限的人群都可以使用,使用时根据不同的权限,获取不同的tabbar,以及展示对应不同的内容。
全栈程序员站长
2022/11/01
2.8K0
uniapp动态底部tabbar_微信小程序开发例子
想跨端开发小程序?这个最流行的跨端框架一定要学习!
从最早发布的微信小程序,到后来的支付宝小程序、字节跳动小程序、百度小程序、QQ小程序,还有最近发布的360小程序,面对这么多套的代码,开发者该如何开发呢?
极乐君
2020/09/16
1.7K0
想跨端开发小程序?这个最流行的跨端框架一定要学习!
手把手带你实战uni-app小程序项目
uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架,开发者编写一套代码,可编译到iOS、Android、H5、小程序等多个平台,解决了多个平台,分别需要些多套代码,开发效率低,开发成本高的问题。那么,我们该如何用好呢?
极乐君
2020/06/30
3.6K0
uni-app开发微信小程序
随着移动互联网的发展,微信小程序已经成为了一种非常流行的应用形式。uni-app 是一种使用 Vue.js 开发所有前端应用的框架,它支持一次开发多端部署,包括微信小程序、H5、App 等。本文将详细介绍如何使用 uni-app 开发微信小程序,并通过一个简单的示例来展示整个开发过程。
Jimaks
2024/09/07
5490
小程序开发框架对比(wepy/mpvue/uni-app/taro)
uni-app 团队投入两周完成了这个深度评测,下面我们就分享下,实际开发不同框架的测试例时遇到的问题,以及在各端的兼容测试结果。在本文里,我们团队基于真实测试数据及各框架官网可采集到的公开数据,希望客观公正地评价各个框架的选型和优劣。但宥于利益相关,本文的观点很可能是带有偏向性的,大家可以带着批判的眼光去看待。
码客张
2019/04/24
6.3K0
uniapp小程序迁移到TS
我一直在做的小程序就是 山科小站 也已经做了两年了,目前是用uniapp构建的,在这期间也重构好几次了,这次在鹅厂实习感觉受益良多,这又得来一次很大的重构,虽然小程序功能都是比较简单的功能,但是这好不容易实习学到的东西得学以致用,那就继续在小程序上动手吧哈哈。这次实习收获最大倒不是怎么迁移到TS,而是一些组件设计的概念以及目录结构设计上的东西,不过这都是在之后重写组件的时候要做的东西了。回到正题,小程序是用uniapp写的,毕竟还是比较熟悉Vue语法的,这次迁移首先是要将小程序从HBuilderX迁移到cli版本,虽然用HBuilderX确实是有一定的优点,但是拓展性比较差,这些东西还是得自己折腾折腾,迁移到cli版本完成后,接下来就是要慢慢从js过渡到ts了,虽然是Vue2对ts支持相对比较差,但是至少对于抽离出来的逻辑是可以写成ts的,可以在编译期就避免很多错误,另外自己使用cli创建可以搞一些其他功能,毕竟只要不操作DOM的话一般还是在用常用的js方法,例如可以尝试接入Jest单元测试等。
WindRunnerMax
2021/10/15
1.5K0
uniapp小程序目录
采用的ui为Uview http.api.js // 如果没有通过拦截器配置域名的话,可以在这里写上完整的URL(加上域名部分) let hotSearchUrl = '/ebapi/store_api/hot_search'; let indexUrl = '/ebapi/public_api/index'; // 此处第二个参数vm,就是我们在页面使用的this,你可以通过vm获取vuex等操作,更多内容详见uView对拦截器的介绍部分: // https://uviewui.com/js/http.
tianyawhl
2021/01/06
9820
手牵手,使用uni-app从零开发一款视频小程序 (系列上 准备工作篇)
好久不见,很久没更新博客了,前段时间在深圳出差,胡吃海喝颓废了很久,不想每天下班刷抖音、打游戏虚度光阴,准备把之前做的一个小程序案例详细的介绍一下,从安装编译器开始重新开发复盘一遍,希望对初入小程序的你有所帮助。
Tz一号
2020/09/10
2.5K0
完美适配最新微信小程序隐私协议开发指南,兼容uniapp版本
前一阵微信小程序官方发布了一个用户隐私保护指引填写说明,说是为了规范开发者的用户个人信息处理行为,保障用户合法权益,小程序、插件中涉及处理用户个人信息的开发者,均需补充相应用户隐私保护指引。
人人都是码农
2023/11/17
1.1K0
完美适配最新微信小程序隐私协议开发指南,兼容uniapp版本
【腾讯云 Cloud Studio 实战训练营】一个多年云端开发体验者的实战使用
近几年,越来越感觉软件的趋势逐渐从客户端越来越转向以web提供服务的云端,特别是互联网行业,典型的比如原型设计产品,从客户端软件Axure逐渐到墨刀在线原型设计的流行,UI设计行业photoshop&sketch转向蓝湖&MasterGo在线UI设计,web的力量前所未有的强大,可以说一个浏览器就能满足大部分日常需求,这也间接证明了谷歌的远见(开发ChromeBook),而软件代码开发领域虽然偶尔有一些似乎向云端开发的产品发布,但是要么功能不全,要么没有清晰明确的商业模式导致无法继续。在一个就是没有成熟的开源生态支持独立研发不但困难,且用户编程习惯极难改变。
零云
2023/08/05
2060
uni-app开发微信小程序和h5应用
最近,有个需求需要开发H5应用和微信小程序。如果针对不同的平台开发自己的一套代码,那将是一件很糟糕的事情:如果下次需要兼容支付宝小程序、快应用,那工作量随着平台的添加而快速增加。所以我们选择了uni-app开发。
Jimmy_is_jimmy
2022/03/10
1.3K0
uni-app开发微信小程序和h5应用
小程序跨端开发框架深度横评之2020版
这一年,小程序在用户规模及商业化方面都取得了极大的成功。微信小程序日活超过3亿,支付宝、百度、字节跳动小程序的月活也纷纷超过3亿。
CHB
2020/04/09
2.6K0
小程序跨端开发框架深度横评之2020版
你的小程序总是被人吐槽?腾讯做的这款小程序,帮你收集用户意见
知晓程序在过去一年,收到了许多用户对推荐过的小程序的不少反馈,其中很多反馈都会加一句「找不到哪里跟开发者说,就在文章里给你们留言吧」。 另一方面,开发者也想收集用户反馈,但小程序没有为开发者提供比较好的反馈类组件,开发者通常需要自己制作用户反馈功能。 上帝说,「用户需要反馈」,于是,「吐个槽社区」小程序就应运而生了。这款由腾讯推出的反馈服务,让小程序可以在十分钟之内,拥有一个反馈社区。 拥有「吐个槽」反馈社区后,用户可以直接在社区中,向开发者反馈小程序问题,还能与开发者直接沟通有关产品的想法。
企鹅号小编
2018/01/25
2.8K0
FinClip 与 uniapp:轻应用平台与前端开发框架
简单来说,uni-app 是一款为了解决跨端开发问题所设计的前端开发框架,开发者通过 uni-app 所编写出的一套代码,可以发布到 iOS,Android,H5 平台之中。
Onegun
2022/01/05
1.7K0
FinClip 与 uniapp:轻应用平台与前端开发框架
【毕设】基于SpringBoot的聊天工具的设计与实现
评价:Java中POM模块互相引用问题的解决方案这篇文章,排版合理,配色优雅;技术内容剖析完善,详细讲解了POM模块引用关系,通俗易懂,特此推荐
JavaDog程序狗
2024/11/19
2600
【毕设】基于SpringBoot的聊天工具的设计与实现
万物皆可集成系列:低代码对接微信小程序
近年来,微信小程序的开发如火如荼,很多移动端应用为了更方便被大家所使用的,都步入了小程序的行列
葡萄城控件
2023/01/04
2.5K0
万物皆可集成系列:低代码对接微信小程序
实践分享:怎样用好uni-app开发小程序?
uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台。
极乐君
2020/11/19
3K0
实践分享:怎样用好uni-app开发小程序?
推荐阅读
相关推荐
从零玩转系列之小程序微信支付UniApp实战基础项目搭建
更多 >
LV.3
青岛内分泌糖尿病医院开发
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档