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

前端

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

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

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

难点二： 如何根据goodId获取商品文档？前端如何发送请求，后端如何接收？

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

后端

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

难点三：后端获取到数据后如何修改？

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