文章目錄
- ?前言
- 1. 后端控制器跳轉
- 2. 前端路由跳轉
- 3. 菜單配置跳轉
- 4. 權限控制跳轉
- 5. 常見跳轉路徑
- ?一、主目錄頁面跳轉
- ?二、菜單目錄跳轉
- ?總結
標題 | 詳情 |
---|---|
作者 | JosieBook |
頭銜 | CSDN博客專家資格、阿里云社區專家博主、軟件設計工程師 |
博客內容 | 開源、框架、軟件工程、全棧(,NET/Java/Python/C++)、數據庫、操作系統、大數據、人工智能、工控、網絡、程序人生 |
歡迎三連 | 👍點贊、?評論、?收藏 |
?前言
若依(RuoYi)是一個基于Spring Boot和Spring Cloud的權限管理系統,頁面跳轉是其重要功能之一。以下是若依框架中頁面跳轉的主要方式:
1. 后端控制器跳轉
在Spring MVC控制器中,常見的跳轉方式:
// 直接返回視圖名稱
@GetMapping("/user/add")
public String add() {return "user/add"; // 對應templates/user/add.html
}// 使用redirect重定向
@PostMapping("/user/save")
public String save(User user) {// 保存邏輯...return "redirect:/user/list"; // 重定向到列表頁
}
2. 前端路由跳轉
若依前端基于Vue.js,使用Vue Router進行頁面跳轉:
// 編程式導航
this.$router.push('/system/user'); // 跳轉到用戶管理頁
this.$router.push({ path: '/system/user', query: { id: 1 } }); // 帶參數// 替換當前路由
this.$router.replace('/system/user');// 返回上一頁
this.$router.go(-1);
3. 菜單配置跳轉
在若依后臺管理系統中,可以通過菜單配置實現頁面跳轉:
- 進入"系統管理 > 菜單管理"
- 添加或編輯菜單項
- 設置"路由地址"字段為前端路由路徑
4. 權限控制跳轉
若依框架會自動處理權限不足的跳轉:
- 未登錄用戶訪問受限頁面 → 跳轉到登錄頁
- 權限不足 → 跳轉到401頁面
5. 常見跳轉路徑
- 登錄頁:
/login
- 首頁:
/index
- 用戶管理:
/system/user
- 角色管理:
/system/role
- 菜單管理:
/system/menu
若依框架的頁面跳轉緊密結合了前后端分離架構,通過路由和權限控制實現了靈活的頁面導航機制。
?一、主目錄頁面跳轉
?二、菜單目錄跳轉
?總結
標題 | 詳情 |
---|---|
作者 | JosieBook |
頭銜 | CSDN博客專家資格、阿里云社區專家博主、軟件設計工程師 |
博客內容 | 開源、框架、軟件工程、全棧(,NET/Java/Python/C++)、數據庫、操作系統、大數據、人工智能、工控、網絡、程序人生 |
歡迎三連 | 👍點贊、?評論、?收藏 |