【源码】基于 Node.js 和 Vue.js 的后台管理系统

项目简介

本项目是基于 Node.js 和 Vue.js 的全栈后台管理系统。前端运用 Vue 框架，结合 Vue-router 与 Vuex 进行组件化开发与状态管理；后端采用 Express 框架搭建服务器，使用 CommonJS 规范进行模块管理，借助中间件处理请求；数据库选用 MySQL 存储数据，集成可视化工具 MySQL Workbench 方便操作。项目实现了用户和文章的增删改查、权限认证等丰富的后台管理功能。

项目的主要特性和功能

特性

• 全栈开发：集成前端 Vue 和后端 Node.js，实现前后端交互与数据处理。
• 状态管理：使用 Vuex 集中管理应用状态，保证状态变化可预测。
• 权限认证：引入 JWT 进行身份验证，提高系统安全性。
• 数据库操作：支持 MySQL 数据库的基本操作，如插入、查询、更新和删除数据。

功能

后台管理系统模块

• 登录：支持管理员使用账号密码登录。
• 权限认证：基于 JWT 验证用户身份和权限。
• 用户管理：包括用户列表展示、模糊查询、编辑修改、删除和添加用户，支持用户列表分页。
• 文章管理：提供文章列表展示、添加、删除、恢复功能，支持按标题和作者名进行文章模糊查询。

API 接口

• Admin：/login 用于登录，/auth 进行权限认证。
• User：/list 获取用户列表，/del 删除用户，/update 更新用户信息，/add 添加用户。
• Article：提供文章相关操作接口，如获取文章列表、更新文章、按作者查询文章、添加文章等。

安装使用步骤

前提条件

确保已安装 Node.js（版本 8.9 或以上）和 MySQL 数据库。

前端（Vue 部分）

1. 安装 Vue CLI：打开终端，执行 npm install -g @vue/cli 或 yarn global add @vue/cli。若安装速度慢，可使用 npm install -g nrm 安装 nrm 并设置镜像源。
2. 进入项目的前端目录，安装依赖：npm install。
3. 启动开发服务器：npm run serve。

后端（Node.js 部分）

1. 安装 Express 及相关依赖：进入项目的后端目录，执行 npm install express --save。
2. 安装 Express 生成器（可选）：npm install express-generator -g。
3. 安装项目依赖：npm install。
4. 启动服务器：npm run start。

数据库（MySQL 部分）

1. 安装 MySQL 数据库，可从官网（https://dev.mysql.com/downloads/mysql/）下载安装，也可安装集成环境（如 Mac 下的 MAMP、Windows 下的 XP 集成开发环境）。
2. 安装 MySQL 可视化工具 MySQL Workbench（https://www.mysql.com/downloads/）。
3. 创建数据库和数据表：使用 SQL 语句创建名为 blog 的数据库，并创建 blog_admin、blog_article 和 blog_user 数据表。

项目使用

1. 打开浏览器，访问 localhost:端口号（前端默认端口为 8080，后端默认端口为 3000）。
2. 使用管理员账号（root）和密码（abc123）登录系统。
3. 根据系统菜单进行用户管理、文章管理等操作。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】