【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

内容分享4天前发布
0 0 0

如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!

项目介绍

Poetize 是一个集高颜值与强劲功能于一体的个人博客系统,专为追求个性化表达与社区互动的用户打造。它不仅是一个展示个人思想、分享生活点滴的平台,还内置了实时聊天室功能,让用户能够与访客直接交流,构建紧密的社区联系。

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

应用场景

  • 个人品牌构建:博主可以通过Poetize展示个人作品、技术见解、生活感悟等,树立个人品牌形象。
  • 知识分享:教育从业者、行业专家利用该系统分享专业知识,扩大影响力,吸引粉丝。
  • 社区建设:通过内置的聊天室功能,促进读者与作者之间的互动,形成活跃、有深度的社区氛围。
  • 创意展示:艺术家、设计师等创意工作者展示作品集,与潜在客户或粉丝建立联系。

功能模块

博客文章管理

  • 文章发布与编辑:支持Markdown编写,图片上传,标签分类。
  • 文章归档与搜索:按时间线展示文章,支持关键词搜索。
  • 阅读统计与分析:展示文章阅读量、点赞数、评论数等数据。

用户管理系统

  • 用户注册与登录:支持邮箱/社交账号快捷登录。
  • 个人资料管理:允许用户编辑个人资料,上传头像。
  • 权限管理:区分管理员与普通用户权限,保护系统安全。

聊天室功能

  • 实时聊天:支持文本、表情、图片消息,打造即时交流空间。
  • 私聊与群聊:满足不同场景下的沟通需求。
  • 聊天记录保存:云端保存聊天记录,便于回顾。

主题与样式定制

  • 多种主题切换:内置多款精美主题,一键切换风格。
  • 自定义样式:允许用户微调字体、颜色等,打造个性化博客。

功能特点

  • 高颜值界面:采用现代设计语言,界面简洁美观,提升阅读体验。
  • 高性能架构:基于Node.js与React构建,确保快速响应与高效渲染。
  • 安全性强化:集成OAuth2.0认证,防止暴力破解,保护用户数据安全。
  • 响应式设计:适配PC、平板、手机等多种设备,随时随地浏览。
  • 社区互动增强:内置聊天室功能,促进用户间的深度交流与互动。

项目技术栈

模块

技术栈

组件

后端

SpringBoot 2.7

Nginx + MySQL + Mybatis-Plus + T-io

博客

Vue2

Element UI

聊天室

Vue3

Element-Plus UI + Naive UI

移动适配

CSS

完美自适应

本地启动

Vue2 前端项目

  1. npm install
  2. npm run serve

Vue3 前端项目

  1. npm install
  2. npm run serve

SpringBoot 后端项目

  1. 导入SQL文件到数据库(poetry.sql)
  2. 配置数据库连接(application.yml里面的datasource信息)
  3. 启动(PoetryApplication)
  4. 登录网站后台(http://localhost/admin) – 配置管理可以配置网站信息。请注意部分配置信息修改后需要重启Java,列如邮箱号和邮箱授权码。
  5. 本地启动项目后,文件无法访问,由于没有通过Nginx代理,浏览器无法直接访问文件。服务器部署后,文件通过Nginx即可访问。

功能演示

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

【推荐】一个基于 SpringBoot 和 Vue 开发的颜值逆天的个人博客系统

开源地址

https://gitee.com/littledokey/poetize

如果您对源码&技术感兴趣,请点赞+收藏+转发+关注,大家的支持是我分享最大的动力!!!

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
none
暂无评论...