<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          ASP.NET Core WebApi如何動態(tài)生成樹形Json格式數(shù)據(jù)

          共 674字,需瀏覽 2分鐘

           ·

          2021-03-06 01:50

          一、背景介紹

          我們要做的就是將前臺這種樹形菜單格式在后臺拼出來,而在樹形菜單中顯示的菜單名稱是從數(shù)據(jù)庫中查詢出來的。在做權(quán)限系統(tǒng)的時候,需要有一個樹形的菜單。下圖就是一個樹形菜單的樣式

          07708ce7c16e43ec407df7e00c7365cf.webp

              但問題是,我們可以實現(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樹形菜單?圖例如下:

          16e2d2111890fb2729582f5f7a0eeac3.webp


          73e5d40aee13f79b51c9e360cf7c0edf.webp


          3c66b11cb6a8874e5ffdd1f81fa648a5.webp


          7e1840aabd957772414b3a50cb05f6dd.webp


          三、ASP.NET Core WebAPI如何生成動態(tài)JSON樹形菜單?

          第一步:添加NewtonsoftJson全局配置

          d2374a80963ebf7d4ceb14f62246961c.webp


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

          080774fcf1500a199747819ef75bc68f.webp


          7aa8adcb602c80b65d2ad3f03f583568.webp


          四、源代碼示例下載

          非常感謝對【跟著阿笨一起玩NET】的支持,有問題微信公眾號回復(fù)wx關(guān)鍵字,加阿笨的個人微信號。

          《ASP.NET Core WebApi如何動態(tài)生成樹形Json格式數(shù)據(jù)》
           源碼下載關(guān)注公眾號,回復(fù)關(guān)鍵字:n80c


          騰訊課堂



          網(wǎng)易云課堂




          瀏覽 41
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          評論
          圖片
          表情
          推薦
          點贊
          評論
          收藏
          分享

          手機掃一掃分享

          分享
          舉報
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  久久爱成人电影 | 北条麻妃在线网站 | 国产一级乱伦片 | 美女擦逼网站 | 伊人青青在线播放 |