Node.js + express + access-db 轻松实现小程序全栈开发（下）

1.新增数据

根据前面的表和字段，现在我们要在小程序端进行新增数据操作。

1). 首页，我们先写新增数据接口，在/routes/anime.js加入以下代码。新增数据一般用post请求。因为涉及到异步操作，所以用async、await进行操作。因为没做文件上传，所以，cover_url我就直接写了。图片是放在/public/images下面的。

...
const {mysql, mongodb} = require(\'access-db\')  //引入mysql操作方法，如果是mongodb，就引入对应的
...
//这里用post
routerAnime.post(\'/add\', async function(req, res, next) {
  const {title, total, type} = req.body  //小程序端上传的数据
  try{
    let tempRes = await mysql.set(\'anime\', {
      title: title,
      cover_url: \'http://localhost:3000/images/1.webp\',
      total: total,
      type: type,
      follows: 23
    })
    res.json(tempRes.data.insertId)
  }catch(err) {
    console.log(\'errrr\', err)
  }
});

req.body就是post请求时，所带的参数。mysql.set方法，就是新增数据，第一个参数就是数据表表名，第二个参数，就是要新增的内容。字段名必须和数据表里面字段名一致。此时的接口地址为：http://localhost:3000/anime/add 修改代码之后，记得重新启动后台服务

2). 在微信小程序里面，添加一个绑定事件addOneData

index.wxml

<!--index.wxml-->
<view class=\"container\">
  <button bindtap=\"addOneData\">新增数据</button>
</view>

index.js

...
addOneData(){
  wx.request({
    url: \'http://localhost:3000/anime/add\',
    method: \'POST\',
    data: {
      title: \'鬼灭之刃\',
      total: 26,
      type: 1
    },
    success: (res) => {
      console.log(\'res\', res)
    }
  })
}
...

最后，点击按钮，即可成功添加数据了，注意打开不校验域名的设置。

2.获取一条数据

通过id，我们可以直接获取某条数据的详情，获取数据。一般用get
在/router/anime.js里，加入一个get请求。get请求的参数，是在req.params里。

//用 get请求
routerAnime.get(\'/detail/:id\', async function(req, res, next){
  const {id} = req.params
  let temp = await mysql.get(\'anime\', id)
  res.json(temp.data)  // 以json类型返回数据
})

写完上面代码后，记得重启服务器。

然后，在小程序端，我们同样再绑定个事件，getOneData

  ...
  getOneData(){
    wx.request({
      url: \'http://localhost:3000/anime/detail/\' + 5,
      method: \'GET\',
      success: (res) => {
        console.log(\'获取一条数据：\', res.data)
      }
    })
  },
  ...

可以看到，获取id为5的数据返回成功

3.更新数据

同样的道理，/routes/anime.js，添加如下。更新时，也要知道更新的是哪条数据，所以，id也不少。更新数据，一般用put方法。如下：

routerAnime.put(\'/update/:id\', async function(req, res, next){
  const {id} = req.params     //url后面跟的参数
  const {title} = req.body    //小程序请求里，data里的参数
  let temp = await mysql.update(\'anime\', id, {
    title: title
  })
  res.json(temp.data.changedRows)
})

重启后台服务器；然后，在小程序端，我们同样再绑定个事件，updateOneData

  ...
updateOneData(){
  wx.request({
    url: \'http://localhost:3000/anime/update/\' + 5,
    method: \'PUT\',
    data: {
      title: \'新标题3\'
    },
    success: (res) => {
      console.log(\'更新数据：\', res.data)
    }
  })
  ...

可以看到，成功更新的id为5的数据的title。

4.查寻数据

/routes/anime.js，添加如下。查寻一般用get方法。
p0为单个查寻条件，参数数组，第一个为字段，第二个为条件，第三个为内容。r为执行查寻的规则。
假如我们要查寻type值等于1的数据，那么就可以如下这么写

routerAnime.get(\'/list/:page\', async function(req, res, next){
  const {page} = req.params
  let temp = await mysql.find(\'anime\', {
    p0: [\'type\', \'=\', 1],
    r: \'p0\'
  })
  res.json(temp.data.objects)
})

重启服务器，然后在小程序端，新增事件getList

getList(){
  wx.request({
    url: \'http://localhost:3000/anime/list/\' + 1,
    method: \'GET\',
    success: (res) => {
      console.log(\'查寻结果：\', res.data)
    }
  })
},

好了，到这里，基本上，你就可以开始写自己的小程序了，还是很简单吧，哈哈~

标签：Node,express,title,res,req,db,anime,data,id
来源： https://www.cnblogs.com/tbonij51934/p/14968213.html