由于我是一個(gè)前端工程師哈 所以我就只說前端的咯，如果需要后端的教程可以查看這個(gè)鏈接哈
后端鏈接地址：https://gitee.com/y_project/RuoYi-Vue
前端如何搭建項(xiàng)目
廢話不多說直接上干貨，Vue3 + Element Plus + Vite 版本。
前端鏈接地址：https://gitcode.com/yangzongzhuan/RuoYi-Vue3
如果小伙伴們想用Vue2的也可以找我要地址哦，或者直接用后端鏈接地址中的ruoyi-ui 也可以哈。
劃重點(diǎn)
為什么選擇若依框架，因?yàn)樗С执a生成哦，也就是說在你不用編寫代碼的情況下，只需要?jiǎng)?chuàng)建一個(gè)后端表的SQL語句，它可以幫助生成前后端代碼，無論是前端還是后端，你只需要把代碼放置到對(duì)應(yīng)的文件夾下即可，無論你需要開發(fā)的是單表還是主子表還是樹表，他都支持哦，是不是感覺很刺激呢，快來試試吧。
前端如何使用若依框架開發(fā)出來的后臺(tái)管理系統(tǒng)呢
#克隆項(xiàng)目
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git
# 進(jìn)入項(xiàng)目目錄
cd RuoYi-Vue3
# 安裝依賴
# 官方推薦
yarn --registry=https://registry.npmmirror.com
# 當(dāng)然你使用
npm install 或者 pnpm install
# 也是可以的
# 啟動(dòng)服務(wù)
yarn dev 或者 npm run dev
# 構(gòu)建測(cè)試環(huán)境
yarn build:stage或者 npm run build:stage
# 構(gòu)建生產(chǎn)環(huán)境
yarn build:prod或者 npm run build:prod
#前端訪問地址
http://localhost:80
# 端口號(hào)也可以自定義哦
演示圖
等服務(wù)跑起來了以后我們就可以看到登錄界面了
內(nèi)置功能
怎么樣，你的服務(wù)跑起來了嘛，那么我們來看看若依框架都給大家?guī)砹四男﹥?nèi)置功能呢
用戶管理：用戶是系統(tǒng)操作者，該功能主要完成系統(tǒng)用戶配置。
部門管理：配置系統(tǒng)組織機(jī)構(gòu)（公司、部門、小組），樹結(jié)構(gòu)展現(xiàn)支持?jǐn)?shù)據(jù)權(quán)限。
崗位管理：配置系統(tǒng)用戶所屬擔(dān)任職務(wù)。
菜單管理：配置系統(tǒng)菜單，操作權(quán)限，按鈕權(quán)限標(biāo)識(shí)等。
角色管理：角色菜單權(quán)限分配、設(shè)置角色按機(jī)構(gòu)進(jìn)行數(shù)據(jù)范圍權(quán)限劃分。
字典管理：對(duì)系統(tǒng)中經(jīng)常使用的一些較為固定的數(shù)據(jù)進(jìn)行維護(hù)。
參數(shù)管理：對(duì)系統(tǒng)動(dòng)態(tài)配置常用參數(shù)。
通知公告：系統(tǒng)通知公告信息發(fā)布維護(hù)。
操作日志：系統(tǒng)正常操作日志記錄和查詢；系統(tǒng)異常信息日志記錄和查詢。
登錄日志：系統(tǒng)登錄日志記錄查詢包含登錄異常。
在線用戶：當(dāng)前系統(tǒng)中活躍用戶狀態(tài)監(jiān)控。
定時(shí)任務(wù)：在線（添加、修改、刪除)任務(wù)調(diào)度包含執(zhí)行結(jié)果日志。
代碼生成：前后端代碼的生成（java、html、xml、sql）支持CRUD下載 。
系統(tǒng)接口：根據(jù)業(yè)務(wù)代碼自動(dòng)生成相關(guān)的api接口文檔。
服務(wù)監(jiān)控：監(jiān)視當(dāng)前系統(tǒng)CPU、內(nèi)存、磁盤、堆棧等相關(guān)信息。
緩存監(jiān)控：對(duì)系統(tǒng)的緩存信息查詢，命令統(tǒng)計(jì)等。
在線構(gòu)建器：拖動(dòng)表單元素生成相應(yīng)的HTML代碼。
連接池監(jiān)視：監(jiān)視當(dāng)前系統(tǒng)數(shù)據(jù)庫連接池狀態(tài)，可進(jìn)行分析SQL找出系統(tǒng)性能瓶頸。
完結(jié)
如果你也正在要搭建一個(gè)后臺(tái)管理系統(tǒng)，那就趕快花幾分鐘，一起來試試吧
