Django2.0開發-前端導航欄切換activate改變
目前想到兩種方式實現:
一種是前端完全控制、一種是後臺+前端實現。
1、前端控制原理:
在導航欄標籤位置加入js程式碼,判斷當前請求網址,是否含某個欄位
例如:導航欄有個按鈕:Home、Test。在Home頁面的所有子頁面,均是在Home主路由後面新增即連結的地址應該為“home/***/****”的形式,js程式碼只要判斷'home/'是否存在就可以了。如果存在就給相應的導航標籤加上activate屬性,如果沒有則不加。
目前js這塊還是比較陌生,等實現了再來貼具體的程式碼。
2、後臺+前端控制原理:
這種相對來說不現實。就一筆帶過了:後臺在每個子頁面都傳入導航欄位置的引數用於判斷activate。如果是子頁面有成千上百個,每個views裡面都要寫豈不要累死?哈哈。想想可以千萬別當真。
相關文章
- 導航欄背景切換程式碼例項
- 純CSS的導航欄Tab切換例項CSS
- weui+swiper 滑動底部導航欄切換UI
- 前端切圖練習,仿嗶哩嗶哩導航欄前端
- iOS 超Easy實現 漸變導航欄iOS
- vue2.0實現底部導航切換效果Vue
- 【前端】javascript實現導航欄筋斗雲效果特效前端JavaScript特效
- iOS 導航欄顏色透明度漸變iOS
- WordPresscategory導航欄Go
- mui 子頁面切換父頁面底部導航UI
- Win10如何改變切換視窗開啟所有視窗Win10
- qml 導航欄TabBar 工具欄ToolBartabBar
- 簡易的iOS導航欄顏色漸變方案iOS
- [小程式]高適應性的自定義導航欄開發思路
- 中英文切換導航選單實現詳解
- JavaScript滑鼠懸浮展開側欄導航JavaScript
- 微信小程式從零開始開發步驟(三)底部導航欄微信小程式
- GitHub 導航欄加強Github
- HTML橫向導航欄HTML
- Flutter 導航欄AppBarFlutterAPP
- Tablayout實現導航欄TabLayout
- iOS 導航欄的控制iOS
- 基於vue3+electron11實現QQ登入切換|自定義導航欄|托盤|打包Vue
- iOS 導航欄背景顏色完全透明及漸變iOS
- iOS開發:給UIWebview的導航欄新增返回、關閉按鈕iOSUIWebView
- 物理dataguard 正常切換 角色轉換,switchover_status 狀態改變
- 滑鼠懸浮中英文切換橫向導航選單
- uniapp自定義導航欄APP
- 【iOS開發-22】navigationBar導航欄,navigationItem建立:獲取導航欄中的基本文字和button以及各種跳躍...iOSNavigation
- iOS系統導航欄自定義標題動畫跳變解析iOS動畫
- 物理dataguard 正常切換 腳色轉換,switchover_status 狀態改變
- UITextField切換secureTextEntry狀態時字型發生改變的解決辦法UI
- ES6模組化改變前端的原生開發方式前端
- Django2.0(一)Django框架開發流程Django框架
- 微信小程式自定義導航欄微信小程式
- CSS導航欄及下拉選單CSS
- ios自定義簡約導航欄iOS
- CSS 導航欄元素居中顯示CSS