电商Web平台开发 课件 6任务二 前台商品列表展示及详情页

模块二综合实战应用模块《电商web云平台开发》思维导图商城前台开发商城后台开发1目录CONTENTS2项目六

商城前台开发项目背景在全渠道数字化运营项目中，商城前台是面向用户端最重要的组成部分，而商城前台的服务端业务逻辑用以支撑整个商城用户端的运作。本项目以一个商城项目为例详细讲解Java技术的综合开发应用。该商城叫“乡农甄商城”，是一个基于扶农助农需求为扶贫乡县搭建的一个线上助销平台，为农户拓宽销售渠道。扶农助农线上助销平台拓展销售渠道乡农甄商城本章节主要介绍如何对商城的前台进行开发，根据业务逻辑的不同可以将前台开发分为若干模块，然后从数据表格的建立、实体类的创建、Mapper接口和Mapper映射文件的编写、Service接口及实现的编写、Controller类的编写、等方面一步步进行编码。研究内容前台用户的注册/登录功能前台商品列表展示及详情页前台购物车前台订单管理个人信息管理学习目标1.了解Java程序语言；2.理解SSM框架下开发功能的流程；3.认识MySQL数据库及SQL语句；4.理解前端各个功能的实现步骤。知识目标1.能够独立完成前台用户的注册/登录功能开发；2.能够独立完成前台商品列表及展示页功能开发；3.能够独立完成前台购物车相关功能开发；4.能够独立完成前台订单管理功能开发；5.能够独立完成个人信息管理功能开发。技能目标1.通过商城项目前台的开发，让学生了解商城系统的业务逻辑与开发要求。素养目标任务二前台商品列表展示及详情页预备知识21获取商品详情页信息流程前台商品列表展示功能：需要将商品信息查询出来后返回到前端页面一、前台商品列表展示及详情页的业务逻辑梳理预备知识一、前台商品列表展示及详情页的业务逻辑梳理查询商品基本信息查询商品属性及属性信息设置状态及价格获取商品品牌信息获取商品库存信息获取商品优惠券信息返回前端预备知识二、前台商品列表展示及详情页的服务端程序执行流程0103050204前端程序访问服务器端的程序接口

