vue+node.js+mongodb写的一个小demo

在学完node.js后向简单的做一个前后台分离的小项目，从数据库到前端的展示。
一、技术栈：
1.数据库（mongodb + MongoDB Compass可视化界面）
2.后台node.js（Exprss框架）
3.前端（Vue 2.0）
4.数据请求（jQuery封装的ajax）

二、页面展示
1.前端页面展示

2.数据库的页面展示：

3.后端接口展示

1. 首先启动mongodb数据库，

net start mongodb

2. 打开mongodb可视化工具，创建一个新的仓库，并导入本地的数据

导入数据

显示此页面即为打开成功
也可以在命令行查看导入的数据库数据

mongodb //进入数据库
show dbs //查看仓库列表

查看我所导入的数据

use movies
db.top250.find()

3. 配置node.js服务器

# 1.将文件夹变成node.js的仓库 
cnpm init -y
# 2.安装项目依赖
cnpm i koa koa-router koa2-cors -S
cnpm i nodemon -S
# 3.配置package.json文件（如下图）
{ 
  ...
  "scripts": {
    "start": "nodemon index.js"
  }
}
4.手写一个服务器
//index.js
const Koa= require("koa");
const router = require("koa-router")();
const app = new Koa();
router.get("/top250",async ctx=>{
    ctx.body = "hello world"
})
app.use(router.routes());
app.listen(8080);

服务器的启动：
npm start //启动项目
localhost:8080/top250  //可以查看项目

4. node服务器连接数据库

# 1.安装mongoose模块
cnpm i mongoose -S

5. 5
6. 6
7. 7
8. 8