A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

增加品牌
4.1 需求分析
实现品牌增加功能
4.1 后端代码4.1.1 服务接口层
在 pinyougou-sellergoods-interface 的 BrandService.java 新增方法定义
[AppleScript] 纯文本查看 复制代码
/**

* 增 加

*/

public  void  add(TbBrand  brand);
4.1.1 服务实现层
在 com.pinyougou.sellergoods.service.impl 的 BrandServiceImpl.java 实现该方法
[AppleScript] 纯文本查看 复制代码
@Override

public  void  add(TbBrand  brand)  { brandMapper.insert(brand);
}
4.1.1 执行结果封装实体
在 pinyougou-pojo 的 entity 包下创建类 Result.java
[AppleScript] 纯文本查看 复制代码
package  entity;


import  java.io.Serializable;


/**

*返回结果封装

*@author  Administrator


*


*/


public  class  Result  implements  Serializable{


private  boolean  success;


private  String  message;


public  Result(boolean  success,  String  message)  {


super();


this.success  =  success;


this.message  =  message;


}


//getter  and  setter.....


}
4.1.1 控制层
在 pinyougou-manager-web 的 BrandController.java 中新增方法
[AppleScript] 纯文本查看 复制代码
/**
[AppleScript] 纯文本查看 复制代码
*增加

*@param  brand

*@return

*/ @RequestMapping("/add")
public  Result  add(@RequestBody  TbBrand  brand){

try {

brandService.add(brand);

return  new  Result(true,  "增加成功");

}  catch  (Exception  e)  { e.printStackTrace();
return  new  Result(false,  "增加失败");

}

}
4.1 前端代码
4.1.1 JS代码
[AppleScript] 纯文本查看 复制代码
//保存

$scope.save=function(){

$http.post('../brand/add.do',$scope.entity  ).success(
function(response){ if(response.success){
[AppleScript] 纯文本查看 复制代码
//重新查询

$scope.reloadList();//重新加载

}else{

alert(response.message);

}

}

);

}

4.1.1 HTML
绑定表单元素,我们用 ng-model 指令,绑定按钮的单击事件我们用 ng-click
[AppleScript] 纯文本查看 复制代码
<div  class="modal-content">


<div  class="modal-header">


<button  type="button"  class="close"  data-dismiss="modal" aria-hidden="true">×</button>
<h3  id="myModalLabel">品牌编辑</h3>

</div>


<div  class="modal-body">


<table  class="table  table-bordered  table-striped"    width="800px">


<tr>

<td>品牌名称</td>

<td><input    class="form-control"  ng-model="entity.name"
placeholder="品牌名称"  >    </td>

</tr>
[AppleScript] 纯文本查看 复制代码
<tr>

<td>首字母</td>

<td><input    class="form-control"  ng-model="entity.firstChar" placeholder="首字母">    </td>

</tr>


</table>


</div>


<div  class="modal-footer">


<button  class="btn  btn-success"  data-dismiss="modal"  aria-hidden="true" ng-click="save()">保存</button>

<button  class="btn  btn-default"  data-dismiss="modal"  aria-hidden="true">
关闭</button>

</div>


</div>

</div>
为了每次打开窗口没有遗留上次的数据,我们可以修改新建按钮,对 entity 变量进行清空操作

[AppleScript] 纯文本查看 复制代码
<button  type="button"  class="btn  btn-default"  title="新建"  data-toggle="modal"
data-target="#editModal"  ng-click="entity={}"><i  class="fa  fa-file-o"></i>  新建
</button>




0 个回复

您需要登录后才可以回帖 登录 | 加入黑马