共计 5911 个字符，预计需要花费 15 分钟才能阅读完成。
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 id=”id” type=”text” name=”id” value=”123″/>
$(“input[name=’id’]”)
4. 属性选择器:
1.1. 封装 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 date; // 服务器数据
//1. 编辑失败办法
public 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.2 编辑配置类
阐明: 在 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, 动静获取称申请门路装置图中标识
3. 编辑页面 JS
1.4.3 商品批改的 ajax
1.5 商品删除操作
/**
* 实现商品批改操作
* 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 提交
2. 参数提交
3. 页面 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://calhost: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);
}
正文完
