+-
一个高仿小红书的图文社区项目,支持图文发布、社交互动等核心功能,旨在提供从前端到后端的完整实践范本。

XiaoShiLiu

一个高仿小红书的图文社区项目,支持图文发布、社交互动等核心功能,旨在提供从前端到后端的完整实践范本。

Github地址

https://github.com/ZTMYO/XiaoShiLiu

在线体验

https://www.shiliu.space/explore/recommend

一个高仿小红书的图文社区项目,支持图文发布、社交互动等核心功能,旨在提供从前端到后端的完整实践范本。

一个高仿小红书的图文社区项目,支持图文发布、社交互动等核心功能,旨在提供从前端到后端的完整实践范本。

项目亮点

  • 工程化:完整的环境配置、代码规范、构建与产物优化流程。

  • 业务能力:鉴权流程、路由守卫、状态管理与接口封装。

  • 体验优化:骨架屏、懒加载、预加载、无障碍与响应式适配。

  • 组件与分层:可复用组件拆分、按领域分组与别名引入。

  • 后台管理:基础 CRUD、数据管理与配置面板,支持后续扩展权限与统计。

  • 快速部署:基于 Docker 的一键部署方案,支持多环境配置与自动化部署。

项目结构

  • 前端代码:位于vue3-project/目录,基于 Vue.js 3 框架开发,使用了 Vue Router 4、Pinia、Vite 等技术栈。

  • 后端代码:位于express-project/目录,基于 Node.js 和 Express.js 框架开发,使用 MySQL 数据库,JWT 身份认证等技术。

  • 文档目录doc/目录,包含项目的部署指南、项目结构、数据库设计、API 接口文档等。