CGB2005 0901 jt6

前台時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資料傳回商品分類id
        			var 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
     */
    @Override
    public void insertFill(MetaObject metaObject) {

        this.setInsertFieldValByName("created", new Date(), metaObject);
        this.setInsertFieldValByName("updated", new Date(), metaObject);
    }

    @Override
    public 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
	 */
	 @Override
	public 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
           

加注解 不然就少兩個值 不上報錯 無法新增 無法更新

新增完成

選中後的回顯操作

如下圖 暫無

添加完商品描述後 回顯的自我實作

分析需求

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
	@Transactional
	public void updateItem(Item item, ItemDesc itemDesc) {
		//更新時需要修改更新時間!!!
		//item.setUpdated(new Date());
		itemMapper.updateById(item);
		
		itemDescMapper.updateById(itemDesc);
	}
           

無效果 return需要傳回data 有資料的值

不知道從哪裡入手 繼續研究 放心沒錯 參照save方法8

得先取值再指派(對應item的id)

删除