淘淘商城-商城后台商品列表之商品编辑（商品管理-查询商品-编辑商品）

最新推荐文章于 2021-06-29 18:41:00 发布

光辉岁月gds

最新推荐文章于 2021-06-29 18:41:00 发布

阅读量2.5k

点赞数

分类专栏：淘淘商城

本文链接：https://blog.csdn.net/gdsgdh308227363/article/details/84446269

版权

本文详细介绍了淘淘商城商品编辑功能的实现过程，包括前端的编辑按钮处理、商品信息回显、富文本编辑器内容同步，以及后端的商品信息获取和更新。在前端，利用easyui的datagrid和form组件完成数据加载，使用TAOTAO库进行图片和类目组件初始化。后端主要负责提供数据和保存更新的商品信息。

摘要由CSDN通过智能技术生成

1.商品编辑效果展示

2.前端

2.1准备商品信息

2.2更新商品信息

3.后端

3.1准备商品信息

3.1.1服务端

3.1.2表现层

3.2更新商品信息

3.2.1服务层

3.2.2表现层

4.注意事项

1.商品编辑效果展示
选择商品，点击编辑

会弹出编辑商品的窗口，然后显示商品信息

我们修改一些数据，比如价格、库存、商品图片以及商品描述

点击提交

发现该商品，价格、库存、商品图片以及商品描述都变为我们修改的了

2.前端
2.1准备商品信息
在item-list.jsp中，使用easyui中datagrid的toolbar属性实现了编辑按钮的添加。

text:'编辑',
iconCls:'icon-edit',
handler:function(){
   var ids = getSelectionsIds();
   if(ids.length == 0){
       $.messager.alert('提示','必须选择一个商品才能编辑!');
       return ;
   }
   if(ids.indexOf(',') > 0){
       $.messager.alert('提示','只能选择一个商品!');
       return ;
   }

   $("#itemEditWindow").window({
       onLoad :function(){
           //回显数据
           var data = $("#itemList").datagrid("getSelections")[0];
           data.priceView = TAOTAO.formatPrice(data.price);
           $("#itemeEditForm").form("load",data);

           });
           // 加载商品描述