项目4_品优购

一:商家后台-商品管理【商品列表】(在商家后台，显示该商家的商品列表信息)

不能修改service层代码,因为会影响运营商和商家后台
因此只能在商家后台的Controller修改代码
并且在service层将模糊查询改成精确查询

@RequestMapping("/search")
public PageResult search(@RequestBody TbGoods goods, int page, int rows  ){//获取商家IDString sellerId=SecurityContextHolder.getContext().getAuthentication().getName();//添加查询条件 goods.setSellerId(sellerId);return goodsService.findPage(goods, page, rows);		
}criteria.andSellerIdEqualTo(goods.getSellerId());//引入js
<script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
<!-- 分页组件开始 -->
<script src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">
<!-- 分页组件结束 -->
<script type="text/javascript" src="../js/base_pagination.js"></script>	
<script type="text/javascript" src="../js/service/goodsService.js"></script>
<script type="text/javascript" src="../js/service/itemCatService.js"></script>
<script type="text/javascript" src="../js/service/uploadService.js"></script>
<script type="text/javascript" src="../js/service/typeTemplateService.js"></script>
<script type="text/javascript" src="../js/controller/baseController.js"></script>
<script type="text/javascript" src="../js/controller/goodsController.js"></script><body class="hold-transition skin-red sidebar-mini" ng-app="pinyougou" ng-controller="goodsController">
//在页面上放置分页控件
<tm-pagination conf="paginationConf"></tm-pagination>
//循环
<tr ng-repeat="entity in list"><td><input  type="checkbox"></td>			                              <td>{{entity.id}}</td><td>{{entity.goodsName}}</td><td>{{entity.price}}</td><td>{{entity.category1Id}}</td><td>{{entity.category2Id}}</td><td>{{entity.category3Id}}</td><td>{{entity.auditStatus}}</td>		                                  <td class="text-center">                                          <button type="button" class="btn bg-olive btn-xs">修改</button>                  </td>
</tr>

二:显示状态

方式一:在页面通过ng-if来判断,不过需要写4个
方式二:在前端写一个数组下标和数据库对应的值相等

$scope.status=['未审核','已审核','审核未通过','关闭'];
{{status[entity.auditStatus]}}

三:显示分类

方案一：在后端代码写关联查询语句，返回的数据中直接有分类名称。

方案二：在前端代码用ID去查询后端，异步返回商品分类名称。

采用方式二:

以ID作为下标,以名称作为值,
和刚刚状态是一样的,不过状态是写死的,分类是从数据库查询的

$scope.itemCatList=[];//商品分类列表//加载商品分类列表
$scope.findItemCatList=function(){itemCatService.findAll().success(function(response){for(var i=0;i<response.length;i++){$scope.itemCatList[response[i].id]=response[i].name;}});
}ng-init="findItemCatList()"<td>{{itemCatList[entity.category1Id]}}</td>
<td>{{itemCatList[entity.category2Id]}}</td>
<td>{{itemCatList[entity.category3Id]}}</td>

四:条件查询

<div class="has-feedback">状态：<select ng-model="searchEntity.auditStatus"><option value="">全部</option>      <option value="0">未审核</option>    <option value="1">已审核</option>    <option value="2">审核未通过</option>    <option value="3">关闭</option>                                     </select>商品名称：<input ng-model="searchEntity.goodsName">						<button class="btn btn-default" ng-click="reloadList()">查询</button>                                    
</div>

五:商家后台-商品管理【商品修改】

1)基本信息读取

public Goods findOne(Long id);
public Goods findOne(Long id){Goods goods=new Goods();//商品基本表	TbGoods tbGoods = goodsMapper.selectByPrimaryKey(id);goods.setGoods(tbGoods);//商品扩展表		TbGoodsDesc tbGoodsDesc =goodsDescMapper.selectByPrimaryKey(id);goods.setGoodsDesc(tbGoodsDesc);return goods;
}
//将后端Controller改成Goods

$location.search()['id'];//获取参数值

注意： ?前要加# ，则是angularJS的地址路由的书写形式

//在goodsController中引入$location服务
app.controller('goodsController',function($scope,$controller,
$location,goodsService,uploadService,item_catService,type_templateService){}//查询实体 
$scope.findOne=function(){			var id= $location.search()['id'];//获取参数值if(id==null){return ;}goodsService.findOne(id).success(function(response){$scope.entity= response;					});				
}
//在goods_edit.html页面上添加指令
<body class="hold-transition skin-red sidebar-mini" ng-app="pinyougou" 
ng-controller="goodsController" ng-init="selectItemCat1List();findOne()">

2)读取商品介绍（富文本编辑器）

