电商项目后端思路总结①

🍖电商重难点总结

---

---

Shop-Day01✧

---

1、代码生成器生出两个类？作用？

代码生成器生成t_goods_catepory表生成GoodsCatepory.java和GoodsCategoryExample.java

• GoodsCatepory.java:主要内容就是我们表中的字段，并实现了Serializable序列化接口，为什么实现序列化接口？因为电商项目是前后端分离项目，将对象流化，方便读写。
• GoodsCategoryExample.java：此类的位置是GoodsCatepory类的辅助类，里面提供了一个抽象类GeneratedCriteria，抽象类提供大量的方法。还提供了三个类其中一个抽象类内部类Criteria(标准）此内部类是静态且继承内部类（GeneratedCriteria）此内部类提供大量的拼接SQL方法，故每次使用辅助类，必先创建Criteria(标准）对象，在间接调用方法进行SQL拼接实现功能，省去了写SQL

---

2、如何实现商品有等级的添加？

---

-- 如何实现两个下拉框的数据联动？如何控制添加的是几级分类？
方法：① 通过为两个下拉框绑定点击事件，通过点击事件获取选择项的id发送ajax
	请求向后端获取数据,获取子分类的内容即可
方法：② 两个下拉框的内容都是通过父级ID获取，所以一旦下拉框选择内容，则判
	断<option value="${gc.id}">value值来判断添加的分类级别

---

主要核心代码：
前端js

 /*** 获取多级联动的商品分类
     * * id:当前选择框的值
     * * next：下级选择框显示的内容
     * * select_id:决定level */
    /*第一个下拉框判断*/
    function getCategory(id, next) {
        var url = '${ctx}/goods/getIdByParent/' + id;
        // 用户重新选择顶级分类时，重置下级分类为：请选择商品分类，且清空下级分类信息
        var htmlStr = "<option value='0'>请选择商品分类</option>";
        if(0==id){
            $("#"+next).html(htmlStr);
            //修改level
            $("#level").val(1);
            return;
        }
        $.ajax({ type: "GET", url: url, error: function (request) {
            layer.alert("获取子分类失败！");
            },
            success: function (result) {
            if (result.length > 0) {
                for (i = 0; i < result.length; i++) {
                    htmlStr += "<option value='" + result[i].id + "'>" + result[i].name + "</option>"
                }
                $("#"+next).html(htmlStr);
                //设置level为2
                $("#level").val(2);
            }else {
                layer.alert("获取子分类失败！");
            }
        }
        });
    }
    /*第二个下拉框判断*/
    function setParentId(parentId,level){
        if(0==parentId){
            //修改parentId和level
            $("#parentId").val($("#parent_id_1").val());
            $("#level").val(2);
            return;
        }
        //修改
        $("#parentId").val(parentId);
        $("#level").val(level);

    }

---

后端核心逻辑

/*通过上级id获取下一商品分类*/
    @Override
    public List<GoodsCategory> getGoodsByParentId(Short id){
        GoodsCategoryExample goodsCategoryExample=new GoodsCategoryExample();
        goodsCategoryExample.createCriteria().andParentIdEqualTo(id);
        return goodsCategoryMapper.selectByExample(goodsCategoryExample);
    }

    /*添加商品种类*/
    @Override
    public Integer addGoodsCatepory(GoodsCategory goodsCategory) {
       Integer status= goodsCategoryMapper.insertSelective(goodsCategory);
       return status;
    }

---

Shop-Day02✧

---

1、如何实现商品列表分级展示？

核心思路：ztree树

代码实现思路：

- 在原有的GoodsCatepory类，新增一个类GoodsCateporyV，此类继承原有商品类并
  添加新字段`List<GoodsCategoryVo> children`,通过此字段无限套娃，不断通过id查询下级即可。

public class GoodsCategoryVo extends GoodsCategory implements Serializable {

    //设置序列号
    private static final long serialVersionUID=1L;
    //添加下级属性
    private List<GoodsCategoryVo> children=new ArrayList<>();

    public List<GoodsCategoryVo> getChildren() {
        return children;
    }

    public void setChildren(List<GoodsCategoryVo> children) {
        this.children = children;
    }

}

核心代码实现：

    /*获取一级二级三级分类*/
    @Override
    public List<GoodsCategoryVo> getGcList(){
        //先获取一级分类
        GoodsCategoryExample goods=new GoodsCategoryExample();
        goods.createCriteria().andParentIdEqualTo((short) 0);
        //获取一级分类全部
        List<GoodsCategory> gcList1=goodsCategoryMapper.selectByExample(goods);
//        System.out.println("商品目录"+gcList1);
        //分类菜单集合
        List<GoodsCategoryVo> goodsList1=new ArrayList<>();
        //遍历存放
        for (GoodsCategory g: gcList1) {
            //创建一级分类对象
            GoodsCategoryVo gcListV1=new GoodsCategoryVo();
            BeanUtils.copyProperties(g,gcListV1);
            System.out.println(g.getId()+"----------"+gcListV1.getId());
            //清理原始查询条件
            goods.clear();
            System.out.println(g.getId()+"----------"+gcListV1.getId());
            //准备获取二级分类
            goods.createCriteria().andParentIdEqualTo(g.getId()).andLevelEqualTo((byte)2);
            //获取全部二级分类
            List<GoodsCategory> gcList2=goodsCategoryMapper.selectByExample(goods);
            //准备分类集合
            List<GoodsCategoryVo> goodsList2=new ArrayList<>();
            for (GoodsCategory gg:gcList2) {
                //创建二级分类对象
                GoodsCategoryVo gcListV2=new GoodsCategoryVo();
                BeanUtils.copyProperties(gg,gcListV2);
                //清理原始查询条件
                goods.clear();
                //准备三级
                goods.createCriteria().andParentIdEqualTo(gcListV2.getId()).andLevelEqualTo((byte)3);
                List<GoodsCategory> gcList3=goodsCategoryMapper.selectByExample(goods);
                //准备分类集合
                List<GoodsCategoryVo> goodsList3=new ArrayList<>();
                for (GoodsCategory ggg: gcList3) {
//                    System.out.println("开始三级分类");
                    //创建三级分类对象
                    GoodsCategoryVo gcListV3=new GoodsCategoryVo();
                    BeanUtils.copyProperties(ggg,gcListV3);
                    //每循环一次添加
                    goodsList3.add(gcListV3);
                }
                //添加二级目录的三级
                gcListV2.setChildren(goodsList3);
                //每循环一次
                goodsList2.add(gcListV2);
            }
            //添加一级下的二级
            gcListV1.setChildren(goodsList2);
            //每循环一次添加一次
            goodsList1.add(gcListV1);

        }

        return goodsList1;
    }

---

2、如何实现图片文件的上传？

主要思路：通过注册七牛云，获取一个云存储，通过绑定密钥，编写逻辑，将文件以字节流的形式存储至云端，本地数据库存放访问此图片的路径即可。

---

• 引入依赖

 <!-- 七牛云sdk 依赖 -->
    <dependency>
      <groupId>com.qiniu</groupId>
      <artifactId>qiniu-java-sdk</artifactId>
    </dependency>
    <dependency>
      <groupId>com.google.code.gson</groupId>
      <artifactId>gson</artifactId>
    </dependency>

• 配置文件application.yml

qiniu:
//密钥配置
  ak: kIuxqNMn9mdDJIREOWSPFWxxxxxxUgMK 
  sk: zsdfxxxdfvxxxxxxxxxxxxxxxxxxxxxrU
  //云库名
  bucket: xxxxx
  //外链域名
  domain: http://xxxxxxxxxn.com

• 主要逻辑Service

@Service
public class UploadFileImp implements IUploadFile {

    @Value("${qiniu.ak")
    private String ak;

    @Value("${qiniu.sk")
    private String sk;

    @Value("${qiniu.bucket")
    private String bucket;

    @Value("${qiniu.domain")
    private String domain="http://qwy1a7p8l.hd-bkt.clouddn.com";


    @Override
    public FileResult uploadFile(InputStream inputStream, String fileName) {
        FileResult fileResult = new FileResult();
        try {
            //构造一个带指定 Region 对象的配置类
            Configuration cfg = new Configuration(Region.region0());
            //...其他参数参考类注释
            UploadManager uploadManager = new UploadManager(cfg);
            //默认不指定key的情况下，以文件内容的hash值作为文件名
            Auth auth = Auth.create(ak,sk);
            String upToken = auth.uploadToken(bucket);
            //解析上传结果
            Response response = uploadManager.put(inputStream, fileName, upToken, null, null);
            DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
            //设置文件远程访问地址
            fileResult.setFileUrl(domain+"/"+ putRet.key);
            fileResult.setSuccess("文件上传成功！");
            fileResult.setMessage("文件上传");
        } catch (Exception ex) {
            ex.printStackTrace();
            System.out.println(ex.toString());
            fileResult.setError("文件上传失败！");
        }
        return fileResult;
    }
}

• Controller层调用

@Controller
@RequestMapping("fileUpload")
public class UploadController {
    @Autowired
    private UploadFileImp uploadFile;

    @RequestMapping("save")
    @ResponseBody
    public FileResult uploadFile(@RequestParam(name = "file")
                                         MultipartFile multipartFile, HttpSession session) {
        FileResult fileResult = new FileResult();
        if (multipartFile.isEmpty()) {
            fileResult.setError("文件内容为空！");
            fileResult.setMessage("文件内容为空！");
            return fileResult;
        }


        try {
            String fileName = multipartFile.getOriginalFilename();
            fileName = new SimpleDateFormat("yyyy/MM/dd").format(new Date())
                    + System.currentTimeMillis()
                    + fileName.substring(fileName.lastIndexOf("."));
            fileResult = uploadFile.uploadFile(multipartFile.getInputStream(),fileName);
        } catch (IOException e) {
            e.printStackTrace();
            fileResult.setError(e.getMessage());
            fileResult.setMessage(e.getMessage());
        }
        return fileResult;
    }
}

---

壁纸一份

---