image_share_front

系统架构图

前端项目技术使用

• 前端基础架构

Vue3+naivueUI:2.25.2

• 图片编辑器

  @toast-ui/vue-image-editor: 3.15.2
  

  • 注意：这个图片编辑器是适用vue2的，vue3使用，有2个bug需要修改
  • 把源代码相对于的位置的代码，修改成下图
  • 

• 发布订阅

  pubsub-js:1.9.4
  

• 时间展示

  moment:2.29.1
  

后端主要项目技术使用

• springboot：2.4.2
• JDK：1.8
• Mysql：8
• elasticsearch：7.6.2
• canal：1.1.2
• kafka：2.6.5
• redis：2.4.2
• 敏感词屏蔽：toolgood-words：3.0.3.1
• 图片审核：百度AI图片审核
• 文件存储：阿里云OSS对象存储技术（注意阿里云的OSS对象存储技术，key和sec需要使用子账户的）

技术使用注意点：

• canal：用于mysql与ES的数据同步，具体使用可以观看尚硅谷的B站教程（https://www.bilibili.com/video/BV1aL4y1E7Tb）
• 数据库sql语句：https://github.com/PaperFly-web/image_share_open/tree/master/image_share_backFront-open/image_share_core/src/main/resources/sql

数据分析技术使用

• ​ spark：3.2.0
  • 数据推荐流程图如下图所示

项目运行截图

完成功能

• 图片分享

• 在线编辑图片

• 登录注册

• 点赞评论

• 帖子收藏，创建收藏夹

• 用户私信

• 消息通知

• 修改密码、昵称、邮箱、以及其他基本信息

• 图片推荐

• 图片、邮箱验证码

• 黑名单

• 用户关注

• 浏览记录

• 消息配置

• 图片搜索

• 操作日志

• 异常日志

• 用户、角色、举报等管理

• 登录注册

• 图片分享

• 分享成功

• 数据推荐

• 评论

• 聊天

• 用户主页

• 修改信息页

• 消息通知

• 后台管理