MEVN 架构（MongoDB + Express + Vue + NODEJS）制作网站

MEVN 架构（MongoDB + Express + Vue + NODEJS）制作网站

MEVN 架构是 MongoDB + Express + Vue + NODEJS 搭建的网站架构。四个部分都可以用JavaScript实现。

一个完整的网站服务架构包括web frame, web server, Database, 以及前端展示实现。这里有一篇知乎答案，讲一个网站的整个访问流程，讲的很清晰。

在这个架构里，web server 就是nodejs，webframe 就是express，database是mongoDB，前端展示用了vue。我们一个一个来搭建。

我们在这里模拟实现一个登录功能。

功能很简单，填写完账号密码点击登录按钮，就把账号密码插入数据库，并且查出现在已经有哪些数据。

1. Database MongoDB

安装

 brew install mongodb

启动

mongod --config /usr/local/etc/mongod.conf

这时只是启动了Mogod，链接数据库需要再另外的窗口执行

mongo

输出

MongoDB shell version v3.4.1
connecting to: mongodb://127.0.0.1:27017
MongoDB server version: 3.4.1
Welcome to the MongoDB shell.

这个地址mongodb://127.0.0.1:27017就是我们本机的mogo数据库地址

1. 使用 Vue-cli 生成一个vue框架