Yoint前后端分离博客系统1.0

一、技术架构体系

1. 前后端分离设计
   系统采用Node.js 16.x+Vue3.x技术栈构建，实现完整的前后端解耦：

• 后端API服务：Express 4.18框架搭建
• 前端工程：Vue CLI 5.x脚手架构建
• 通信协议：RESTful API + JWT认证
• 实时交互：WebSocket长连接支持

2. 核心功能模块
   （1）内容管理系统

• Markdown编辑器（支持GFM语法）
• 文章标签云管理系统
• 多级分类嵌套功能
• 定时发布调度器

二、开发环境说明

1. 技术栈要求

• 后端环境：
  Node.js 16.14+
  MySQL 8.0/MongoDB 6.0
  Redis 6.2缓存服务
• 前端环境：
  Vue3.2+
  Element Plus 2.3+
  Axios 1.3+

2. 项目结构说明
   ├── server/（Node后端）
   │ ├── routes/api（接口路由）
   │ └── models（数据模型）
   ├── client/（Vue前端）
   │ ├── src/views（页面组件）
   │ └── src/store（状态管理）

三、部署应用指南

1. 标准部署流程
   （1）数据库初始化
   CREATE DATABASE yoint_blog
   DEFAULT CHARSET=utf8mb4;
   （2）依赖安装：
   npm install –production
   （3）环境变量配置：
   cp .env.example .env
2. 系统启动命令
   后端服务：
   npm run start
   前端工程：
   npm run serve

四、扩展功能接口

1. 第三方服务接入
   （1）OSS文件存储接口
   （2）微信扫码登录模块
   （3）百度SEO推送插件
   （4）邮件通知服务（SMTP）

五、学习资源指引
官方视频教程：
Bilibili平台提供部署教学（BV1aSFSeXEey），包含：

• 本地开发环境搭建
• 生产环境编译优化
• 服务器安全配置
• 数据迁移操作演示