使用AI一步一步實現若依(26)

功能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個新員工登錄系統能看到,其他員工登錄后看不到。如何實現?

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/web/73564.shtml
繁體地址,請注明出處:http://hk.pswp.cn/web/73564.shtml
英文地址,請注明出處:http://en.pswp.cn/web/73564.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

vue響應式原理剖析

一、什么是響應式? 我們先來看一下響應式意味著什么?我們來看一段代碼: m有一個初始化的值,有一段代碼使用了這個值; 那么在m有一個新的值時,這段代碼可以自動重新執行; let m = 20 console.log(m) console.log(m * 2)m = 40上面的這樣一種可以自動響應數據變量的代碼機…

無人機航電系統電池技術解析!

1. 常用電池類型 鋰聚合物電池&#xff08;LiPo&#xff09; 特點&#xff1a;高能量密度、輕量化、放電效率高&#xff0c;是目前主流選擇。 缺點&#xff1a;對過充/過放敏感&#xff0c;需嚴格管理&#xff0c;存在輕微膨脹或起火風險。 鋰離子電池&#xff08;Li-ion…

ubuntu下終端打不開的排查思路和解決方法

問題現象描述&#xff1a;ubuntu開機后系統桌面顯示正常&#xff0c;其他圖形化的app也都能打開無異常&#xff0c;唯獨只有terminal終端打不開&#xff0c;無論是鼠標點擊終端軟件&#xff0c;還是ctrlaltt&#xff0c;還是altF2后輸入gnome-terminal后按回車&#xff0c;這三…

Maven入門

1、簡介 Apache Maven是一個項目管理及自動構建工具&#xff0c;由Apache軟件基金會所提供。基于項目對象模型&#xff08;縮寫&#xff1a;POM&#xff09;概念&#xff0c;Maven利用一個中央信息片斷能管理一個項目的構建、報告和文檔等步驟。 2、作用 1&#xff09;依賴導…

Rk3588,Opencv讀取Gmsl相機,Rga yuv422轉換rgb (降低CPU使用率)

RK3588, 使用OpenCv 讀取 gmsl 相機,獲得yuv422格式圖像, 使用 rga 轉換 rgb 圖像。減少cpu占用率. 查看相機信息 v4l2-ctl --all -d /dev/cam0 , 查看自己相機分辨率,輸出格式等信息,對應修改后續代碼測試… Driver Info:Driver name : rkcifCard type : rkc…

鴻蒙相機開發實戰:從設備適配到性能調優 —— 我的 ArkTS 錄像功能落地手記(API 15)

引言&#xff1a;為什么我要寫這份開發指南&#xff1f; 作為一名老技術&#xff0c;最近特別喜歡研究鴻蒙相機功能&#xff0c;而且目前已經更新到API15了&#xff0c;那么咱們更要好好研究一下。而且從手持云臺到車載記錄儀&#xff0c;每個項目都面臨獨特挑戰&#xff1a;車…

【NLP 49、提示工程 prompt engineering】

目錄 一、基本介紹 語言模型生成文本的基本特點 提示工程 prompt engineering 提示工程的優勢 使用注意事項 ① 安全問題 ② 可信度問題 ③ 時效性與專業性 二、應用場景 能 ≠ 適合 應用場景 —— 百科知識 應用場景 —— 寫文案 應用場景 —— 解釋 / 編寫…

數字轉換(c++)

【題目描述】 如果一個數 xx 的約數和 yy &#xff08;不包括他本身&#xff09;比他本身小&#xff0c;那么 xx 可以變成 yy &#xff0c;yy 也可以變成 xx 。例如 44 可以變為 33 &#xff0c;11 可以變為 77 。限定所有數字變換在不超過 nn 的正整數范圍內進行&#xff0c;…

如何同步fork的更新

當你fork了一個代碼倉庫后&#xff0c;要將其與原始源碼保持同步&#xff0c;可以按照以下步驟進行操作&#xff1a; 1. 添加原始倉庫作為遠程源 在本地命令行中&#xff0c;進入到你fork后的代碼倉庫目錄&#xff0c;然后使用以下命令添加原始倉庫&#xff08;通常稱為upstr…