//向富文本编辑器添加商品介绍
editor.html($scope.entity.goodsDesc.introduction);

3)显示商品图片列表

 //显示图片列表
$scope.entity.goodsDesc.itemImages=JSON.parse($scope.entity.goodsDesc.itemImages);

4)读取商品扩展属性

//显示扩展属性
$scope.entity.goodsDesc.customAttributeItems=JSON.parse($scope.entity.goodsDesc.customAttributeItems);//如果没有ID，则加载模板中的扩展数据
if($location.search()['id']==null){
//扩展属性$scope.entity.goodsDesc.customAttributeItems = JSON.parse($scope.typeTemplate.customAttributeItems);
}

5)读取商品规格属性

//规格
$scope.entity.goodsDesc.specificationItems=JSON.parse($scope.entity.goodsDesc.specificationItems);

//根据规格名称和选项名称返回是否被勾选
$scope.checkAttributeValue=function(specName,optionName){var items=$scope.entity.goodsDesc.specificationItems;var object= $scope.searchObjectByKey(items,'attributeName',specName);if(object !=null){if(object.attributeValue.indexOf(optionName)>=0){return true;}else{return false;}}else{return false;}
}ng-checked="checkAttributeValue(pojo.text,option.optionName)"

ng-checked指令控制复选框的勾选状态,若选中,则返回true,若没有选中,则返回false

6)读取SKU数据

public class Goods implements Serializable{
private TbGoods goods;  //商品SPU
private TbGoodsDesc goodsDesc; //商品扩展
private List<TbItem> itemList; //商品SKU列表
}// 根据ID获取实体
public Goods findOne(Long id){Goods goods=new Goods();TbGoods tbGoods = goodsMapper.selectByPrimaryKey(id);goods.setGoods(tbGoods);TbGoodsDesc tbGoodsDesc =goodsDescMapper.selectByPrimaryKey(id);goods.setGoodsDesc(tbGoodsDesc);//查询SKU商品列表TbItemExample example=new TbItemExample();com.pinyougou.pojo.TbItemExample.Criteria criteria = example.createCriteria();criteria.andGoodsIdEqualTo(id);//查询条件：商品IDList<TbItem> itemList=itemMapper.selectByExample(example);goods.setItemList(itemList);return goods;
}//SKU列表规格列转换	
for(var i=0;i<$scope.entity.itemList.length;i++){$scope.entity.itemList[i].spec=JSON.parse($scope.entity.itemList[i].spec);
}

7)保存数据

public void update(Goods goods);//写一个方法,专门用来插入SKU的列表数据
private void saveItemList(Goods goods){//启用规格if("1".equals(goods.getGoods().getIsEnableSpec())){System.out.println("111"+"勾选");for(TbItem item:goods.getItemList()){//构建标题  SPU名称+ 规格选项值String title=goods.getGoods().getGoodsName();//SPU名称//{"机身内存":"16G","网络":"联通2G"}Map<String,Object> map=JSON.parseObject(item.getSpec());for (String key : map.keySet()) {title+=" "+map.get(key);}item.setTitle(title);	setItemValus(goods,item);		itemMapper.insert(item);}}else{System.out.println("000"+"不勾选");//不启用规格TbItem item=new TbItem();item.setTitle(goods.getGoods().getGoodsName());//商品KPU+规格描述串作为SKU名称item.setPrice( goods.getGoods().getPrice() );//价格			item.setStatus("1");//状态item.setIsDefault("1");//是否默认			item.setNum(99999);//库存数量item.setSpec("{}");			setItemValus(goods,item);		itemMapper.insert(item);}
}// 修改
public void update(Goods goods){
goods.getGoods().setAuditStatus("0");//设置未申请状态:如果是经过修改的商品，需要重新设置状态//更新基本表数据goodsMapper.updateByPrimaryKey(goods.getGoods());//更新扩展表数据goodsDescMapper.updateByPrimaryKey(goods.getGoodsDesc());//删除原有的SKU列表数据TbItemExample example=new TbItemExample();com.pinyougou.pojo.TbItemExample.Criteria criteria = example.createCriteria();criteria.andGoodsIdEqualTo(goods.getGoods().getId());itemMapper.deleteByExample(example);//插入新的SKU列表数据saveItemList(goods);
}// 修改
//出于安全考虑，在商户后台执行的商品修改，必须要校验提交的商品属于该商户
@RequestMapping("/update")
public Result update(@RequestBody Goods goods){//校验是否是当前商家的id		Goods goods2 = goodsService.findOne(goods.getGoods().getId());//获取当前登录的商家IDString sellerId = SecurityContextHolder.getContext().getAuthentication().getName();//如果传递过来的商家ID并不是当前登录的用户的ID,则属于非法操作if(!goods2.getGoods().getSellerId().equals(sellerId) || !goods.getGoods().getSellerId().equals(sellerId) ){return new Result(false, "操作非法");		}		try {goodsService.update(goods);return new Result(true, "修改成功");} catch (Exception e) {e.printStackTrace();return new Result(false, "修改失败");}
}

