从0开始创建一个vue3的项目之四搭建MongoDB

240 阅读3分钟

前言

嗨~ 友友们,前面我们已经搭建了代码校验以及自动格式化,那么接下来我们就来完成数据库的基本搭建,踩坑的事情就交给我,成就感就大家一起分享!

第一步:下载及安装数据库

点击数据库下载直通车,进入mongodb官网进行下载数据库,选择对应的系统,然后点击Download就可以进行下载了,

image.png

下载完成后就可以双击安装包进行安装啦,这里选择Custom自定义安装的方式 image.png

这里记得点击Browse…修改安装路径,注意要使用纯英文的目录名,点击next

image.png

这里我选择Run Service as Network Service user,友友们可以根据以下说明自行选择哦~ image.png

  • Run Service as Network Service user:以网络服务用户身份运行服务(默认)指的是Windows内置的Windows用户账户。
  • Run Services as a local or domain user:以本地或域用户身份运行服务对于现有本地用户账户 Domain填"."(小数点)即可,Account Name为当前Windows用户名,Account Password为Windows用户密码,对于现有的本地用户帐户,请指定一个句点作为帐户域(即.),并为该用户指定帐户名称和帐户密码。对于现有域用户,请为该用户指定“ 帐户域”,“帐户名”和“ 帐户密码 ”
  • Service Name:指定服务名称,默认名称是MongoDB。如果您已拥有具有指定名称的服务,则必须选择另一个名称
  • Data Directory:指定数据目录,对应于–dbpath。如果该目录不存在,安装程序将创建该目录并设置对服务用户的目录访问权限
  • Log Directory:指定日志目录,该目录对应于–logpath。如果该目录不存在,安装程序将创建该目录并设置对服务用户的目录访问权限

然后进入第四步,取消勾选左下角Install MongoDB Compass,这是一个图形化数据库操作工具,由于这种内置第三方下载速度会比较慢,所以这里我们取消勾选。

image.png

点击Install 进行安装

image.png

选择默认项,点击OK

image.png

安装完成后打开http://localhost:27017/ ,如下图,数据库就安装成功啦!

image.png

第二步:配置数据库环境变量

(注意:这一步可能在安装过程中系统已经帮你自动配置了,可以查看环境变量后确认是否需要配置)

右击我的电脑 --> 属性 --> 高级系统设置 --> 环境变量 --> 系统变量 --> Path

新建,添加mongodb安装所在的文件路径。 image.png

第三步:配置数据库存储目录

启动MongoDB服务器:启动MongoDB服务器需要运行mongod命令,并指定数据存储目录,例如:

mongod --dbpath e:\mongodbdata\db
第四步:安装MongoDB Compass 图形化界面

首先附下载地址

image.png

下载后打开就是这个页面,并会在桌面生成快捷入口 image.png

结语

那么,数据库的搭建就到这个地方了兄弟萌,下一节就和大家一起学习后台管理系统的搭建,以及后台管理系统如何连接数据库操作,一起期待一下吧~