JT-day06

一、商品后台管理

1.1 商品新增

1.1.1 页面的分析

一、url分析

二、参数分析

三、页面JS编辑

function submitForm(){
        //表单校验
        if(!$('#itemAddForm').form('validate')){
            $.messager.alert('提示','表单还未填写完成!');
            return ;
        }
        //转化价格单位，将元转化为分
        //$("#price").val(); 取值    $("#price").val(100);
        //eval()  专门作算数计算的  1+1  "1"+1
        $("#itemAddForm [name=price]").val(eval($("#itemAddForm [name=priceView]").val()) * 100);
        itemAddEditor.sync();//将输入的内容同步到多行文本中
        
        $.post("/item/save",$("#itemAddForm").serialize(), function(data){
            if(data.status == 200){
                $.messager.alert('提示','新增商品成功!');
            }else{
                $.messager.alert("提示","新增商品失败!");
            }
        });
    }

<input id="price" type="text" name="id" value="333" />
$("input[name='id']")

eval()专门作算术计算的
属性选择器

1.1.2 封装SysResult

说明：在jt-common中添加系统返回值VO对象

package com.jt.vo;
import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;
import javax.swing.*;
//做用：指定系统返回值VO对象,与前端进行交互
@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class SysResult {
 private Integer status;         //200成功 201失败
 private String msg;             //服务器返回的提示信息
 private Object data;            //服务器数据
 //一、编辑失败方法
 public SysResult fail(){
        return new SysResult(201,"服务器调用失败！！！",null);
    }
    //二、重载成功方法
 public static SysResult success(){
        return new SysResult(200,"服务器执行成功！！！",null);
    }
    public static SysResult success(Object data){
        return new SysResult(200,"服务器执行成功！！！",data);
    }
    public static SysResult success(String msg,Object data){
        return new SysResult(200,msg,data);
    }
}

1.1.3 编辑ItemControlller

/*
 业务需求：
 完成商品入库操做 注意事项：
 一、防止出错添加try-catch
 二、新增商品的状态信息 为1
 三、入库操做时    完成时间的记录
 请求参数：
 一、url地址：/item/save
 二、请求参数：from表单  对象接收
 三、返回值：系统级别的VO对象
 知识复习：
 input name="name" value=18 */ @RequestMapping("/save")
   public SysResult saveItem(Item item){
      itemService.saveItem(item);
      int a=1/0;
      return SysResult.success();
//    try {
//       itemService.saveItem(item);
//       return  SysResult.success();
//    }catch (Exception e){
//       e.printStackTrace();
//       return SysResult.fail();
//    }
 }

1.1.4 ItemServiceImpl

@Override
public void saveItem(Item item) {
   item.setStatus(1).setCreated(new Date()).setUpdated(item.getCreated());
   itemMapper.insert(item);
}

1.2 全局异常处理机制说明

说明:在jt-common中 添加全局异常处理机制.

package com.jt.aop;
import com.jt.vo.SysResult;
import org.springframework.web.bind.annotation.ExceptionHandler;
import org.springframework.web.bind.annotation.RestControllerAdvice;
@RestControllerAdvice //定义全局异常处理
public class SystemException {
    //遇到运行时异常时方法执行
 @ExceptionHandler(RuntimeException.class)
    public Object fail(Exception e){
        e.printStackTrace();    //输出异常信息
 return SysResult.fail();
    }
}

1.3 自动填充功能

1.3.1 业务需求

例如更新时间/建立时间,每一个业务操做时都须要更新相关数据,可否将数据进行优化,简化程序调用

@Override
public void saveItem(Item item) {
   item.setStatus(1);
   //.setCreated(new Date()).
   // setUpdated(item.getCreated()); 
   itemMapper.insert(item);
}

1.3.2 编辑BasePOJO指定填充属性

package com.jt.pojo;
import java.io.Serializable;
import java.util.Date;
import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.TableField;
import lombok.Data;
import lombok.experimental.Accessors;
//pojo基类，完成2个任务，2个日期，实现序列化
@Data
@Accessors(chain=true)
public class BasePojo implements Serializable{
   @TableField(fill = FieldFill.INSERT)
   private Date created;
   @TableField(fill = FieldFill.INSERT_UPDATE)
   private Date updated;
}

1.3.3 编辑配置类

package com.jt.handler;

import com.baomidou.mybatisplus.core.handlers.MetaObjectHandler;
import org.apache.ibatis.reflection.MetaObject;
import org.springframework.stereotype.Component;

import java.util.Date;

@Component  //将对象交给spring容器管理
public class MyMetaObjectHandler implements MetaObjectHandler {

    //完成入库操做自动赋值
    @Override
    public void insertFill(MetaObject metaObject) {
        Date date = new Date();
        this.setFieldValByName("created",date,metaObject);
        this.setFieldValByName("updated",date,metaObject);
    }

    //完成更新操做自动赋值
    @Override
    public void updateFill(MetaObject metaObject) {

        this.setFieldValByName("updated",new Date(),metaObject);
    }
}

1.4 商品修改的逻辑

1.4.1 页面分析

