技术汇总:第五章:使用angularjs做首页三级分类
技术 使用 汇总 分类 首页 三级 angularjs 第五章
2023-06-13 09:16:45 时间
页面:
<script type="text/javascript" src="plugins/angularjs/angular.min.js"></script>
<script type="text/javascript" src="js/service/userService.js"></script>
<script type="text/javascript" src="js/controller/userController.js"></script>
<div class="item bo" ng-repeat="entity in list">
<!-- 去重 -->
<h3><a href="" ng-hide="list[$index].catOneName == list[$index+1].catOneName">{{entity.catOneName}}</a></h3>
<div class="item-list clearfix">
<div class="subitem">
<dl class="fore">
<!-- 去重 -->
<dt><a href="" ng-hide="list[$index].catTwoName == list[$index+1].catTwoName">{{entity.catTwoName}}</a></dt>
<dd><em><a href="">{{entity.catThreeName}}</a></em></dd>
</dl>
</div>
</div>
</div>
1234567891011121314151617
实体类:
public class TbItemCat implements Serializable{
private Long id;
private Long parentId;
private String name;
private Long typeId;
12345678
sql做自连接查询:
mapper.xml
<select id="selectAll" resultType="java.util.HashMap">
SELECT
cat1.`id` catOneId,cat1.`name` catOneName,cat1.`parent_id` parentIdOne,cat2.id catTwoId,cat2.`name` catTwoName,cat2.`parent_id` parentIdTwo,cat3.id catThreeId,cat3.`name` catThreeName,cat3.`parent_id` parentIdThree
FROM tb_item_cat cat1,tb_item_cat cat2,tb_item_cat cat3
WHERE cat1.`id`=cat2.`parent_id` AND cat2.id=cat3.`parent_id`
</select>
123456
mapper接口:
List<Map<String,TbItemCat>> selectAll(); impl实现类:
@Override
public List<Map<String,TbItemCat>> selectAll() {
List<Map<String,TbItemCat>> selectAll = itemCatMapper.selectAll();
return selectAll;
}
controller控制层:
@RequestMapping("/findAll")
public List<Map<String,TbItemCat>> findAll(){
List<Map<String,TbItemCat>> selectAll = itemCatService.selectAll();
return selectAll;
}
123456789101112
更多内容请见原文,原文转载自:https://blog.csdn.net/weixin_44519496/article/details/120575453
相关文章
- Wappalyzer 网站技术分析软件「建议收藏」
- 技术汇总:第十八章:枚举的简单使用
- 数字化管理者数字技术选型指南——“2022中国数字技术新力量图谱2.0”重磅发布
- 大数据技术栈之-实时数仓构建
- 技术汇总:第十八章:枚举的简单使用
- 使用Oracle技术读取数据类型(oracle读取数据类型)
- 提升Redis性能:使用分片技术(redis如何分片)
- KIST突破性技术:可以使用智能手机摄像头检测体温
- Linux技术的分支发展研究(linux的分支)
- 观远数据苏春园:作为赋能者,不能只做纯技术公司
- 探索Oracle技术,让知识变得更加丰富(oracle技术论坛)
- 申请使用MSSQL数据库:一个众所周知的技术之路(申请mssql)
- SQLServer 2008:一次重大的技术变革(sqlserver 08)
- 使用Oracle实现汉字匹配技术(oracle匹配汉字)
- 使用Redis技术提高效率(常用redis技术)
- Oracle数据库全量导出技术实战(oracle 全量导出)
- 使用 hta 技术连接MySQL数据库(.hta连接mysql)
- 是否值得使用Redis集群技术进行数据存储(是否使用过Redis集群)
- Oracle数据库使用共享内存技术优化性能(oracle使用shm)
- Redis集群技术与JWT实现安全认证(redis集群jwt)
- 使用IISLiveSmoothStreaming技术搭建流媒体直播系统