【SSM分布式架构电商项目-02】实现后台管理系统的选择商品类目

首页的js布局实现

这里采用的是easy-ui搭建的界面：

左中布局：

左侧菜单树：

效果：

菜单的点击事件

选择商品类目

功能描述：在新增商品时点击选择类目，弹出窗口，在窗口中显示商品类目数据。

点击弹出框

加载tree

定义TAOTAO对象

初始化过程

1、 通过TAOTAO.init方法完成初始化

2、 TT.init中调用initItemCat方法

3、 给class=” selectItemCat”绑定click事件，即可实现效果

商品类目的数据结构

创建数据库：

数据

表结构

EasyUI的tree数据结构

实现

POJO

package com.taotao.manage.pojo;

import java.util.Date;

public abstract class BasePojo {

    private Date created;
    private Date updated;
    public Date getCreated() {
        return created;
    }
    public void setCreated(Date created) {
        this.created = created;
    }
    public Date getUpdated() {
        return updated;
    }
    public void setUpdated(Date updated) {
        this.updated = updated;
    }



}

package com.taotao.manage.pojo;

import javax.persistence.GeneratedValue;
import javax.persistence.GenerationType;
import javax.persistence.Id;
import javax.persistence.Table;

@Table(name = "tb_item_cat")
public class ItemCat extends BasePojo {

    @Id
    @GeneratedValue(strategy = GenerationType.IDENTITY)
    private Long id;

    private Long parentId;

    private String name;

    private Integer status;

    private Integer sortOrder;

    private Boolean isParent;

    public Long getId() {
        return id;
    }

    public void setId(Long id) {
        this.id = id;
    }

    public Long getParentId() {
        return parentId;
    }

    public void setParentId(Long parentId) {
        this.parentId = parentId;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public Integer getStatus() {
        return status;
    }

    public void setStatus(Integer status) {
        this.status = status;
    }

    public Integer getSortOrder() {
        return sortOrder;
    }

    public void setSortOrder(Integer sortOrder) {
        this.sortOrder = sortOrder;
    }

    public Boolean getIsParent() {
        return isParent;
    }

    public void setIsParent(Boolean isParent) {
        this.isParent = isParent;
    }

 // 扩展字段，支持EasyUItree的显示
    public String getText() {
        return this.getName();
    }

    public String getState() {
        return this.getIsParent() ? "closed" : "open";
    }


}

Mapper

Service

Controller

前台JS

前台js还需要修改一下请求的URL和method

最终效果