轻笑Chuckle
·
Express+Vue3前后端分离博客
💡
原文中文，约1000字，阅读约需3分钟。
📝
内容提要
本文介绍了一个简单的前后端分离的博客系统，使用Vue3 + Vite + Vue Router + Pinia + Naive UI + wangEditor + axios + sass作为前端技术栈，NodeJS + Express + MongoDB + Mongoose + jsonwebtoken作为后端技术栈。系统具有完整的接口和后台功能，包括登录、注册、自动登录校验、分类和文章的增删改查等。前端实现了路由拦截、自动登录、完整的管理后台、富文本编辑、分类管理等功能，并对文章列表、富文本编辑等组件进行了封装以便复用。需要注意的是，由于是个人博客，后端没有设计区分多用户的文章和分类管理。
🎯
关键要点
- 本文介绍了一个简单的前后端分离的博客系统。
- 前端技术栈包括Vue3、Vite、Vue Router、Pinia、Naive UI、wangEditor、axios和sass。
- 后端技术栈包括NodeJS、Express、MongoDB、Mongoose和jsonwebtoken。
- 系统具有完整的接口和后台功能，包括登录、注册、自动登录校验、分类和文章的增删改查。
- 前端实现了路由拦截、自动登录、完整的管理后台、富文本编辑和分类管理等功能。
- 文章列表和富文本编辑等组件进行了封装以便复用。
- 后端没有设计区分多用户的文章和分类管理，适合个人博客使用。
- 后端接口支持分页查询、分类查询和关键词搜索等功能。
- 前端使用Pinia管理状态，包含UserStore和PostStore两个store。
- 输入内容的限制只在前端做，后端只检查关键参数是否传递。
➡️
