Vue+Node 后台管理系统

菜鸟版（2017.11.28）

（1）前端：Vue2 + Element UI

（2）后端：Node + Koa2

（3）数据库：MongoDB + Mongoose

（4）功能：登录（其它需要的功能请参照登录功能自行扩展）

线上地址

项目启动流程：

1. 把项目从GitHub荡下来后，下载MongoDB安装包

    MongoDB下载地址

2. 安装MongoDB安装包，安装时候直接点击下一步、下一步即可

3. MongoDB安装完成后，新建一个名为DB的文件夹（路径可以自己决定）作为仓库，新建一个runMongo.bat文件（路径可以自己决定）

    runMongo.bat内容如下：

4. 在vue2-project里面调用命令行，输入

npm install复制代码

   回车，等待依赖包安装完成；

   在koa2-project里面调用命令行，输入

npm install复制代码

   回车，等待依赖包安装完成

5. 依赖安装完成后，双击runMongo.bat文件开启MongoDB服务，弹出窗口打印出如下内容则成功开启：

    注意弹出的命令行窗口不要关闭，否则服务也跟着关闭； 在koa2-project根文件夹调用命令行，输入

npm start复制代码

    回车，如果控制台打印如下内容则成功：

6. 在浏览器访问http://localhost:3000/initData/addAdmin，如下则admin信息成功插入数据库：

7.  在vue2-project里面调用命令行，输入

npm run dev复制代码

    回车，控制台打印如下内容则成功：

8. 在浏览器访问http://localhost:8080会出现如下页面：

    点击登录，访问后台admin信息返回结果，若成功跳转则来到后台页面如下：

煮了一天的鸡汤

作为一个前端菜鸟的守门人，深知“自己动手丰衣足食”的道理，因此在这篇文章就教大家怎么把项目运行起来了，如果项目在你的电脑成功运行起来了。很好！你已经成功了一半了。

接下来只需认真研读此项目代码，并能够加以改进扩展，则全栈有望，大业可期也~