使用说明
一、数据库的使用
1.下载MongoDB离线版用于启动MongoDB数据库
Download MongoDB Community Server | MongoDB
2.要下载zip文件,解压后
3.在bin目录下启动
mongod --dbpath=D:\VSC\VscodWork\graduation-design-based-on-vue\db
D:\VSC\VscodWork\graduation-design-based-on-vue\db :此处这路径要换成自己电脑上项目的路径
回车后:
4.启动成功后使用可视化工具
MongoDBCompass 进行查看数据库 下载地址:MongoDB Compass | MongoDB
直接默认安装即可。
二、服务器的启动
在进入server服务器目录下进行npm i进行安装node_modules
然后再npm start进行启动服务器
**!!!注意!!!**在运行的电脑上一定是已经安装过node.js,并且已经配置过环境变量的,否则将无法运行。
在服务器启动后,此时服务器已经通过命令创建了相应的数据库,以及数据表,但由于项目打包时将数据库资料是分开的,此时我们需要打开MongoDB compass可视化工具,进行数据资源导入,方可进行登录。
进入MongoDB compass后直接点connect进行连接数据库。
之后便可以看见服务器操作mongodb代码创建的数据库,以及数据表,
此时数据表是没有资源的,此时我们可以将事先准备好的数据表进行导入
全部默认选项,直接点击import
导入成功
同理导入users表和news表即可。
登录账户:胡董瑞
登录密码:123456
三、Vue的启动
同理在启动Vue项目时也需要npm i
项目的所有准备工作已经完成
四、项目预览
登录界面(注册在外不能使用)
后台首页
个人中心
用户管理-添加用户
用户管理-用户列表
新闻管理-添加新闻
新闻管理-新闻列表
产品管理-产品列表
五、项目地址
Vue3_Node后台管理系统: Vue3_Node后台管理系统 Vue3_Node后台管理系统
还希望老铁们点个赞,点个star支持一下