//保存 
$scope.save=function(){	//获取富文本编辑器里面的内容$scope.entity.goodsDesc.introduction=editor.html();var serviceObject;//服务层对象  				if($scope.entity.goods.id!=null){//如果有IDserviceObject=goodsService.update( $scope.entity ); //修改  }else{serviceObject=goodsService.add( $scope.entity  );//增加 }				serviceObject.success(function(response){if(response.success){alert("保存成功");$scope.entity={}; //添加成功后,清空editor.html(''); //清空富文本编辑器}else{alert(response.message);}}		);				
}ng-click="save()"

8)页面跳转

//修改
<a href="goods_edit.html#?id={{entity.id}}" class="btn bg-olive btn-xs">修改</a> 
//返回列表<a href="goods.html" class="btn btn-default" >返回列表</a>
//保存成功,跳转到goods.html页面
alert("保存成功");
location.href="goods.html";
//新建
<a href="goods_edit.html" class="btn btn-default">新建</a>

六:运营商后台-商品管理【商品审核】

1)待审核商品列表

//要记得在goodsController.js里面注入itemCatService
$scope.status=['未审核','已审核','审核未通过','关闭'];//商品状态
$scope.itemCatList=[];//商品分类列表
//查询商品分类
$scope.findItemCatList=function(){itemCatService.findAll().success(function(response){for(var i=0;i<response.length;i++){$scope.itemCatList[response[i].id ]=response[i].name;		}					}		);		
}<script type="text/javascript" src="../plugins/angularjs/angular.min.js"></script>
<!-- 分页组件开始 -->
<script src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">
<!-- 分页组件结束 -->
<script type="text/javascript" src="../js/base_pagination.js"></script>	
<script type="text/javascript" src="../js/service/goodsService.js"></script>
<script type="text/javascript" src="../js/service/itemCatService.js"></script>
<script type="text/javascript" src="../js/controller/baseController.js"></script>
<script type="text/javascript" src="../js/controller/goodsController.js"></script><body class="hold-transition skin-red sidebar-mini" ng-app="pinyougou" ng-controller="goodsController" 
ng-init="searchEntity={auditStatus:'0'};findItemCatList()"><tbody><tr ng-repeat="entity in list"><td><input  type="checkbox"></td>			                              <td>{{entity.id}}</td><td>{{entity.goodsName}}</td><td>{{entity.price}}</td><td>{{itemCatList[entity.category1Id]}}</td><td>{{itemCatList[entity.category2Id]}}</td><td>{{itemCatList[entity.category3Id]}}</td><td>{{status[entity.auditStatus]}}</td>		                                  <td class="text-center"> </td></tr>
</tbody><tm-pagination conf="paginationConf"></tm-pagination>

2)商品审核与驳回
需求：商品审核的状态值为1，驳回的状态值为2 。用户在列表中选中ID后，点击审核或驳回，修改商品状态，并刷新列表。

