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
@AllArgsConstructor
public 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
@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)
//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}
@Override
public 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@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);
}
发表回复