美文网首页
2022-09-08 vue2.0学习之管理商品和删除商品业务逻

2022-09-08 vue2.0学习之管理商品和删除商品业务逻

作者: Lovevivi | 来源:发表于2024-02-14 21:05 被阅读0次

    前端

    首先是在表格后面新添一个字段里面存放编辑和删除按钮,编写点击事件,测试是否可行,然后点击编辑可以打开一个dialog对话框,里面有一个表单,存储这一行的值,然后做出修改,确定按钮绑定点击函数,函数里面发送post请求,在回调函数中得到处理结果,发出提示信息,并重新get整个表格

    难点一:如何在dialog对话框中获取到某一行文档的所有值?

    首先slot-scope="scope",通过scope.row获取这一行的数据
    接下来有两种思路,第一种是从表格中获取这一行,放到一个空对象里,编辑好之后提交这个空对象给后端修改;另外一种是得到这一行文档的id,然后根据id得到数据库中的数据,赋值给一个空对象里,后面与前一种相同。

    难点二: 如何根据goodId获取商品文档?前端如何发送请求,后端如何接收?

    前端提交用get('/xxx?id='+goodId)
    后端的路由是get('/xxx')
    注意在数据绑定的时候空对象是没有内容的,会报错,注意逻辑问题

    后端

    接收前端的post请求,然后根据id查找到这一行数据,然后sql修改数据,将处理结果返回前端

    难点三:后端获取到数据后如何修改?

    根据goodId查询到商品信息,将信息更新到数据库中,使用updateOne函数,参数是获取到文档,第二个是修改后的值(一个对象)

    相关文章

      网友评论

          本文标题:2022-09-08 vue2.0学习之管理商品和删除商品业务逻

          本文链接:https://www.haomeiwen.com/subject/oebnnrtx.html