黑马程序员技术交流社区

标题: 【郑州校区】品优购电商系统开发第 5 章 五 [打印本页]

作者: 我是楠楠    时间: 2020-5-21 10:18
标题: 【郑州校区】品优购电商系统开发第 5 章 五
【郑州校区】品优购电商系统开发第 5 章 五

3.3 前端代码
3.3.1 控制层
修改 goodsController.js ,在增加成功后弹出提示,并清空实体(因为编辑页面无列表)
[AppleScript] 纯文本查看 复制代码
 //保存
$scope.add=function(){
goodsService.add( $scope.entity ).success(
function(response){
if(response.success){
alert('保存成功');
$scope.entity={};
}else{
alert(response.message);
}
}
);
}

3.3.2 页面
修改 goods_edit.html
引入 JS:
[AppleScript] 纯文本查看 复制代码
 <script type="text/javascript" src="../plugins/angularjs/angular.min.js"> </script>
<script type="text/javascript" src="../js/base.js"> </script>
<script type="text/javascript" src="../js/service/goodsService.js"> </script>
<script type="text/javascript" src="../js/controller/baseController.js"> </script>
<script type="text/javascript" src="../js/controller/goodsController.js"> </script>


定义控制器:

[AppleScript] 纯文本查看 复制代码
<body
class="hold-transition skin-red sidebar-mini"
ng-app="pinyougou"
ng-controller="goodsController">

表单部分代码:
[AppleScript] 纯文本查看 复制代码
 <div class="col-md-2 title">商品名称</div>
<div class="col-md-10 data">
<input type="text" class="form-control" ng-model="entity.goods.goodsName"
placeholder="商品名称" value="">
</div>
<div class="col-md-2 title">副标题</div>
<div class="col-md-10 data">
<input type="text" class="form-control" ng-model="entity.goods.caption"
placeholder="副标题" value="">
</div>
<div class="col-md-2 title">价格</div>
<div class="col-md-10 data">
<div class="input-group">
<span class="input-group-addon">¥</span>
<input type="text" class="form-control" ng-model="entity.goods.price"
placeholder="价格" value="">
</div>
</div>
<div class="col-md-2 title rowHeight2x">包装列表</div>
<div class="col-md-10 data rowHeight2x">
<textarea rows="4" class="form-control" ng-model="entity.goodsDesc.packageList"
placeholder="包装列表"></textarea>
</div>
<div class="col-md-2 title rowHeight2x">售后服务</div>
<div class="col-md-10 data rowHeight2x">
<textarea rows="4" class="form-control" ng-model="entity.goodsDesc.saleService"
placeholder="售后服务"></textarea>
</div>


保存按钮

[AppleScript] 纯文本查看 复制代码
<button class="btn btn-primary" ng-click="add()"><i class="fa fa-save"></i> 保 存
</button>







欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2