实现列表展示及详情页的具体业务逻辑浏览器端程序解析数据接收和响应客户端的请求映射文件实现SQL语句实施准备商品列表不单单是获取商品数据，还需要根据商品的新旧、销量、价格等条件进行排序，同时还需注意商品的上架状态。商品详情数据比较多，商城系统不仅要获取商品信息表本身的数据，还需要获取关联的品牌信息、商品属性信息、商品SKU信息、商品会员价设置、商品阶梯价格设置、商品满减价格设置及商品可用优惠券等。请同学们打开上一任务中完成的项目，本任务内容将在此基础上进行。任务实施与分析步骤1：数据库中创建商品信息表CREATETABLE`pms_product`(`id`bigint(20)NOTNULLAUTO_INCREMENT,`brand_id`bigint(20)DEFAULTNULL,`product_category_id`bigint(20)DEFAULTNULL,`feight_template_id`bigint(20)DEFAULTNULL,`product_attribute_category_id`bigint(20)DEFAULTNULL,`name`varchar(64)NOTNULL,`pic`varchar(255)DEFAULTNULL,`create_time`datetimeDEFAULTNULL,……

设置商品信息表的字段与字段类型任务实施与分析步骤2：创建数据库实体类在com.framework.fundation.domain包下创建实体类PmsProduct@JsonIgnoreProperties(value={"handler"})publicclassPmsProductimplementsSerializable{privateLongid;privateLongbrandId;privateLongproductCategoryId;privateLongfeightTemplateId;privateLongproductAttributeCategoryId;privateStringname;privateStringpic;@ApiModelProperty(value="提交时间") privateDatecreateTime;……任务实施与分析步骤3：创建查询方法@ApiImplicitParam注解用在请求方法上，表示一组参数说明；name属性表示参数名；value属性表示参数的汉字说明或解释；defaultValue属性表示参数的默认值；paramType属性表示参数放在哪个地方；query表示请求参数的获取是@RequestParam；dataType属性表示参数类型，默认为String，其它值可以使用dataType="Integer"。任务实施与分析步骤4：创建search方法/***综合搜索商品*/List<PmsProduct>search(Stringkeyword,LongbrandId,LongproductCategoryId,IntegerpageNum,IntegerpageSize,Integersort);在PmsProductService接口中定义search方法任务实施与分析步骤5：实现search方法在PmsProductServiceImpl中实现PmsProductService接口中定义的search方法 @Override publicList<PmsProduct>search(Stringkeyword,LongbrandId,LongproductCategoryId,IntegerpageNum,IntegerpageSize,Integersort){ PageHelper.startPage(pageNum,pageSize); Map<String,Object>params=newHashMap<String,Object>(); if(CommUtil.isNotNull(keyword)){ params.put("keyword",keyword); }

……returnproductMapper.selectParam(params)：

调用了ProductMapper接口中的selectParam根据参数查询方法查询结果为返回值任务实施与分析步骤6：实现detail方法在PmsProductController类中实现获取前台商品详情的detail方法@ApiOperation("获取前台商品详情")@RequestMapping(value="/detail",method=RequestMethod.POST)@ResponseBodypublicCommonResult<PmsProduct>detail( @RequestParam(required=false)Longid, @RequestParam(required=false)LongmemberId){PmsProductproductDetail=productService.detail(id,memberId);returnCommonResult.success(productDetail);}任务实施与分析步骤7：定义detail接口在PmsProductService接口中定义PmsProductController类中调用的detail方法/***获取前台商品详情*/PmsProductdetail(Longid,LongmemberId);任务实施与分析步骤8：实现detail接口detail方法的重点代码说明如下：1.productAttributeMapper.selectParam(params)获取商品的属性信息；2.brandMapper.get获取商品的品牌信息；3.couponMapper.getItemSortCouponList获取商品的优惠券信息。1创建PmsProductServiceImpl类2实现PmsProductService接口中定义的detail方法思政小课堂人们常说“人心齐，泰山移”，如果一个领导者，把集体成员各方面的特性凝聚一起，使得团队成员很好地相处与沟通，有着团队荣誉感和使命感，那么这个团队在做事时就会有事半功倍的效果。1.通过团队合作,有利于激发团队成员的学习动力,有助于提高团队的整体能力。2.通过团队合作,可以营造一种工作氛围,使每个队员都有一种归属感,有助于提高团队成员的积极性和效率。3.团队合作有利于产生新颖的创意。4.团队合作可以完成个人无法独立完成的大项目。拓展知识需要实现基本的CRUD方法提高代码开发的效率/***动态代理Mapper（接口类）*@authorAdministrator**@param<T>*/publicinterfaceBaseMapper<T>{ /** *新增实体 *@paramentity *@return影响记录条数 */ publicintinsert(Tentity);

……一、动态代理Mapper拓展知识二、商城首页功能实现一次封装将需要返回给首页的信息进行一次封装A返回前端前端只需请求一次就可获取所有内容C添加信息将查询到的信息添加到内容对象中B思考与总结商城前台实现商品列表和商品详情方法的业务逻辑是怎样的？获取商品详情时会关联哪些表？能力提升在上一节能力提升中，同学们完成了电商网站项目前台用户注册和登录功能。本节将继续开发电商网站前台商品列表及详情页模块，请同学们结合本节所学内容，继续完善电商网站项目的以下任务：

在数据库中创建商品表pms_product，并设置其字段和字段类型；

创建pms_product表的实体类；

创建Mapper接口类及对应的Mapper映射文件，实现前台商品列表查询、及商品详情页查询方法，编写对应的SQL语句；

创建Service接口及接口实现类，完成前台