25分布式电商项目 - 商品分类管理(增删改查)

简介: 25分布式电商项目 - 商品分类管理(增删改查)

1.新增商品

实现商品分类,如下图:

当前显示的是哪一分类的列表,我们就将这个商品分类新增到这个分类下。

实现思路:我们需要一个变量去记住上级 ID,在保存的时候再根据这个 ID 来新增分类

修改 itemCatController.js, 定义变量

$scope.parentId=0;//上级 ID

查询时记录上级 ID

//根据上级 ID 显示下级列表
$scope.findByParentId=function(parentId){
  $scope.parentId=parentId;//记住上级 ID
  itemCatService.findByParentId(parentId).success(
    function(response){
      $scope.list=response;
    }
  );
 }

保存的时候,用到此变量

//保存
$scope.save=function(){
  var serviceObject;//服务层对象 
  if($scope.entity.id!=null){//如果有 ID
    serviceObject=itemCatService.update( $scope.entity ); //修改 
  }else{
  $scope.entity.parentId=$scope.parentId;//赋予上级 ID
  serviceObject=itemCatService.add( $scope.entity );//增}
  serviceObject.success(
    function(response){
      if(response.success){
        //重新查询
        $scope.findByParentId($scope.parentId);//重新加载
      }else{
        alert(response.message);
      }
    }
  );
}

修改页面 item_cat.html

<div class="modal-body">
  <table class="table table-bordered table-striped" width="800px">
  <tr>
    <td>上级商品分类</td>
    <td>
    {{entity_1.name}} >> {{entity_2.name}}
    </td>
    </tr>
    <tr>
    <td>商品分类名称</td>
    <td><input class="form-control" ng-model="entity.name"
  placeholder="商品分类名称"> </td>
    </tr>  
    <tr>
    <td>类型模板</td>
    <td> 
    <input ng-model="entity.typeId" placeholder="商品类型模板"
  class="form-control" type="text"/>
    </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>

2.修改商品

修改 item_cat.html 的修改按钮

<button type="button" class="btn bg-olive btn-xs" data-toggle="modal"
data-target="#editModal" ng-click="findOne(entity.id)">修改</button>

3.删除商品分类

代码略

4.类型模板下拉列表

代码略

目录
相关文章
|
11月前
|
安全 开发工具 git
git分布式版本控制系统及在码云上创建项目并pull和push
通过本文的介绍,我们详细讲解了Git的基本概念和工作流程,并展示了如何在码云上创建项目及进行pull和push操作。Git作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码变更和协作开发。希望本文能帮助您更好地理解和使用Git及码云,提高开发效率和代码质量。
544 18
|
11月前
|
安全 开发工具 git
git分布式版本控制系统及在码云上创建项目并pull和push
通过本文的介绍,我们详细讲解了Git的基本概念和工作流程,并展示了如何在码云上创建项目及进行pull和push操作。Git作为一种分布式版本控制系统,为开发者提供了强大的工具来管理代码变更和协作开发。希望本文能帮助您更好地理解和使用Git及码云,提高开发效率和代码质量。
359 16
|
NoSQL Java Redis
面试官:项目中如何实现分布式锁?
面试官:项目中如何实现分布式锁?
401 7
面试官:项目中如何实现分布式锁?
|
资源调度 Java 调度
项目环境测试问题之Schedulerx2.0通过分布式分片任务解决单机计算瓶颈如何解决
项目环境测试问题之Schedulerx2.0通过分布式分片任务解决单机计算瓶颈如何解决
254 0
项目环境测试问题之Schedulerx2.0通过分布式分片任务解决单机计算瓶颈如何解决
|
SQL NoSQL Java
如何在Java项目中实现分布式锁
如何在Java项目中实现分布式锁
|
存储 缓存 开发框架
看看 Asp.net core Webapi 项目如何优雅地使用分布式缓存
看看 Asp.net core Webapi 项目如何优雅地使用分布式缓存
260 0
|
消息中间件 Java 中间件
如何在Java项目中实现分布式事务管理
如何在Java项目中实现分布式事务管理
|
5月前
|
存储 负载均衡 NoSQL
【赵渝强老师】Redis Cluster分布式集群
Redis Cluster是Redis的分布式存储解决方案,通过哈希槽(slot)实现数据分片,支持水平扩展,具备高可用性和负载均衡能力,适用于大规模数据场景。
430 2
|
5月前
|
存储 缓存 NoSQL
【📕分布式锁通关指南 12】源码剖析redisson如何利用Redis数据结构实现Semaphore和CountDownLatch
本文解析 Redisson 如何通过 Redis 实现分布式信号量(RSemaphore)与倒数闩(RCountDownLatch),利用 Lua 脚本与原子操作保障分布式环境下的同步控制,帮助开发者更好地理解其原理与应用。
374 6
|
6月前
|
存储 缓存 NoSQL
Redis核心数据结构与分布式锁实现详解
Redis 是高性能键值数据库,支持多种数据结构,如字符串、列表、集合、哈希、有序集合等,广泛用于缓存、消息队列和实时数据处理。本文详解其核心数据结构及分布式锁实现,帮助开发者提升系统性能与并发控制能力。

热门文章

最新文章