首页的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