前台时http格式
https://blog.csdn.net/qq_16804847/article/details/108334833
对应jt06



添加和删除的共性 vo

package com.jt.vo;import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.experimental.Accessors;import java.io.Serializable;@Data
@Accessors(chain = true)
@NoArgsConstructor
@AllArgsConstructor
public class SysResult implements Serializable {private Integer status;         //定义状态信息 200业务处理成功, 201业务处理失败.private String  msg;            //服务器返回的提示信息.private Object  data;           //服务器返回业务数据.//封装一些静态API 简化用户调用过程.public static 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);}
}

1.京淘后台商品维护

商品修改页面跳转

页面工具栏的说明
toolbar是怎么写的呢

修改
$符号

获得是否选中的状态

两个页面即是动态回显

js读懂即可

商品分类名称回显实现

需求分析

说明:需要将 商品类目 3 改为具体的名称. 如何实现?
实现步骤:
1.通过选择器动态的获取商品分类ID 3
2.发起Ajax请求,根据3获取商品分类的名称. 电子书.
3.在指定的位置完成赋值操作.`

select 那么

编辑页面js的说明
查询当前页面元素 不需要查数据库

取值

赋值

//1.通过data数据返回商品分类idvar cid = data.cid;//alert("我是商品分类目录id:"+cid);//2.发起ajax请求,注意请求参数问题 必须与方法接收一致$.get("/item/cat/queryItemName",{"itemCatId":cid},function(data){//alert("动态获取数据:"+data);//3.将数据回显到指定位置.//$("#itemeEditForm input[name='cid']").siblings("span").text(data);$("#itemeEditForm input[name='cid']").prev().text(data);});

页面效果展现

商品修改 页面分析

需要回显的原因是 查询页面编辑和(相当于新增)更新页面是两个页面 不是画中画







更新操作还需id


延申 对数据库表进行操作
如下图 这两数据都得改


第一步 配置注解

添加注解

//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;}

编辑配置类完成自动赋值操作

package com.jt.auto;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 {/*** 在POJO中添加了 新增/更新的注解,但是必须在数据库的字段中完成赋值的操作.* 所以.必须明确,新增/更新时操作的是哪个字段,及值是多少* * * @param metaObject*/@Overridepublic void insertFill(MetaObject metaObject) {this.setInsertFieldValByName("created", new Date(), metaObject);this.setInsertFieldValByName("updated", new Date(), metaObject);}@Overridepublic void updateFill(MetaObject metaObject) {this.setUpdateFieldValByName("updated", new Date(), metaObject);}
}

时间操作都不用写了

商品删除

页面分析

$.messager.confirm('确认','确定删除ID为 '+ids+' 的商品吗？',function(r){if (r){var params = {"ids":ids};$.post("/item/delete",params, function(data){if(data.status == 200){$.messager.alert('提示','删除商品成功!',undefined,function(){$("#itemList").datagrid("reload");});}else{$.messager.alert("提示",data.msg);}});}});

编辑ItemController

	/*** 商品删除* url: /item/delete* 参数: {"ids":"100,101,102"}    ids数据类型是字符串!!!* 返回值: 系统返回值变量** 注意事项: 取值与赋值操作的key必须相同!!!*/@RequestMapping("/delete")public SysResult deleteItems(Long... ids){itemService.deleteItems(ids);return SysResult.success();}

没有mvc的时候

有了mvc之后 性质不变 变得更简便了 (周四补)

为什么是long 晚上补

List集合 参数类型是long类型 把longlist的参数给传过来
要的一个集合
自我实现

14.25前 晚上补(over)

删除 使用老方法去实现 不用面向对象的方法

Xddfathe r 14:34:41
疑问

Xddfathe r 14:34:57
批量操作

得加注解

把数据封装成一个数组 测不同 识别的是array 是单值 所以需要注解

如上图 因为ids是多值传输 所以加注解转变了Map集合

总结:注解的功能和用法

如上图 不想加注解的话 把collection的改为array就行

如下图 加了注解就变成Map了


分清什么时候加注解什么时候不加注解

<mapper namespace="com.jt.mapper.ItemMapper"><!--完成商品的删除void deleteItems(Long[] ids); 接口方法sql: delete from tb_item where id in (id1,id2,id3...)collection:分类1:  List集合   collection="list"分类2:  Array数组  collection="array"分类3:  Map集合    collection="map中的key"  规范--><delete id="deleteItems">delete from tb_item where id in (<!--循环遍历数组,之后获取其中的数据,完成删除.--><foreach collection="array" item="id" separator=",">#{id}</foreach>)</delete>
</mapper>

总结 都是要变成集合的形式 数组转集合(加注解)

上架/下架URL地址说明

任务: 利用一个方法实现商品的上架/下架操作!!!

$.post("/item/instock",params, function(data){if(data.status == 200){$.messager.alert('提示','下架商品成功!',undefined,function(){$("#itemList").datagrid("reload");});}});

$.post("/item/reshelf",params, function(data){if(data.status == 200){$.messager.alert('提示','上架商品成功!',undefined,function(){$("#itemList").datagrid("reload");});}});

url 分析

改成我们自己的规则

为了便利性 可以修改js中不影响核心功能的代码

@PathVariable注解的作用漏的知识点

@PathVariable 映射 URL 绑定的占位符
通过 @PathVariable 可以将 URL 中占位符参数绑定到控制器处理方法的入参中:URL 中的 {xxx} 占位符可以通过

@PathVariable(“xxx”) 绑定到操作方法的入参中。

一般与@RequestMapping(method = RequestMethod.GET)一起使用

@RequestMapping("/getUserById/{name}")public User getUser(@PathVariable("name") String name){return userService.selectUser(name);}若方法参数名称和需要绑定的uri中变量名称一致时,可以简写:
@RequestMapping("/getUser/{name}")public User getUser(@PathVariable String name){return userService.selectUser(name);}

总结分析 把POJO中的status值传到接收到的参数那 因为注解 再和url的status绑定 不分先后

15.20前 晚上(over)

service层


也可能为了多选 state晚上了解(over)

如下图 都得加上事务

/*** update(arg1,arg2)* arg1: 需要修改的数据* arg2: 修改的条件构造器* @param status* @param ids*/@Overridepublic void updateStatus(Integer status, Long[] ids) {Item item = new Item();item.setStatus(status);UpdateWrapper<Item> updateWrapper = new UpdateWrapper<>();List<Long> idList = Arrays.asList(ids);updateWrapper.in("id",idList);itemMapper.update(item,updateWrapper);}

商品详情实现

富文本编辑器的说明

入门案例

<%@ page language="java" contentType="text/html; charset=utf-8"pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link href="/js/kindeditor-4.1.10/themes/default/default.css" type="text/css" rel="stylesheet">
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/kindeditor-all-min.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/kindeditor-4.1.10/lang/zh_CN.js"></script>
<script type="text/javascript" charset="utf-8" src="/js/jquery-easyui-1.4.1/jquery.min.js"></script><script type="text/javascript">$(function(){KindEditor.ready(function(){KindEditor.create("#editor")})})
</script>
</head>
<body>
<h1>富文本编辑器</h1>
<textarea style="width:700px;height:350px" id="editor"></textarea>
</body>
</html>

**

编辑ItemDesc 商品描述(说明 详情)表

POJO对象vo表

**

Dao层

商品详情入库操作

添加的时候

controller层


一起进行入库操作

service层

主键自增
先入库之后 才有主键

上图 商品信息的主键得入库才能查到 不然id无法一致 得增加配置才行

主键回显的一般配置 手写回显不推介(太繁琐了) 示例

需求 入库之后想做主键的返回

mp插件自带可回显

断点 入库之后就有了

自我实现 晚上 16.45前

商品详细数据回显

分析
item-list 编辑的js页面

业务逻辑

分析url的请求地址

controller层

不光需要回传200状态码 还需要返回业务数据
如下

返回回显信息 在点



自我实现
先新增

实现错误

Field 'created' doesn't have a default value

加注解 不然就少两个值 不上报错 无法新增 无法更新
新增完成

选中后的回显操作
如下图 暂无

添加完商品描述后 回显的自我实现

http://localhost:8091/item/query/item/desc/1474391968

分析需求

controller层

补充

/**点击编辑 回显添加的详细表数据 ItemDesc对象* url:http://localhost:8091/item/query/item/desc/1474391968* 参数:和查询Item表时的id一模一样restFul形式 ItemId* 返回值:SysResult对象 返回数据data*/@RequestMapping("/query/item/desc/{itemId}")public SysResult findItemDescById(@PathVariable Long itemId){ItemDesc itemDesc = itemService.findItemDescById(itemId);return SysResult.success(itemDesc);//我要返回详细数据}

service层

客户端页面

回显成功!!

虚拟机

独立运行任何操作系统

作业实现 作业

完成商品的修改操作 item itemDesc
完成商品的删除操作 item itemDesc 10分钟
独立完成京淘后台的实现 要求 6个小时 自己完成

商品的修改操作 item itemDesc

空 无法修改

url:http://localhost:8091/item/param/item/query/1474391968

有没有必要去分析呢 更新都是同一个id 留着疑惑 按照惯例

Controller层

需求:也是根据itemId 去更新数据

/*** 业务说明: 商品修改操作* url: /item/update* 参数: 整个form表单(多个) 单个还是多个* 返回值: SysResult对象*/@RequestMapping("/update")public SysResult updateItem(Item item,ItemDesc itemDesc){itemService.updateItem(item,itemDesc);return SysResult.success();}

Service层

@Override@Transactionalpublic void updateItem(Item item, ItemDesc itemDesc) {//更新时需要修改更新时间!!!//item.setUpdated(new Date());itemMapper.updateById(item);itemDescMapper.updateById(itemDesc);}

无效果 return需要返回data 有数据的值

不知道从哪里入手 继续研究 放心没错 参照save方法8

得先取值再赋值(对应item的id)

删除

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！