Vue3+Node.js+Mongoose 毕设 企业后台管理系统

使用说明

一、数据库的使用

1.下载MongoDB离线版用于启动MongoDB数据库

Download MongoDB Community Server | MongoDB

image-20231104172002399

2.要下载zip文件,解压后

image-20231104172105679

3.在bin目录下启动

mongod --dbpath=D:\VSC\VscodWork\graduation-design-based-on-vue\db

D:\VSC\VscodWork\graduation-design-based-on-vue\db :此处这路径要换成自己电脑上项目的路径

回车后:

image-20231104172304565

4.启动成功后使用可视化工具

MongoDBCompass 进行查看数据库 下载地址:MongoDB Compass | MongoDB

直接默认安装即可。

二、服务器的启动

在进入server服务器目录下进行npm i进行安装node_modules

然后再npm start进行启动服务器

**!!!注意!!!**在运行的电脑上一定是已经安装过node.js,并且已经配置过环境变量的,否则将无法运行。

image-20231104172949426

在服务器启动后,此时服务器已经通过命令创建了相应的数据库,以及数据表,但由于项目打包时将数据库资料是分开的,此时我们需要打开MongoDB compass可视化工具,进行数据资源导入,方可进行登录。

进入MongoDB compass后直接点connect进行连接数据库。

image-20231104173537979

之后便可以看见服务器操作mongodb代码创建的数据库,以及数据表,

image-20231104173922152

此时数据表是没有资源的,此时我们可以将事先准备好的数据表进行导入

image-20231104174203726

全部默认选项,直接点击import

image-20231104174227425

导入成功

image-20231104174236530

同理导入users表和news表即可。

登录账户:胡董瑞

登录密码:123456

三、Vue的启动

同理在启动Vue项目时也需要npm i

image-20231104174648615

image-20231104174559525

image-20231104174626255

项目的所有准备工作已经完成

四、项目预览

登录界面(注册在外不能使用)


后台首页

个人中心

用户管理-添加用户

用户管理-用户列表

新闻管理-添加新闻

新闻管理-新闻列表

产品管理-添加产品

产品管理-产品列表

五、项目地址

Vue3_Node后台管理系统: Vue3_Node后台管理系统 Vue3_Node后台管理系统

还希望老铁们点个赞,点个star支持一下

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

胡子哥哥呀

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值