如果大家一直讀石頭哥的文章，或者看石頭哥的視頻，肯定知道，石頭哥的點(diǎn)餐小程序有實(shí)現(xiàn)二級(jí)菜品或者商品分類。

如下圖

但是有時(shí)候我們想實(shí)現(xiàn)三級(jí)分類，該怎么做呢，今天就來教大家如何實(shí)現(xiàn)三級(jí)分類。隨便教下大家如何把excel數(shù)據(jù)批量的導(dǎo)入到云開發(fā)數(shù)據(jù)庫

一，老規(guī)矩，先看效果圖

先來給大家分析下原理

二，原理分析

首先來分析下有那三級(jí)

可以看出，我們最頂部是一級(jí)菜單，左側(cè)是二級(jí)菜單，右側(cè)是最終的三級(jí)列表。

我們來理一理層級(jí)關(guān)系

• =宿舍樓號(hào)

• ====宿舍號(hào)

• ========學(xué)生

聰明的人肯定知道，我們是一個(gè)宿舍樓里包含很多宿舍，宿舍里有包含很多學(xué)生。這樣我們的三級(jí)就是 樓號(hào)》宿舍》學(xué)生。

當(dāng)我們切換樓號(hào)時(shí)，就會(huì)重新獲取當(dāng)前樓號(hào)包含的宿舍。
比如下圖左為惠蘭樓，右為學(xué)苑樓的數(shù)據(jù)，可以看出每個(gè)樓里的宿舍和學(xué)生信息。

分析完原理，我們就來看技術(shù)實(shí)現(xiàn)了。

三，獲取分類數(shù)據(jù)

這里先給大家說下，我這里是用一張表來存的所有信息

既然是一張表存所有數(shù)據(jù)，我們就要做下分組，看數(shù)據(jù)里都有哪些樓號(hào)。

3-1，借助group實(shí)現(xiàn)樓號(hào)分組(一級(jí)數(shù)據(jù))

具體代碼如下

然后獲取到的數(shù)據(jù)如下

可以看出我們一共有11個(gè)宿舍樓。就是我們頂部的這些區(qū)域

3-2，借助group和match實(shí)現(xiàn)宿舍分組(二級(jí)數(shù)據(jù))

這個(gè)時(shí)候，我們就要根據(jù)用戶選擇的樓號(hào)，來對(duì)當(dāng)前樓號(hào)下所有數(shù)據(jù)進(jìn)行分組了

分組后的數(shù)據(jù)如下

可以看出，前進(jìn)樓有兩個(gè)宿舍

3-3，借助where獲取宿舍里的學(xué)生數(shù)據(jù)(三級(jí))

獲取的數(shù)據(jù)如下

到這里我們的三級(jí)分類就實(shí)現(xiàn)了

四，完整項(xiàng)目代碼

下面把完整項(xiàng)目代碼，貼出來給大家

4-1，wxml

4-2,wxss樣式

4-3,js實(shí)現(xiàn)分類邏輯

4-4,記得修改數(shù)據(jù)表權(quán)限

修改權(quán)限為所有用戶可讀，僅創(chuàng)建者可讀寫

到這里我們的三級(jí)分類就完整的實(shí)現(xiàn)了。關(guān)于excel數(shù)據(jù)批量導(dǎo)入，我下節(jié)再做講解的。歡迎關(guān)注，歡迎留言交流。