//批量修改状态
public void updateStatus(Long [] ids,String status);public void updateStatus(Long[] ids, String status) {for (Long id : ids) {TbGoods goods=goodsMapper.selectByPrimaryKey(id);goods.setAuditStatus(status);goodsMapper.updateByPrimaryKey(goods);
}//更新状态
@RequestMapping("/updateStatus")
public Result updateStatus(Long[] ids, String status) {try {goodsService.updateStatus(ids, status);return new Result(true, "成功");} catch (Exception e) {e.printStackTrace();return  new Result(false, "失败");}
}this.updateStatus=function(ids,status){return $http.get('../goods/updateStatus.do?ids='+ids+"&status="+status);
}$scope.updateStatus=function(status){
goodsService.updateStatus($scope.selectIds,status).success(function(response){if(response.success){//成功$scope.reloadList();//刷新列表$scope.selectIds=[];//清空ID集合}else{alert(response.message);}}
);
}<input  type="checkbox" ng-click="updateSelected($event,entity.id)" >
<button type="button"  title="审核通过" ng-click="updateStatus('1')"> 审核通过</button>
<button type="button"  title="驳回" ng-click="updateStatus('2')"> 驳回</button>

七:运营商后台-商品管理【商品删除】(逻辑删除的实现)

// 批量删除
public void delete(Long[] ids) {for(Long id:ids){TbGoods goods=goodsMapper.selectByPrimaryKey(id);goods.setIsDelete("1");//1表示逻辑删除goodsMapper.updateByPrimaryKey(goods);}		
}
//指定某个字段是null
criteria.andIsDeleteIsNull();//非删除状态ng-click="dele()"

八:注解式事务配置(在需要的serviceImpl方法上加上 @Transactional)

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:p="http://www.springframework.org/schema/p"xmlns:context="http://www.springframework.org/schema/context"xmlns:tx="http://www.springframework.org/schema/tx"xmlns:mvc="http://www.springframework.org/schema/mvc"xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsdhttp://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsdhttp://www.springframework.org/schema/tx http://www.springframework.org/schema/tx/spring-tx.xsdhttp://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd"><!-- 事务管理器  -->  <bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager">  <property name="dataSource" ref="dataSource" />  </bean>  <!-- 开启事务控制的注解支持 -->  <tx:annotation-driven transaction-manager="transactionManager"/>
</beans>

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

C++ Primer Plus 第三章之编程练习题
概要这一章的编程练习题主要考察不同数据类型的运用（在什么时候用什么样的数据类型比较好）以及类型转换（定义数据类型跟实际计算的时候所需的类型不一样） 3.1英尺和英寸表示身高 #include<iostream> using namespace std; int main(){const float changeFactor = 12…...
2024/4/28 0:32:39
label 语句的使用解决二维数组
Document...
2024/4/27 21:19:54
计算机视觉(ComputerVision, CV)相关领域的网站链接
计算机视觉(ComputerVision, CV)相关领域的网站链接 (1)googleResearch； http://research.google.com/index.html (2)MIT博士，汤晓欧学生林达华； http://people.csail.mit.edu/dhlin/index.html (3)MIT博士后Douglas Lanman； http://web.media.mit.edu/~dlanman/ (4)opencv…...
2024/4/28 0:50:42
js函数
JavaScript 函数定义 JavaScript 使用关键字 function 定义函数。函数可以通过声明定义，也可以是一个表达式。函数声明在之前的教程中，你已经了解了函数声明的语法 : function functionName(parameters) {执行的代码 }函数声明后不会立即执行，会在我们需要的时候调用到。…...
2024/4/28 13:52:49
python 绘图调色板
收藏着，感觉想要的都有了（color=’hjkl‘）...
2024/4/28 3:07:13
springboot使用pagehelper进行分页
上次的博客项目，使用到了分页，这里总结一下 1.项目环境 IDE：IDEA 语言：java 框架：springboot 模板引擎：thymeleaf 2.效果3.pom.xml<dependency><groupId>com.github.pagehelper</groupId><artifactId>pagehelper-spring-boot-starter</artifa…...
2024/4/28 14:06:07
yolov3网络结构
...
2024/4/28 5:07:22
vue - 组件的最最基础、初级写法
html <div id="app"></div>js<script> // 子组件 var MyBody = Vue.extend({template:`<div @click=show(123)>我是身体</div>`,methods:{show(num){alert(num);}}});// 子组件var MyHeader = Vue.extend({template:`<h1 :haha=123…...
2024/4/28 6:05:35
基于Vue的人力资源管理平台（利用模态框修改数据）
HTML部分：<!doctype html> <html lang="zh"><head><title>Vue利用模态框修改数据</title><meta charset="utf-8"><meta name="viewport" content="width=device…...
2024/4/27 22:43:04
Flutter状态管理之路（五）
接上一篇Flutter状态管理之路（四）此篇主要介绍flutter_mobx Fish Redux 版本：0.2.7 库地址：https://github.com/alibaba/fish-redux/ 演进过程概念对象说明所属库Action 表示一种意图,包含两个字段type,payloadConnector 表达了如何从一个大数据中读取小数据，同时对小数…...
2024/4/28 9:07:18
Centos7 安装mysql5.7
1，安装前的检查如果在阿里云上面操作，最好先更新系统组件：yum -y update2、检查是否安装了 mysqlrpm -qa | grep mysql若存在 mysql 安装文件，则会显示 mysql安装的版本信息,如：mysql-connector-odbc-5.2.5-6.el7.x86_64，然后卸载已安装的MySQL，卸载mysql命令：rpm -e -…...
2024/3/29 6:58:03
Python tkinter编程之Button_6 设置Button文本在控件上的显示位置
# -*-coding:utf-8-*- #设置Button文本在控件上的显示位置anchor:指定组件的位置，可用的值为： n(north) s(south) w(west) e(east) 和 ne(north east) nw(north west) se(south east) sw(south west)from tkinter import * root = Tk() for a in [n, s, e, w, ne, nw, se…...
2024/3/29 6:58:02
激活函数ReLU为什么比Sigmoid效果好_梯度消失
参考: https://blog.csdn.net/u014114990/article/details/50144653 第一个问题：为什么引入非线性激励函数？如果不用激励函数（其实相当于激励函数是f(x) = x），在这种情况下你每一层输出都是上层输入的线性函数，很容易验证，无论你神经网络有多少层，输出都是输入的线性组…...
2024/3/29 6:58:01
设计模式(7)---适配器模式
上一篇：原型模式 1.什么是适配器模式？下面这个读卡器的性质就能够非常清晰的表示这个问题：读卡器作为内存卡和电脑之间的沟通桥梁，使得我们可以通过笔记本来存取内存卡上面的数据。官方一点的解释：适配器模式是作为两个完全独立不兼容的接口的连接桥梁。在适配器模式中我…...
2024/3/29 6:58:00
rtp,rtsp,rtcp的区别
RTP(Real-time Transport Protocol)是用于Internet上针对多媒体数据流的一种传输协议。RTP被定义为在一对一或一对多的传输情况下工作。其目的是提供时间信息和实现流同步。但RTP通常使用UDP来传送数据。但RTP也可以在TCP或ATM等其他协议之上工作。当应用程序开始一个RTP会话时…...
2024/3/29 6:57:59
数字高程模型内插 opencv C++ CSU
数字高程模型内插 opencv C++ CSU 承接实验三实验配置 C++ vs2017 opencv实验4 数字高程模型内插一、实验目的二、实验内容与要求1.DEM类设计2.设计最小二乘配置的点云格网DEM内插程序。三、设计与实现3.1类的设计3.2控件按钮及其属性3.3主要代码3.3.1文件:< CDem.h >3…...
2024/3/29 6:58:00
轻松理解 Kubernetes 的核心概念
Kubernetes 迅速成为云环境中软件部署和管理的新标准。与强大的功能相对应的是陡峭的学习曲线。本文将提供 Kubernetes 的简化视图，从高处观察其中的重要组件，以及他们的关联。硬件（1）Node 节点Node（节点）是计算资源的最小单位，表示集群中单台计算机。可能是数据中心里面…...
2024/4/28 6:10:38
记Elasticsearch 因不合理创建type导致集群故障
作者：SUNNY 时间：2018-05-23故障现象 Pending tasks任务一直有堆积，线上createindex等无法完成。原因分析客户端存在一定时写数据脚本，脚本中会不断往统一索引创建type，并写数据，造成大量put mapping任务，而此任务又是高优先级，造成任务堆积，无法很快完成创建索引等…...
2024/4/28 5:17:10
【Java】final关键字
你真的了解final关键字了么？许多编程语言都有某种方法来告诉编译器有一块数据是恒定不变的，Java中就是通过final关键字来实现； 1、一个永不改变的编译时常量 2、一个在运行时被初始化的值，而你不希望他被改变也就是说这个恒定不变的数值不一定一定得是在编译时就定死了的…...
2024/4/28 15:06:54
Flutter状态管理之路（三）
接上一篇 Flutter状态管理之路（二），此篇主要介绍Flutter_Bloc Flutter_Bloc 版本：bloc 3.0.0 flutter_bloc 3.0.0 库地址：https://github.com/felangel/bloc 全称为 Business Logic Component,表示为业务逻辑组件,简称 BLoC 概念对象说明Event 表示触发某个状态改变的事…...
2024/3/29 13:58:16

项目4_品优购_day7

相关文章

最新文章