ASP.NET Core WebApi如何動態(tài)生成樹形Json格式數(shù)據(jù)
一、背景介紹
我們要做的就是將前臺這種樹形菜單格式在后臺拼出來,而在樹形菜單中顯示的菜單名稱是從數(shù)據(jù)庫中查詢出來的。在做權(quán)限系統(tǒng)的時候,需要有一個樹形的菜單。下圖就是一個樹形菜單的樣式

但問題是,我們可以實現(xiàn)寫死的樹形菜單。什么是寫死的?就是在前臺代碼中寫好要加載的樹形菜單是什么樣子的。但是我們權(quán)限系統(tǒng)的要求是動態(tài)加載樹形菜單,也就是根據(jù)數(shù)據(jù)庫里面表的內(nèi)容動態(tài)加載。
我首先要說的就是數(shù)據(jù)庫設(shè)計,要想動態(tài)加載成樹形菜單,數(shù)據(jù)庫表中就一定要設(shè)置父節(jié)點ID和自身ID。
通過父節(jié)點ID判斷自身是屬于哪一級菜單,而通過自身ID判斷其對應(yīng)的下一級菜單。
這是數(shù)據(jù)庫設(shè)計應(yīng)該注意的地方,如果沒有父節(jié)點和自身子節(jié)點,那么就沒辦法實現(xiàn)動態(tài)加載樹形菜單。
二、什么是動態(tài)JSON樹形菜單?圖例如下:




三、ASP.NET Core WebAPI如何生成動態(tài)JSON樹形菜單?
第一步:添加NewtonsoftJson全局配置

第二步:直接運行項目,采用遞歸方式實現(xiàn)動態(tài)生成樹形Json數(shù)據(jù)


四、源代碼示例下載
非常感謝對【跟著阿笨一起玩NET】的支持,有問題微信公眾號回復(fù)wx關(guān)鍵字,加阿笨的個人微信號。
《ASP.NET Core WebApi如何動態(tài)生成樹形Json格式數(shù)據(jù)》
源碼下載關(guān)注公眾號,回復(fù)關(guān)鍵字:n80c
騰訊課堂
網(wǎng)易云課堂
評論
圖片
表情
