4.9【微信小程序全栈开发课程】意见反馈（四）--提交反馈信息

//需要添加的代码
router.post('/createopinion', controllers.createopinion)
//参考代码，无需粘贴
//module.exports = router

//参考代码，无需粘贴
//export function showSuccess (text) {
//...
//）
//需要添加的内容
export function showModal (title, content) {
  wx.showModal({
    title,
    content,
    showCancel: false
  })
}

//参考代码，无需粘贴
//<script>
//需要添加的部分
import {showModal,post} from '@/util'
//参考代码，无需粘贴
//export default {

//参考代码，无需粘贴
//uploadPicture () {
//...
//},
//需要添加的部分，不要忘记在上一行添加逗号隔开
async summit() {
  //当反馈的字数大于0时，可以提交反馈信息
  if(this.word_count > 0){
    try{
      // data是要提交给后端的数据，其中包含openid、opinion意见信息、src图片链接、wechat用户微信
      const data = {
        openid: this.userinfo.openId,
        opinion:this.opinion,
        src:this.src.join(","),
        wechat:this.wechat
      }
      //通过这行代码请求请求后端服务器，并传递参数data
      //await我们再ES6知识点中讲过，等后端执行完并获取到返回数据之后，再往下执行
      const res = await post('/weapp/createopinion', data)
      console.log("从后端返回的执行正确的信息是：",res)
      showModal("提交成功","已将你的反馈提交给了开发者~")
    }catch(e){
      //如果执行失败，util.js中的请求方法，会将返回信息的状态变成rejected
      //rejected状态的信息会被当成错误捕捉到
      console.log("从后端返回的执行错误的信息是：",e)
      showModal("提交失败","服务器出了一点错误~请稍后再试")
    }
  //当反馈的字数为0时，提示反馈内容不能为空
  }else{
    showModal("提交失败","反馈内容不能为空哦~")
  }
}

<!-- 原代码 -->
<button>提交</button>
<!-- 修改为 -->
<button @click="summit">提交</button>

//引入server/qcloud.js文件，qcloud.js文件是mysql的软件工具包，引入后我们也可以使用knex来操作数据库了
const {mysql} = require('../qcloud')
//module.exports是向外暴露代码，后面跟着箭头函数（就是函数的一种简写形式，在ES6语法的讲解中提过）
module.exports = async (ctx) => {
  //ctx.request.body用来获取post请求的参数
  const {openid,opinion,src,wechat} = ctx.request.body
  try{
    //knex语法，插入数据到opinions数据表中
    await mysql('opinions').insert({
      openid,opinion,src,wechat
    })
    // 执行的结果会保存到ctx.state中，也就是从后端返回到前端的数据
    // 执行成功返回的数据，code设为0
    ctx.state.data = {
      code: 0,
      msg: 'success'
    }
    console.log("执行成功")
  }catch(e){
    console.log("执行错误:",e)
    // 执行失败返回的数据，code设为-1
    ctx.state = {
      code: -1,
      data: {
        msg: '添加失败' + e.sqlMessage
      }
    }
  }
}