CentOS系統下安裝tesseract-ocr5.x版本

CentOS系統下安裝tesseract-ocr5.x版本 安裝依賴包&#xff1a; yum update -y yum install autoconf automake libtool libjpeg-devel libpng-devel libtiff-devel zlib-devel yum install automake libtool bzip2 -y手動編譯安裝GCC&#xff08;因系統默認安裝的GCC版本比較…

MyBatis打印SQL日志的配置

配置MyBatis打印日志的步驟如下&#xff0c;支持多種日志框架&#xff08;如Logback、Log4j2等&#xff09;&#xff1a; 一、選擇日志框架并添加依賴&#xff08;以常見組合為例&#xff09; 1. Logback&#xff08;推薦&#xff09; <!-- Maven 依賴 --> <depende…

SpringCould微服務架構之Docker(3)

1&#xff09;什么是鏡像和容器&#xff1f; 2&#xff09;DockerHub&#xff1a; 3&#xff09;docker的架構如下&#xff1a;

智慧高速,安全護航:視頻監控平臺助力高速公路高效運營

隨著我國高速公路里程的不斷增長&#xff0c;交通安全和運營效率面臨著前所未有的挑戰。傳統的監控方式已難以滿足現代化高速公路管理的需求&#xff0c;而監控視頻平臺的出現&#xff0c;則為高速公路的安全運營提供了強有力的技術支撐。高速公路視頻監控聯網解決方案 高速公路…

vue對文件進行加密,后臺解密后保存

為什么要做加密解密&#xff1f;主要是避免第三方檢測系統&#xff08;WAF&#xff09;檢測出文件有問題&#xff0c;但是文件是用戶上傳的&#xff0c;我們控制不了這些文件&#xff0c;所以主要是通過對用戶上傳文件進行加密&#xff0c;后臺解密后存儲。 前端&#xff1a; …

AI 在測試中的應用:從自動化到智能化的未來

閱讀原文 在上一篇中&#xff0c;我們探討了測試左移與右移如何構建質量保障的全流程閉環。現在&#xff0c;我們將目光投向更前沿的領域——AI在測試中的應用。這不僅是技術的演進&#xff0c;更是測試理念的革命&#xff1a;從"自動化執行"到"智能決策"…

Python:計算機二級:簡單應用

文章目錄 簡單應用第一題第二題第三題第四題題型共同特點核心知識點講解解題通用方法步驟 操作的難點1.數據的統計2.數據的篩選1. **條件判斷篩選**2. **結合文件操作篩選**3. **多條件組合篩選** 類似題目其它一題 簡單應用 第一題 題目 在考生文件夾下的PY202.py文件中&…

SQL Server 2022常見問題解答

以下是SQL Server 2022的常見問題解答,按主題分類整理: 一、安裝與升級 SQL Server 2022的系統要求是什么? 支持的操作系統:Windows Server 2016及以上、Linux(Ubuntu 20.04/22.04, RHEL 8/9等)。內存:至少4GB(建議8GB+)。磁盤空間:6GB以上,具體取決于安裝組件。如何…

力扣hot100_二分查找

二分查找 hot100_34.在排序數組中查找元素的第一個和最后一個位置 給你一個按照非遞減順序排列的整數數組 nums&#xff0c;和一個目標值 target。請你找出給定目標值在數組中的開始位置和結束位置。 如果數組中不存在目標值 target&#xff0c;返回 [-1, -1]。 你必須設計…

PostgreSQL詳解

第一章&#xff1a;環境部署與基礎操作 1.1 多平臺安裝詳解 Windows環境 圖形化安裝 下載EnterpriseDB安裝包&#xff08;含pgAdmin&#xff09; 關鍵配置項說明&#xff1a; # postgresql.conf優化項 max_connections 200 shared_buffers 4GB work_mem 32MB 服務管理命…

conda install 慢

針對 Solving environment: failed with initial frozen solve. Retrying with flexible solve 錯誤&#xff0c;以下是綜合解決方案&#xff1a; 一、核心解決方法? ?更新 Conda 至最新版本? 舊版本 Conda 的依賴解析算法可能存在缺陷&#xff0c;執行以下命令升級&#…