功能26:新增一個新員工培訓頁面
功能25:角色管理
功能24:菜單管理
功能23:從后端獲取路由/菜單數據
功能22:用戶管理
功能21:使用axios發送請求
功能20:使用分頁插件
功能19:集成MyBatis-Plus
功能18:創建后端工程
功能17:菜單管理
功能16:角色管理
功能15:用戶管理
功能14:使用本地SVG圖標庫
功能13:側邊欄加入Logo
功能12:折疊/展開側邊欄
功能11:實現面包屑功能
功能10:添加首頁菜單項
功能9:退出登錄功能
功能8:頁面權限控制
功能7:路由全局前置守衛
功能6:動態添加路由記錄
功能5:側邊欄菜單動態顯示
功能4:首頁使用Layout布局
功能3:點擊登錄按鈕實現頁面跳轉
功能2:靜態登錄界面
功能1:創建前端項目
前言
通過操作菜單管理頁面,新增一個新頁面。
一.操作步驟
1.新建目錄:培訓

上級菜單:主類目 + 菜單類型:目錄:創建一個在側邊欄顯示的目錄。跟首頁同級別。單獨創建一個目錄沒有意義,需要在目錄下創建菜單。
顯示排序目前可以任意值,還未實現該字段的相關邏輯。
菜單名稱任意命名,會顯示在側邊欄。
路由地址任意英文,后續在前端工程中,需要創建對應路徑的模板文件。
其他字段暫時保持默認值。
2.新建菜單:新員工培訓

上級菜單選擇定義好的目錄
菜單類型選擇菜單
顯示排序目前可以任意值,還未實現該字段的相關邏輯。
菜單名稱任意命名,會顯示在側邊欄。點擊對應的目錄后,展開顯示。
路由地址任意英文,后續在前端工程中,需要創建對應路徑的模板文件。
組件路徑目錄的路由地址+菜單的路由地址+index,對應前端項目中的模板文件src\views\orientation\newhire\index.vue
其他字段暫時保持默認值。
3.新建模板
src\views\orientation\newhire\index.vue
<script setup lang="ts"></script><template><div>
新員工培訓</div>
</template><style scoped lang="scss">
</style>
二.功能驗證
運行項目,瀏覽器訪問http://localhost:5173/index
在側邊欄點擊培訓—>新員工培訓。正常顯示

三.思考
假設公司100人,含新員工10人,新增的新員工培訓頁面,只有這10個新員工登錄系統能看到,其他員工登錄后看不到。如何實現?