{
        text:'编辑',
        iconCls:'icon-edit',
        handler:function(){
            //获取用户选中的数据
            var ids = getSelectionsIds();
            if(ids.length == 0){
                $.messager.alert('提示','必须选择一个商品才能编辑!');
                return ;
            }
            if(ids.indexOf(',') > 0){
                $.messager.alert('提示','只能选择一个商品!');
                return ;
            }
            //须要找到一个空的div以后展示窗口
            $("#itemEditWindow").window({
                onLoad :function(){
                    //回显数据
                    var data = $("#itemList").datagrid("getSelections")[0];
                    data.priceView = KindEditorUtil.formatPrice(data.price);
                    //将data的数据回显到修改页面中.
                    $("#itemeEditForm").form("load",data);
                    .....
                    }

1.4.2 实现修改页面分类信息回显

知识回顾：
    说明：能够经过商品分类id,动态获取商品分类的名称,请求路径按照图中标识

编辑页面JS

/**
 * 根据商品分类id,获取分类名称
 * 思考：数据如何回显？
 */
var itemCatId=data.cid;
$.get("/item/cat/queryItemName",{itemCatId:itemCatId},function (data) {
    //alert("获取的商品分类名称为："+data)
 //一、选中cid的input标签
 //兄弟元素
 //$("#itemeEditForm input[name='cid']").siblings("span").text(data)
 //前一个元素 text获取文本信息 val获取value属性信息
 $("#itemeEditForm input[name='cid']").prev().text(data);
})

1.4.3 商品修改的Ajax

1.4.4 编辑ItemController

/*
 实现商品修改操做
 一、url地址：/item/update
 二、请求参数：form表单提交
 三、返回值：SysResult对象
 */@RequestMapping("/update")
public SysResult updateItem(Item item){
   itemService.updateItem(item);
   return SysResult.success();
}

1.4.5 编辑ItemServiceImpl

//通常更新的操做都是根据主键更新
//update tb_item set title=#{} where id=#{xxx}
@Override
public void updateItem(Item item) {
   //根据对象中不为null的元素充当set条件
 itemMapper.updateById(item);
}

1.5 商品输出操做

1.5.1 页面URL分析

一、参数提交

二、页面JS分析

1.5.2 编辑ItemController

/*
 业务需求：删除商品信息
 一、url地址： /item/delete 二、参数：{"ids":ids}      serlvet(result) 同名提交问题
 三、返回值：SysResult
 springMVC规则：若是传递的数据是由,号分隔的字符串则可使用数组接收
 */@RequestMapping("/delete")
//public SysResult deleteItems(Integer[] ids){
public SysResult deleteItems(Long[] ids){
   //一、将ids字符串按照,号拆分
 itemService.deleteItems(ids);
   return SysResult.success();
}

1.5.3 编辑ItemServiceImpl

//批量删除操做
 @Override
 public void deleteItems(Long[] ids) {
//    List<Long> list=Arrays.asList(ids);
//    itemMapper.deleteBatchIds(list);
 //手动删除数据
 itemMapper.deleteItems(ids);
   }

1.5.4 编辑ItemMapper

package com.jt.mapper;
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.jt.pojo.Item;
import org.apache.ibatis.annotations.Delete;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;
import java.util.List;
public interface ItemMapper extends BaseMapper<Item>{
    //注意事项：之后写sql语句时 字段名称/表名注意大小写问题
 @Select("SELECT * FROM tb_item ORDER BY updated DESC LIMIT #{startNum},#{rows}")
    List<Item> findItemByPage(int startNum, int rows);
    
    void deleteItems(@Param("ids") Long[] ids);
}

由于注释的SQL语句没法作遍历数组,因此须要XML文件写SQL语句
XML文件作SQL删除语句

<delete id="deleteItems">
   delete from tb_item
   where id in (
   <foreach collection="ids" item="id" separator=",">
      #{id}
   </foreach>
   )
</delete>
<!--
 Mybatis数据传参的原理：
 规则：Mybatis只能接收单值传参
 若是有多个数据须要传值,则须要将多值封装为单值
 方式：
 一、利用对象传参
 二、利用数组传参
 三、利用Map集合传参
 集合的写法： 数据类型是数组 collection="array" 数据类型是list集合 collection="list" 数据类型是Map集合 collection="map的key"
 collection：获取传递集合的key
 open="集合遍历前缀"
 close="集合遍历后缀"
 separator="分隔符"
 item="当前遍历的对象"
-->

1.6 实现商品上架/下架操做

1.6.1 业务需求

说明:若是修改商品的状态信息. 上架=1 下架=2. 只须要修改数据库记录便可

url分析:
URL: http://localhost/item/instock 下架操做 status=2
URL: http://localhost/item/reshelf 上架操做 status=1
需求：可否利用一个方法实现上架/下架操做？？？
需求: 可否利用一个方法实现上架/下架操做???
http://localhost:8091/item/updateStatus/2 下架操做 status=2
http://localhost:8091/item/updateStatus/1 上架操做 status=1

1.6.2 修改页面JS

说明：将页面上架/下架操做 按照上述分析进行修改

1.6.3 编辑ItemController

/*
 业务：实现商品的上架/下架
 url地址：/updateStatus/2
 参数：状态码信息/ids
 返回值：SysResult对象
 */@RequestMapping("updateStatus/{status}")
public SysResult updateStatus(@PathVariable Integer status,Long...ids){
   itemService.updateStatus(ids,status);
   return SysResult.success();
}

1.6.3 编辑ItemServiceImpl

//做业：SQL手动完成
//参数说明：entity：修改数据的值 wraper@Override
public void updateStatus(Long[] ids, Integer status) {
   Item item=new Item();
   item.setStatus(status);
   //where id in (1,2,3,4)
 UpdateWrapper<Item> updateWrapper=new UpdateWrapper();
   updateWrapper.in("id",Arrays.asList(ids));
   itemMapper.update(item,updateWrapper);
}