@TOC

框架介紹

本身是一個優(yōu)秀的簡單的后臺管理系統(tǒng)框架,前端(Vue,ElementUI),后端(Spring Boot、Spring Security、Redis & Jwt),本身可以直接拉下來直接使用.它的強大之處在于代碼自動生成器的使用,可以根據數據庫的表對應生成全套前后端代碼,代碼植入后可以直接使用,復雜業(yè)務只需在基礎代碼上進行修改增強即可.減少了重復代碼的編寫,提高了開發(fā)效率.

詳情請訪問:https://gitee.com/y_project/RuoYi-Vue

框架啟動步驟

一.克隆源碼到本地

git clone https://gitee.com/y_project/RuoYi-Vue.git

二.執(zhí)行sql

執(zhí)行RuoYi-Vue/sql文件夾下的sql,將數據導入到mysql數據庫

三.后端系統(tǒng)運行

• 將項目導入idea,修改ruoyi-admin模塊yml文件里面DataSource:mysql信息和redis信息
• mvn install
• 運行RuoYiApplication

四.前端系統(tǒng)運行

進入RuoYi-Vue/ruoyi-iu文件夾

shift+鼠標右鍵打開powershell窗口(或者打開cmd窗口)

npm install (前提是電腦上安裝了node.js)

npm run dev

瀏覽器訪問 http://localhost:80

代碼生成示范

• 在數據庫中建立goods表

• 講goods表導入

• 編輯導入表信息

• 代碼生成及植入

• 執(zhí)行sql
• cv大法,將前后端代碼復制進相應文件夾
• 前端 npm install 然后 npm run dev
• 后端重啟

• 效果展示

前端訪問后端接口IP地址設置

配置前端訪問后端接口ip地址:編輯/ruoyi-ui/vue.config.js文件內的tartget屬性

proxy: {// detail: https://cli.vuejs.org/config/#devserver-proxy[process.env.VUE_APP_BASE_API]: {target: `http://localhost:8089`,changeOrigin: true,pathRewrite: {['^' + process.env.VUE_APP_BASE_API]: ''}}}

備注

此框架自動代碼生成可減少開發(fā)中重復代碼的編寫(單表增刪改查),同時內部封裝了一系列實用工具類可供參考和使用.實現了系統(tǒng)監(jiān)控,封裝了quartz定時任務和swagger接口文檔管理框架.可以作為公司代碼規(guī)范及模板.

總結

以上是生活随笔為你收集整理的ruoyi(若依)框架使用说明(前后端分离)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。