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

1、创建后端操作文件

先在后端server/controllers文件夹中创建操作文件createopinion.js,用来将从前端页面提交的数据,插入到opinions表中,创建完之后,页面目录如下
4.9【微信小程序全栈开发课程】意见反馈(四)--提交反馈信息_第1张图片

2、添加路由

在路由管理文件server/routes/index.js文件中添加路由

//需要添加的代码
router.post('/createopinion', controllers.createopinion)


//参考代码,无需粘贴
//module.exports = router

3、在前端添加提交方法

编辑src/pages/opinion/opinion.vue文件,在methods函数中添加summit方法,当意见的字数大于0时,可以提交数据,当意见的字数为0时,需要提示反馈内容不能为空

(1)在src/util.js工具函数文件中封装提示框方法
//参考代码,无需粘贴
//export function showSuccess (text) {
//...
//)


//需要添加的内容
export function showModal (title, content) {
  wx.showModal({
    title,
    content,
    showCancel: false
  })
}
(2)在opinion.vue文件中引用工具函数文件中的showModal、post方法
//参考代码,无需粘贴
//
                    
                    

你可能感兴趣的:(微信小程序全栈开发课程,微信小程序,开发课程)