个人技术博客(http://121.196.162.226/)产品系统Vibe Coding

我要开发同款
JOE2026年05月19日
11阅读

技术信息

语言技术
JavapostgresDockerSpring前端
系统类型
WebLinux
行业分类
内容平台

作品详情

行业场景

1、立项原因
本项目旨在解决现有博客平台过度强调个人属性、不适合团队协作,以及第三方平台内容所有权受限、无法定制等问题。通过去个人化设计,聚焦内容本身价值,支持多用户协作维护,满足团队知识管理需求。同时,平台深度融合AI辅助能力,尝试实现从选题策划、内容创作到优化发布的全流程智能化赋能,打造展示个人技术风格与AI创新实践相结合的下一代智能内容生产平台。

2、行业场景与业务场景
行业场景:IT/互联网/软件行业(技术团队知识库、开源项目文档)、教育培训行业(在线课程配套、编程学习社区)、企业数字化转型(内部Wiki、产品文档中心)、自媒体内容创作(独立技术博主、技术专栏平台)。

业务场景:个人技术品牌建设(展示技术能力、积累影响力)、团队技术知识管理(知识沉淀、新人培训、协作维护)、开源项目配套文档(更新日志、使用教程)、企业技术博客(技术品牌输出、人才吸引)。

功能介绍

1、项目的具体功能模块
本项目分为前台展示系统和后台管理系统两大模块。
前台展示系统:首页模块、文章详情模块、分类浏览模块、标签浏览模块、归档模块、搜索模块、评论互动模块。
后台管理系统:用户管理模块、认证登录模块、仪表盘模块、文章管理模块、分类管理模块、标签管理模块、评论管理模块、媒体库模块。

2、项目的主要功能描述
前台展示功能:首页以卡片形式展示文章列表,支持分页和无限滚动加载;文章详情页支持Markdown渲染、代码高亮、目录导航、图片懒加载;分类和标签页面支持层级筛选和热度展示;搜索功能基于PostgreSQL全文搜索,支持关键词高亮;评论系统支持嵌套回复结构。
后台管理功能:用户管理支持信息编辑、密码重置、登录日志查看;认证登录采用JWT机制;仪表盘展示文章、访问、评论等统计数据;文章管理提供Markdown分屏编辑器,支持草稿、发布、定时发布、置顶等状态控制;分类管理支持二级分类和图标颜色自定义;标签管理支持合并和批量操作;评论管理支持审核回复和敏感词过滤;媒体库支持图片上传、预览裁剪和存储统计。

项目实现

1、我负责的具体任务
独立负责全栈开发。前端:Next.js 14开发前台(首页、文章详情、搜索、评论),React 18 + Ant Design Pro搭建后台(仪表盘、Markdown编辑器、文章管理、媒体库)。后端:Spring Boot 4.x采用六边形架构和DDD,划分用户域、内容域、互动域,实现领域模型、仓储接口、JWT认证、PostgreSQL全文搜索、RustFS对象存储集成。同时负责数据库设计、API规范、服务器部署。

2、技术栈、架构与亮点难点
技术栈:前端Next.js 14 + React 18 + Ant Design 5;后端Spring Boot 4.x + Java 25 + JPA + PostgreSQL 16;存储RustFS。
架构:前后端分离,后端严格遵循六边形架构,领域层独立,应用层编排用例,基础设施层提供适配器实现。
亮点:Markdown分屏实时预览;PostgreSQL全文搜索替代Elasticsearch;预签名URL保障存储安全;DDD领域边界清晰划分。
难点:Next.js 14与Ant Design样式兼容;PostgreSQL中文分词优化;六边形架构端口适配器平衡设计。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论