京淘Day06

最新推荐文章于 2023-02-25 14:28:33 发布

捣蛋调皮鬼

最新推荐文章于 2023-02-25 14:28:33 发布

阅读量84

点赞数

文章标签： java

本文链接：https://blog.csdn.net/Beloved85/article/details/109484372

版权

1.商品后台管理

1.1 商品新增

1.1.1 页面分析

1.url分析
在这里插入图片描述

2.参数分析
在这里插入图片描述

3.页面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[name='id']") 筛选出所有的input标签中括号包裹关键字属性选择器: ### 1.1.2 封装SysResult 说明:在jt-common中添加系统返回值VO对象

package com.jt.vo;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;

//作用: 指定系统返回值vo对象,与前端进行交互
@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class SysResult {
    private Integer status; //200成功  201失败
    private String  msg;    //服务器返回的提示信息
    private Object  data;   //服务器数据

    //1.编辑失败方法
    public static SysResult fail(){

        return new SysResult(201,"服务器调用失败",null);
    }

    //2.重载成功方法
    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 编辑ItemController

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

1.1.4 编辑ItemService

@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 业务需求

例如更新时间/创建时间,每个业务操作时都需要更新相关数据,能否将数据进行优化,简化程序调用
在这里插入图片描述

1.3.2 编辑BasePOJO指定填充属性

在这里插入图片描述

1.3.3 编辑配置类

说明:在jt-common中,编辑配置类,实现自动填充功能

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

1.4.3 商品修改的ajax

在这里插入图片描述

1.4.4 编辑ItemController

/**
	 * 实现商品修改操作
	 * 1.url地址: /item/update
	 * 2.请求参数: form表单提交
	 * 3.返回值:  SysResult对象
	 */
	@RequestMapping("/update")
	public SysResult updateItem(Item item){

		itemService.updateItem(item);
		return SysResult.success();
	}

1.4.5 编辑ItemService

//一般更新操作都是根据主键更新
	//Sql: update tb_item set titel=#{xxxx},xx,x,x,x,x, 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

/**
	 * 业务需求:  删除商品信息
	 * 1.url地址:	/item/delete
	 * 2.参数:  ids: 100,101,102    serlvet(request)   同名提交问题
	 * 3.返回值: SysResult
	 * springMVC规则: 如果传递的数据是由,号分隔的字符串则可以使用数组接收
	 * */
	@RequestMapping("/delete")
	public SysResult deleteItems(Long... ids){
		//1.将ids字符串按照,号拆分
		itemService.deleteItems(ids);
		return SysResult.success();
	}

1.5.3 编辑ItemService

//批量删除操作
	@Override
	public void deleteItems(Long[] ids) {
		//List<Long> longList = Arrays.asList(ids);
		//itemMapper.deleteBatchIds(longList);

		//手动的删除数据
		itemMapper.deleteItems(ids);

	}

1.5.4 编辑ItemMapper

在这里插入图片描述

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE mapper
  PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
  "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.jt.mapper.ItemMapper">

	<!--
		Mybatis数据传参的原理:
			规则: Mybatis只能接收单值传参!!!
				 如果有多个数据需要传值,则需要将多值封装为单值
			方式:
				1.利用对象传参
				2.利用数组传参
				3.利用Map集合传参
			集合的写法:
				数据类型是数组  		collection="array"
				数据类型是list集合    collection="list"
				数据类型是Map集合     collection="map的key"

		ids=100,101,102
		collection: 获取传递集合的key
		open="集合遍历前缀"
		close="集合遍历后缀"
		separator="分隔符"
		item="当前遍历的对象"
	-->
	<delete id="deleteItems"  >
		DELETE FROM tb_item WHERE id in (
		 <foreach collection="array"  item="id" separator=",">
			 #{id}
		 </foreach>
		)
		
	</delete>

</mapper>

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

1.6.1 业务需求

说明:如果修改商品的状态信息上架=1 下架=2 只需要修改数据库记录即可
在这里插入图片描述
url分析:
http://localhost:8091/item/instock 下架操作 status=2
http://localhost:8091/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地址: /item/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 编辑ItemService

//作业:sql手动完成
	//参数说明:  entity:修改数据的值   updateWrapper
	@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);
	}