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="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@AllArgsConstructorpublic class SysResult { private Integer status; //200胜利 201失败 private String msg; //服务器返回的提示信息 private Object data; //服务器数据 //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 编辑ItemControlller
/* 业务需要： 实现商品入库操作 注意事项： 1、避免出错增加try-catch 2、新增商品的状态信息 为1 3、入库操作时 实现工夫的记录 申请参数： 1、url地址：/item/save 2、申请参数：from表单 对象接管 3、返回值：零碎级别的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
@Overridepublic 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 业务需要
例如更新工夫/创立工夫,每个业务操作时都须要更新相干数据,是否将数据进行优化,简化程序调用
@Overridepublic 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) //1、选中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
/* 实现商品批改操作 1、url地址：/item/update 2、申请参数：form表单提交 3、返回值：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}@Overridepublic void updateItem(Item item) { //依据对象中不为null的元素充当set条件 itemMapper.updateById(item);}1.5 商品输出操作
1.5.1 页面URL剖析
1、参数提交
2、页面JS剖析
1.5.2 编辑ItemController
/* 业务需要：删除商品信息 1、url地址： /item/delete 2、参数：{"ids":ids} serlvet(result) 同名提交问题 3、返回值：SysResult springMVC规定：如果传递的数据是由,号分隔的字符串则能够应用数组接管 */@RequestMapping("/delete")//public SysResult deleteItems(Integer[] ids){public SysResult deleteItems(Long[] ids){ //1、将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只能接管单值传参 如果有多个数据须要传值,则须要将多值封装为单值 形式： 1、利用对象传参 2、利用数组传参 3、利用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@Overridepublic 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);}