一个仿小红书,堆糖的springboot+vue项目,使用机器学习模型做推荐功能

烟火app

项目介绍

烟火app一个基于微服务架构的前后端分离系统Web 端使用 Vue + ElementUi , 移动端使用 uniappThorUI。后端使用 SpringCloud + SpringBoot + Mybatis-plus进行开发,使用 ElasticSearch 作为全文检索服务,使用webSocket做聊天和消息推送,文件支持七牛云阿里云上传.并支持本地QQ,微信微博登录。

  • 烟火app完整项目均是由自己一个开发完成,主要是想学习一下uniapp技术和积累一些项目经验,因此项目中可能会有一些bug,欢迎大家加我qq或微信联系。
  • 推荐功能需要一个压缩模型,无法上传,需要加我qq。如果不使用推荐功能也可以运行。里面也有使用协同过滤算法做推荐功能
  • 如果对uniapp项目不熟悉,仓库中还有一个只使用vue技术实现的一个完整的前后端分离的视频播放器项目。项目地址https://gitee.com/xzjsccz/cc_video

【联系我】QQ 484235492或3044606584 微信 18572755162

项目特点及功能

  • 使用springboot+mybatis_plus+vue+uniapp框架
  • 采用 Nacos 作为服务发现和配置中心
  • 使用gateway做网关过滤,对发送的请求做过滤。(部分请求放行,比如登录请求,首页数据请求)
  • 支持七牛云对象存储和阿里云oss对象存储。
  • 采用自定义参数校验注解,轻松实现后端参数校验
  • 使用推荐算法做首页推荐功能(使用协同过滤算法及结合simhash和海明距离共同做推荐功能,新版本使用机器学习算法做推荐功能。
  • 支持三方登录功能(支持qq,微信,微博登录)也可以手机号验证登录
  • 使用ElasticSearch做搜索功能
  • 使用websocket做私信聊天和实时通知
  • 使用redis做对象缓存
  • 采用uniapp 和ThorUi 完成烟火app的移动端门户页面搭建

项目地址

目前项目托管在 GiteeGithub 平台上中,欢迎大家 StarFork 支持~

  • Gitee地址:https://gitee.com/xzjsccz/springboot-vue-ccimgcloud
  • Github地址:https://github.com/xiaozhao-66/ccimgcloud-springboot-vue

项目目录

  • ccimg-admin-vue 后台管理页面
  • ccimg-uniapp 移动端页面
  • ccimgcloud-admin 后台管理服务
  • ccimgcloud-api 提供外部访问的api接口(未开发)
  • ccimgcloud-auth 认证服务
  • ccimgcloud-common 公共模块,存放一些工具类或公用类
  • ccimgcloud-datasource 数据源配置
  • ccimgcloud-generator 代码生成器(不重要)
  • ccimgcloud-manager 后台服务管理,主要是管理烟火app各个功能的后台服务。
  • ccimgcloud-platform 烟火app主要功能模块
  • ccimgcloud-recommend 推荐系统模块
  • ccimgcloud-search 搜索模块
  • ccimgcloud-utils 第三方服务模块,邮箱短信,oss对象存储服务

技术选型

后端技术

技术版本
SpringBoot2.3.2.RELEASE
SpringCloudAlibabaHoxton.SR6
Shiro1.10.0
MyBatis-Plus-
Elasticsearch7.16.3
Redis4.2.2
Druid
oss对象存储-
JWT0.7.0
Lombok-
Nginx1.12.2
Hutool-
websocket2.3.2.RELEASE

前端技术

技术版本
nodejs12.14.0(最好一致)
vue-
uniapp-
vueX-
axios-
其他组件-

赞赏

因为博主还没有正式毕业所以服务器和其他需要费用的服务管理都比较差,因此为了正常维持这个项目,如果有小伙伴需要我帮忙部署项目,可能需要收取一定的费用

项目截图

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 2
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
小红书”——给你安利几个小程序的“坑”微信小程序写在前面  小程序发布至今已有一年多时间,很多人都已经在小程序道路上狂奔。最近我也开始了学习小程序,学了一段时间后,想看看这段时间的学习效果,于是边学习边开始了我的第一个小程序。相信很多人都用过小红书吧,我可是被它安利了很多好东西呢,所以想着就仿一个小红书的微信小程序吧。下面我就给大家“安利”几个我在写的过程中的“坑”。  因为花的时间不多,功能有很多没有完善,页面写的不是很好看,请各位将就着看啦。╮(╯▽╰)╭   准备工作  1. 开发环境:WXML(HTML),WXSS(CSS),Javascript  2. 开发工具:vscode,微信开发者工具  3. 辅助工具:Markman:图标标注工具,可用于取色、测量。Easy-Mock:可以伪造假数据,在js中引用就好了。点这里可以查看我的项目数据。Markdown:在线编辑器GifCam:Gif录制工具 微信小程序开发文档Iconfont-阿里巴巴矢量图标库:各种需要的小图标都有哦遇到的几个问题1、首页导航栏左右滑动效果图:  这部分,是通过微信小程序的scroll-view组件来完成的。代码如下:<scroll-view class="navBar-box" scroll-x="true"  一些使用scroll-view的注意事项:请勿在 scroll-view 中使用 textarea、map、canvas、video 组件scroll-into-view 的优先级高于 scroll-top在滚动 scroll-view 时会阻止页面回弹,所以在 scroll-view 中滚动,是无法触发 onPullDownRefresh若要使用下拉刷新,请使用页面的滚动,而不是 scroll-view ,这样也能通过点击顶部状态栏回到页面顶部2、首页文章列表随着点击导航栏列表改变效果图:  这部分,是通过微信小程序的swiper组件来完成的。代码如下:                                                                                                    {{notes.title}}                              <!-- 作者信息 -->                                              {{notes.writer}}                                                {{notes.like}}                                    使用swiper组件,将所有文章列表包起来,每个swiper-item表示不同的列表模块。之前在导航栏各列表项绑定了不同

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值