一個可以快速搭建前后端的后臺管理系統(若依框架)

由于我是一個前端工程師哈 所以我就只說前端的咯,如果需要后端的教程可以查看這個鏈接哈
后端鏈接地址:https://gitee.com/y_project/RuoYi-Vue

前端如何搭建項目

廢話不多說直接上干貨,Vue3 + Element Plus + Vite 版本。
前端鏈接地址:https://gitcode.com/yangzongzhuan/RuoYi-Vue3
如果小伙伴們想用Vue2的也可以找我要地址哦,或者直接用后端鏈接地址中的ruoyi-ui 也可以哈。

劃重點

為什么選擇若依框架,因為他支持代碼生成哦,也就是說在你不用編寫代碼的情況下,只需要創建一個后端表的SQL語句,它可以幫助生成前后端代碼,無論是前端還是后端,你只需要把代碼放置到對應的文件夾下即可,無論你需要開發的是單表還是主子表還是樹表,他都支持哦,是不是感覺很刺激呢,快來試試吧。

前端如何使用若依框架開發出來的后臺管理系統呢

#克隆項目
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

# 進入項目目錄
cd RuoYi-Vue3

# 安裝依賴
# 官方推薦
yarn --registry=https://registry.npmmirror.com
# 當然你使用 
npm install 或者 pnpm install 
# 也是可以的

# 啟動服務
yarn dev 或者 npm run dev

# 構建測試環境 
yarn build:stage或者 npm run build:stage

# 構建生產環境 
yarn build:prod或者 npm run build:prod

#前端訪問地址 
http://localhost:80 
# 端口號也可以自定義哦

演示圖

等服務跑起來了以后我們就可以看到登錄界面了
login.png

內置功能

怎么樣,你的服務跑起來了嘛,那么我們來看看若依框架都給大家帶來了哪些內置功能呢

用戶管理:用戶是系統操作者,該功能主要完成系統用戶配置。
部門管理:配置系統組織機構(公司、部門、小組),樹結構展現支持數據權限。
崗位管理:配置系統用戶所屬擔任職務。
菜單管理:配置系統菜單,操作權限,按鈕權限標識等。
角色管理:角色菜單權限分配、設置角色按機構進行數據范圍權限劃分。
字典管理:對系統中經常使用的一些較為固定的數據進行維護。
參數管理:對系統動態配置常用參數。
通知公告:系統通知公告信息發布維護。
操作日志:系統正常操作日志記錄和查詢;系統異常信息日志記錄和查詢。
登錄日志:系統登錄日志記錄查詢包含登錄異常。
在線用戶:當前系統中活躍用戶狀態監控。
定時任務:在線(添加、修改、刪除)任務調度包含執行結果日志。
代碼生成:前后端代碼的生成(java、html、xml、sql)支持CRUD下載 。
系統接口:根據業務代碼自動生成相關的api接口文檔。
服務監控:監視當前系統CPU、內存、磁盤、堆棧等相關信息。
緩存監控:對系統的緩存信息查詢,命令統計等。
在線構建器:拖動表單元素生成相應的HTML代碼。
連接池監視:監視當前系統數據庫連接池狀態,可進行分析SQL找出系統性能瓶頸。

完結

如果你也正在要搭建一個后臺管理系統,那就趕快花幾分鐘,一起來試試吧

參考文檔鏈接地址

地址:https://gitcode.com/yangzongzhuan/RuoYi-Vue3

?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容