京淘專案商品的CRUD操作
阿新 • • 發佈:2020-09-14
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物件是系統返回值,主要包含三個屬性
- 定義狀態碼 200表示執行成功,201表示執行失敗 注意:這個狀態碼是認為定義的和瀏覽器沒有關係
- 定義返回值資訊 伺服器可能會給使用者一些提示資訊,比如:執行成功,使用者名稱或者密碼錯誤
- 定義返回值物件 伺服器在後端處理完成業務後,會將物件返回給前端
待補充。。。