使用脚手架搭建vue和express框架,启动MongoDB服务,界面ui使用element-ui(下一张介绍如何配置)。
采用前后端分离的设计思想,将vue前端框架放一个文件夹,express后端框架放一个文件夹。
首先都要安装vue cli和express-generator脚手架工具。
在前端文件夹中使用vue init webpack 文件名 来初始化vue项目(只安装了vue-router,其他的一些测试插件没装),并npm install安装依赖
在后端文件夹中使用express 文件名 初始化express项目,并npm install安装依赖
MongoDB的配置:
首先是下载安装MongoDB,然后新建一个文件夹,里面放三个文件夹,分别是data、logs和etc,logs文件夹里建mongo.log,etc文件里建mongo.conf。
打开mongo.conf文件,修改如下:
#数据库路径
dbpath=c:\MongoDB\data\
#日志输出文件路径
logpath=c:\MongoDB\logs\mongodb.log
#错误日志采用追加模式,配置这个选项后mongodb的日志会追加到现有的日志文件,而不是从新创建一个新文件
logappend=true
#启用日志文件,默认启用
journal=true
#这个选项可以过滤掉一些无用的日志信息,若需要调试使用请设置为false
quiet=false
#端口号 默认为27017
port=27017
#指定存储引擎(默认先不加此引擎,如果报错了,大家在加进去)
storageEngine=mmapv1
以上是通过配置的形式,来启动我们的MongoDB,也可以把参数直接在启动的时候,传递进去如下:
mongod --dbpath c:\MongoDB\data --logpath c:\MongoDB\log\mongo.log --journal
通过配置文件的形式启动MongoDB,同时安装到window 服务当中。
mongod --config c:\MongoDB\etc\mongo.conf --install --serviceName "MongoDB"
在service服务中开启MongoDB服务即可。
注意:mongod这个命令如果直接使用需要配置环境变量(C:\Program Files\MongoDB\Server\3.2\bin到系统环境变量),不然就需要到MongoDB安装目录下使用这个命令
参照https://www.imooc.com/article/18438 这篇
另下载mongovue这个可视化软件连接操作数据库,服务器名就是自己服务器的IP地址,默认没有用户名密码。
使用mongo命令可以在命令行操作数据库,常用的命令有show dbs、use dbname、db.users.insert……