【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

最终效果

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

【SSM分布式架构电商项目-07】后台管理系统查询商品列表以及日志的书写
查询商品列表 JS EasyUI的datagrid的格式化输出默认情况下,会直接显示返回的数据,但是有些情况下不能直接显示,如:价格.日期.性别,需要指定formatter函数. 后台实现 Cont ...
SSM项目-汽车租赁后台管理系统
使用SSM和layui做了一个汽车租赁后台管理系统,功能还没有完善,先发出来再慢慢完善更新包结构: 项目后期又用Maven整合了一下,jar包太多,把pom贴出来好了 pom.xml <pro ...
【JavaWeb】JavaWeb项目实战——品牌后台管理系统
JavaWeb项目实战--品牌后台管理系统项目概述功能介绍成果展示项目实现使用Maven构建项目 Maven介绍具体操作使用Mybatis封装对数据库的操作在Mysql中建表,并添加数 ...
最新Spring Boot实战项目（权限后台管理系统）详解
Spring Boot实战项目 - 权限后台管理系统简介这是一套基于spring boot 2.16.shiro.jwt.redis.swagger2.mybatis .thymeleaf.lay ...
BootDo架构-基于 Springboot 和 Mybatis 的后台管理系统
BootDo 面向学习型的开源框架平台简介 BootDo是高效率,低封装,面向学习型,面向微服的开源Java EE开发框架. BootDo是在SpringBoot基础上搭建的一个Java基础开发平台 ...
React项目-点餐后台管理系统-react框架实现后台管理系统(包含权限处理)--新手入坑必看！（一）
点餐后台管理系统(react) 一.前言二.项目介绍三.相关技术四.项目实现的功能 4.1.功能分析 4.2.项目结构 4.3.axios封装及mock数据 4.3.1.axios封装 4.3. ...
开源项目：时光后台管理系统前后端分离项目，后台系统模板时光大魔王
最近对自己的之前开源项目进行优化,发现每个项目的后台管理系统都有大大小小的Bug和之前没考虑到的优化,于是这段时间重新从零构建了Vue2后台管理系统模板. 作者:时光 | 当前版本:v1.0.6 前端 ...
项目：超市后台管理系统
超市后台管理系统项目描述:模拟实现超市后台管理系统,对员工以及商品进行管理用户输入名户名以及密码后,根据不同身份,显示不同界面,用户进行其相应操作使用 DuiDesigner(界面布局器)来绘制 ...
开源项目-毕设打车后台管理系统
哈喽,大家好,今天给大家带来一个开源项目-打车后台管理系统打车后台管理系统主要功能包括指挥中心,司机注册,司机信息修改,查看司机信息,司机注销,车辆注册,车辆查询,司机出勤情况等模块登录指挥中心 ...

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

首页的js布局实现

菜单的点击事件

选择商品类目

点击弹出框

加载tree

定义TAOTAO对象

初始化过程

商品类目的数据结构

数据

表结构

EasyUI的tree数据结构

实现

POJO

Mapper

Service

Controller

前台JS

最终效果

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

最新文章

热门文章