1. 程式人生 > 實用技巧 >京淘專案商品的CRUD操作

京淘專案商品的CRUD操作

1.商品的CRUD操作

1.1新增商品介面展示

1.2 關於JS資料校驗說明

1.必填項

商品標題為必填項,不能為空

data-options="required:true"
1 <td><input class="easyui-textbox" type="text" name="title" data-options="required:true" style="width: 280px;"></input></td>

2.資料有效性校驗

商品價格需要有一個最大值和最小值的界限,不能隨意輸入值

data-options="min:1,max:99999999,precision:2,required:true"
最小值1,最大值99999999,小數點後兩位,不能為空
1 <td><input class="easyui-numberbox" type="text" name="priceView" data-options="min:1,max:99999999,precision:2,required:true" />

1.3商品新增入庫

1.3.1頁面分析

1.url地址

2.提交引數說明

1.3.2頁面JS分析

1 $.post("/item/save",$("#itemAddForm").serialize(), function(data){
2             if(data.status == 200){
3 $.messager.alert('提示','新增商品成功!'); 4 }else{ 5 $.messager.alert("提示","新增商品失敗!"); 6 } 7 });

商品新增介面的表單

1 <form id="itemAddForm" class="itemForm" method="post">

1.3.3 系統級別的VO物件

由於該VO物件是系統的全域性的VO物件,所以放到jt-common中更好

該VO物件是系統返回值,主要包含三個屬性

  1. 定義狀態碼 200表示執行成功,201表示執行失敗 注意:這個狀態碼是認為定義的和瀏覽器沒有關係
  2. 定義返回值資訊 伺服器可能會給使用者一些提示資訊,比如:執行成功,使用者名稱或者密碼錯誤
  3. 定義返回值物件 伺服器在後端處理完成業務後,會將物件返回給前端

待補充。。。