【Part3】用JS寫一個Blog （node + vue + mongoDB）

wuyumin 發布于2019-06-26 17:31 / 1834人閱讀

摘要：用寫一個用寫一個上一節我們把數據庫連接成功了，這節我準備寫關于文章的數據接口增刪改查上次說到接口都在文件夾里面寫，打開文件，首先引入文章的模型新增文章新增文章方法保存數據到數據庫如果出現錯誤，直接把錯誤進的錯誤中樞處理儲存成功后，返回給客戶

【Part1】用JS寫一個Blog （node + vue + mongoDB）
【Part2】用JS寫一個Blog （node + vue + mongoDB）

上一節我們把數據庫連接成功了，這節我準備寫關于文章的數據接口（增刪改查）
上次說到接口都在routers文件夾里面寫，打開post.js文件，首先引入文章的模型

let postModel = require("../models/post")

新增文章API

//新增文章
router.post("/create", (req, res, next) => {
  let title = req.body.title
  let content = req.body.content

  let post = new postModel()
  post.title = title
  post.content = content
  post.save((err, doc) => {  // save方法保存數據到數據庫
    if (err) {
      next(err)    // 如果出現錯誤，直接把錯誤next進express的錯誤中樞處理
    } else {
      res.json({    //儲存成功后，返回給客戶端一個json
        status: 0,
        msg: "創建成功"
      })
    }
  })
})

查詢文章列表API

router.get("/postslist", (req, res, next) => {
  postModel.find({}, (err, posts) => {   //find查詢方法第一個參數是查詢條件，如果為空，則查詢所有的，后面是一個回調，回調中第一個參數是錯誤，第二個參數是查詢的結果，在這里為一個數組
    if (err) {
      next(err)
    } else {
      res.json({
        status: 0,
        list: posts
      })
    }
  })
})

更改文章內容API

router.post("/update", (req, res, next) => {
  let id = req.body.id      //拿到客戶端傳遞過來的文章id，根據id來查找到該文章
  let title = req.body.title
  let content = req.body.content

  postModel.findOneAndUpdate({_id: id}, {title, content}, err => {
    if (err) {
      next(err)
    } else {
      res.json({
        status: 0,
        msg: "更新成功"
      })
    }
  })
})

刪除文章API

router.get("/delete", (req, res, next) => {
  let id = req.query.id

  postModel.remove({_id: id}, err => {
    if (err) {
      next(err)
    } else {
      res.json({
        status: 0,
        msg: "刪除成功"
      })
    }
  })
})

然后最后把接口暴露出去
module.exports = router

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/19163.html

【Part3】用JS寫一個Blog （node + vue + mongoDB）

摘要：用寫一個用寫一個上一節我們把數據庫連接成功了，這節我準備寫關于文章的數據接口增刪改查上次說到接口都在文件夾里面寫，打開文件，首先引入文章的模型新增文章新增文章方法保存數據到數據庫如果出現錯誤，直接把錯誤進的錯誤中樞處理儲存成功后，返回給客戶【Part1】用JS寫一個Blog （node + vue + mongoDB）【Part2】用JS寫一個Blog （node + vue + m...

CoorChice 2019-08-21 18:32 評論0 收藏0
【Part1】用JS寫一個Blog（node + vue + mongoDB）

摘要：總的來說就是開發博客系統，探索前端走向全棧之路。我會記錄下來整個過程在我的專欄，有興趣的可以關注一下，一起學習，歡迎討論。話不多說，先進行前后端項目的初始化。安裝完成后，輸入命令切換到項目文件夾后輸入命令訪問一下項目初始化完成。學習JS也有一段時間了，準備試著寫一個博客項目，前后端分離開發，后端用node只提供數據接口，前端用vue-cli腳手架搭建，路由也由前端控制，數據異步交互用...

jhhfft 2019-08-22 11:15 評論0 收藏0
【Part1】用JS寫一個Blog（node + vue + mongoDB）

摘要：總的來說就是開發博客系統，探索前端走向全棧之路。我會記錄下來整個過程在我的專欄，有興趣的可以關注一下，一起學習，歡迎討論。話不多說，先進行前后端項目的初始化。安裝完成后，輸入命令切換到項目文件夾后輸入命令訪問一下項目初始化完成。學習JS也有一段時間了，準備試著寫一個博客項目，前后端分離開發，后端用node只提供數據接口，前端用vue-cli腳手架搭建，路由也由前端控制，數據異步交互用...

ctriptech 2019-06-26 17:30 評論0 收藏0
【Part2】用JS寫一個Blog （node + vue + mongoDB）

摘要：用寫一個上一節前后端項目分別初始化完成，這一小節我就從后端項目開始寫。每一個都映射到一個的集合，并定義了該集合中的文檔的形式。【Part1】用JS寫一個Blog （node + vue + mongoDB）上一節前后端項目分別初始化完成，這一小節我就從后端項目開始寫。實現mongoDB數據庫的連接。整理后端目錄下面是通過express-generate生成的項目的目錄 show...

charles_paul 2019-06-26 17:30 評論0 收藏0
【Part2】用JS寫一個Blog （node + vue + mongoDB）

摘要：用寫一個上一節前后端項目分別初始化完成，這一小節我就從后端項目開始寫。每一個都映射到一個的集合，并定義了該集合中的文檔的形式。【Part1】用JS寫一個Blog （node + vue + mongoDB）上一節前后端項目分別初始化完成，這一小節我就從后端項目開始寫。實現mongoDB數據庫的連接。整理后端目錄下面是通過express-generate生成的項目的目錄 show...

YPHP 2019-08-22 11:19 評論0 收藏0