京淘项目商品的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. 定义返回值对象   服务器在后端处理完成业务后,会将对象返回给前端

 

待补充。。。

posted @ 2020-09-14 22:24  罗晓峥  阅读(190)  评论(0编辑  收藏  举报