Django2.0開發-前端導航欄切換activate改變
目前想到兩種方式實現：
一種是前端完全控制、一種是後臺+前端實現。
1、前端控制原理：
在導航欄標籤位置加入js程式碼，判斷當前請求網址，是否含某個欄位
例如：導航欄有個按鈕：Home、Test。在Home頁面的所有子頁面，均是在Home主路由後面新增即連結的地址應該為“home/***/****”的形式，js程式碼只要判斷'home/'是否存在就可以了。如果存在就給相應的導航標籤加上activate屬性，如果沒有則不加。
目前js這塊還是比較陌生，等實現了再來貼具體的程式碼。
2、後臺+前端控制原理：
這種相對來說不現實。就一筆帶過了：後臺在每個子頁面都傳入導航欄位置的引數用於判斷activate。如果是子頁面有成千上百個，每個views裡面都要寫豈不要累死？哈哈。想想可以千萬別當真。
相關文章
- 點選導航欄切換背景色效果
- 純CSS的導航欄Tab切換例項CSS
- 前端切圖練習,仿嗶哩嗶哩導航欄前端
- Vscode導航欄開啟多個檔案換行顯示VSCode
- 點選導航欄使當前欄目背景變色
- 滑鼠懸浮背景上下翻滾切換導航
- vue2.0實現底部導航切換效果Vue
- 【前端】javascript實現導航欄筋斗雲效果特效前端JavaScript特效
- Flutter 導航欄AppBarFlutterAPP
- 簡易的iOS導航欄顏色漸變方案iOS
- 滑鼠懸浮導航欄背景和字型變色效果
- qml 導航欄TabBar 工具欄ToolBartabBar
- 中英文切換導航選單實現詳解
- 基於vue3+electron11實現QQ登入切換|自定義導航欄|托盤|打包Vue
- JavaScript滑鼠懸浮展開側欄導航JavaScript
- HTML橫向導航欄HTML
- uniapp自定義導航欄APP
- GitHub 導航欄加強Github
- bootstrap導航欄學習boot
- 滑鼠懸浮中英文切換橫向導航選單
- [小程式]高適應性的自定義導航欄開發思路
- iOS開發：給UIWebview的導航欄新增返回、關閉按鈕iOSUIWebView
- 微信小程式從零開始開發步驟（三）底部導航欄微信小程式
- 導航欄點選選中
- 底部導航欄懸浮效果
- 來，搞個側欄導航
- iOS系統導航欄自定義標題動畫跳變解析iOS動畫
- 移動端底部導航固定配合vue-router實現元件切換Vue元件
- 導航欄的隱藏問題
- CSS導航欄及下拉選單CSS
- uniapp更改導航欄按鈕文字APP
- 你還在發愁小程式自定義導航欄嗎？
- ES6模組化改變前端的原生開發方式前端
- 前端小demo——tab切換前端
- 直播系統平臺原始碼隱藏虛擬導航欄，禁止下拉通知欄，禁止上滑出虛擬導航欄原始碼
- MySQL Orchestrator自動導換+VIP切換MySql
- 開發人員網站導航網站
- Flutter開發之路由與導航Flutter路由
- 直播app開發，滑動式的頂部導航欄（左右橫向滑動）APP