本文在介紹關于Layui和Django實現后臺布局的基礎上，重點探討了其具體步驟，步驟簡單易上手操作，文章內容步步緊湊，希望大家根據這篇文章可以有所收獲。

創(chuàng)新互聯公司專業(yè)為企業(yè)提供土默特右旗網站建設、土默特右旗做網站、土默特右旗網站設計、土默特右旗網站制作等企業(yè)網站建設、網頁設計與制作、土默特右旗企業(yè)網站模板建站服務，十年土默特右旗做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。

Layui后臺布局：

一、后臺布局之頂邊欄

        
layui 后臺布局
        
        

            
控制臺
            
商品管理
            
用戶
            

                其它系統(tǒng)
                

                    
郵件管理
                    
消息管理
                    
授權管理
                
            
        
        

            

                
                    
                    {{request.user.username}}
                
                

                    
基本資料
                    
安全設置
                
            
            
退了
        
    

代碼中橙色背景的一行為Django中傳入的當前登錄用戶的用戶名。

最終效果如下：

二、后臺布局之側邊欄

側邊欄由于需要動態(tài)加載節(jié)點和子節(jié)點，所以需要先在Django中建立節(jié)點和子節(jié)點的model，model代碼如下：

# 節(jié)點類
class NavigationProfile(models.Model):
    name=models.CharField(max_length=20,verbose_name='節(jié)點名稱')
    url=models.CharField(max_length=50,verbose_name='鏈接地址')
    iconCls=models.CharField(max_length=50,verbose_name='圖標icon')

    class Meta:
        verbose_name='節(jié)點名稱'
        verbose_name_plural=verbose_name

    def __str__(self):
        return self.name

# 子節(jié)點類
class NavigationSubProfile(models.Model):
    name=models.CharField(max_length=20,verbose_name='子節(jié)點名稱')
    url=models.CharField(max_length=50,verbose_name='鏈接地址')
    iconCls=models.CharField(max_length=50,verbose_name='圖標icon')
    parent=models.ForeignKey(NavigationProfile,on_delete=models.CASCADE,verbose_name='父節(jié)點')

    class Meta:
        verbose_name='子節(jié)點名稱'
        verbose_name_plural=verbose_name

    def __str__(self):
        return self.name

在Django views中代碼如下：

def open_index(request):
    if request.user.is_authenticated == False:
        return HttpResponseRedirect('/account/login/')
    else:
        navigation = NavigationProfile.objects.all()
        dict = []

        for nav in navigation:
            dic = {}
            id = nav.id
            dic['id'] = nav.id
            dic['text'] = nav.name
            dic['url'] = nav.url
            dic['iconCls'] = nav.iconCls
            dic['nid'] = 0
            sub_navigation = NavigationSubProfile.objects.filter(parent_id=id)

            sub_dict = []
            for sub_nav in sub_navigation:
                sub_dic = {}
                sub_dic['id'] = sub_nav.id
                sub_dic['text'] = sub_nav.name
                sub_dic['url'] = sub_nav.url
                sub_dic['iconCls'] = sub_nav.iconCls
                sub_dic['nid'] = sub_nav.parent_id
                sub_dict.append(sub_dic)

            dic["children"] = sub_dict
            dict.append(dic)30         return render(request,'index.html',{'dict':dict})

Django urls代碼如下：

 urlpatterns = [
     path('get-navigationProfile/',views.get_navigationProfile,name='get_navigationProfile'),
 ]

Html側邊欄代碼如下：

        

            
            


                {% for dic in dict %}
                    

                        {{ dic.text }}
                        

                            {% for child in dic.children %}
                                
{{ child.text }}
                            {% endfor %}

                        
                    
                {% endfor %}

            
        
    

最終效果圖

上述就是小編為大家分享的Layui和Django實現后臺布局的方法了，如果您也有類似的疑惑，不妨參照上述方法進行嘗試。如果想了解更多相關內容，請關注創(chuàng)新互聯成都網站設計公司行業(yè)資訊。

另外有需要云服務器可以了解下創(chuàng)新互聯scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

本文題目：Layui和Django實現后臺布局-創(chuàng)新互聯
瀏覽路徑：http://weahome.cn/article/dedojh.html