商品分类树形结构分析

本文主要介绍了商城购物系统中商品分类的树形结构,包括前端如何展示和交互,以及后端如何处理数据。前端利用树形结构控件和JS代码动态加载子节点,后端则通过vo、pojo、mapper和服务层处理查询与返回,使用mybatis-plus进行数据库操作。
摘要由CSDN通过智能技术生成

一、业务说明

本次是一个商城购物系统中关于商品分类的树形结构讲解。

这里的树形结构用于新增一条商品时,选择此商品的分类信息,并保存到数据库。

样式大致为:

二、前端说明

1、树形结构控件代码

$("#tree").tree({
			url:"tree.json",		//加载远程JSON数据
			method:"get",			//请求方式  POST
			animate:false,			//表示显示折叠端口动画效果
			checkbox:true,			//表述复选框
			lines:true,				//表示显示连接线
			dnd:true,				//是否拖拽
			onClick:function(node){	//添加点击事件
				//控制台
				console.info(node);
			}
		});

2、 树形结构JS代码

树控件读取URL。

子节点的加载依赖于父节点的状态:当展开一个封闭的节点,如果节点没有加载子节点,它将会把节点id的值作为http请求参数并命名为’id’,通过URL发送到服务器上面检索子节点。 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值