由于我是一個前端工程師哈 所以我就只說前端的咯,如果需要后端的教程可以查看這個鏈接哈
后端鏈接地址: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
# 端口號也可以自定義哦
演示圖
等服務跑起來了以后我們就可以看到登錄界面了
內置功能
怎么樣,你的服務跑起來了嘛,那么我們來看看若依框架都給大家帶來了哪些內置功能呢
用戶管理:用戶是系統操作者,該功能主要完成系統用戶配置。
部門管理:配置系統組織機構(公司、部門、小組),樹結構展現支持數據權限。
崗位管理:配置系統用戶所屬擔任職務。
菜單管理:配置系統菜單,操作權限,按鈕權限標識等。
角色管理:角色菜單權限分配、設置角色按機構進行數據范圍權限劃分。
字典管理:對系統中經常使用的一些較為固定的數據進行維護。
參數管理:對系統動態配置常用參數。
通知公告:系統通知公告信息發布維護。
操作日志:系統正常操作日志記錄和查詢;系統異常信息日志記錄和查詢。
登錄日志:系統登錄日志記錄查詢包含登錄異常。
在線用戶:當前系統中活躍用戶狀態監控。
定時任務:在線(添加、修改、刪除)任務調度包含執行結果日志。
代碼生成:前后端代碼的生成(java、html、xml、sql)支持CRUD下載 。
系統接口:根據業務代碼自動生成相關的api接口文檔。
服務監控:監視當前系統CPU、內存、磁盤、堆棧等相關信息。
緩存監控:對系統的緩存信息查詢,命令統計等。
在線構建器:拖動表單元素生成相應的HTML代碼。
連接池監視:監視當前系統數據庫連接池狀態,可進行分析SQL找出系統性能瓶頸。
完結
如果你也正在要搭建一個后臺管理系統,那就趕快花幾分鐘,一起來試試吧