基于Node.js+Vue3+MongoDB 实现企业门户管理后台

技术栈:

Vue3全家桶

Node.jsExpress框架

MongoDB数据库

主要需求

• 首页
• 个人中心
• 用户管理（管理员才有权限)
• 产品管理
• 新闻管理

前端：

Vue 作为基础框架
vue-router 控制路由（hash 模式）
vuex 状态管理
axios 接入数据
element作为ui框架

后台（Nodejs）：

Express作为基础框架

插件：

mongoose—— 数据库模型
multer —— 处理文件上传
jsonwebtoken —— JWT 登录校验
cors —— CORS 解决跨域问题

数据库：

• MongoDB

数据表

用户表

字段名	类型	备注
username	string	用户名
password	string	密码
gender	Number	性别
introduction	String	简介
avatar	String	头像
role	Number	角色

产品表

字段名	类型	备注
title	String	标题
introduction	String	介绍
detail	String	详细介绍
cover	String	封面
editTime	Date	编辑时间

新闻表

字段名	类型	备注
title	String	标题
content	String	内容
category	Number	类型
cover	String	封面
isPublish	Number	是否发布
editTime	Date	编辑时间

前端部分功能展示介绍

登录页

前端路由以及路由拦截

import { createRouter, createWebHashHistory } fro