美文网首页
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函数,参数是获取到文档,第二个是修改后的值(一个对象)

相关文章

  • Day003 商品应用需求分析 及 Django 开发介绍

    管理员需要做什么? 管理商品分类:新建分类、编辑分类和删除分类。 管理商品:新建商品、编辑商品。 管理商品规格:新...

  • 第十七讲 web入门案例

    项目介绍:商品浏览和商品管理。 1、用户登录功能,使用用户名和密码进行登录。2、登录完成后可以管理商品:添加、删除...

  • 快时尚商品管理之六

    ​快时尚商品管理之一 快时尚商品管理之二 快时尚商品管理之三 快时尚商品管理之四 快时尚商品管理之五 快时尚商品管...

  • 快时尚商品管理之五

    ​快时尚商品管理之一 快时尚商品管理之二 快时尚商品管理之三 快时尚商品管理之四 快时尚商品管理之五 销补期商品管...

  • 仓库系统(2)-商品库存/库位管理

    结合上一篇仓库、库区、库位的管理,本篇讲解商品库存管理。 商品库存的设计目的:为实现业务人员对于指定商品的库存管理...

  • 「React Native」性能问题(购物车)

    一、场景描述 购物车涉及店铺和商品,商品是以店铺维度依次展开,商品可以勾选选中,也可以编辑删除和全选删除。店铺下的...

  • 商品管理案例——案例准备

    一、案例的概述 1、案例实现的功能 分类管理  查询分类  添加分类  删除分类  修改分类 商品管理  查询商品...

  • 读财报 | 畜禽养殖 温氏股份

    一 生活常识&行业知识 核心业务:公司的主要业务是黄羽肉鸡和商品肉猪的养殖和销售;主要产品为商品肉鸡和商品肉猪。 ...

  • 商品管理速成班—鑫和商学院

    商品管理速成班课程贯穿当前服饰企业商品人员对门店货品管理一系列管理问题,通过商品管理速成班学习,了解多门店商品管理...

  • 添加商品

    添加商品前,请先删除系统预设商品。点击进入商品详情页拉至最后,点击删除即可。 添加商品具体操作:在“商品与套餐”页...

网友评论

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

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