簡介

RuoYi-Vue 是一個 Java EE 企業級快速開發平臺，基于經典技術組合（Spring Boot、Spring Security、MyBatis、Jwt、Vue），內置模塊如：部門管理、角色用戶、菜單及按鈕授權、數據權限、系統參數、日志管理、代碼生成等。在線定時任務配置；支持集群，支持多數據源，支持分布式事務。
在線體驗
項目地址：http://vue.ruoyi.vip/(opens new window)
賬號密碼：admin/admin123
系統需求
JDK >= 1.8
MySQL >= 5.7
Maven >= 3.0

主要特性

• 完全響應式布局（支持電腦、平板、手機等所有主流設備）
• 強大的一鍵生成功能（包括控制器、模型、視圖、菜單等）
• 支持多數據源，簡單配置即可實現切換。
• 支持按鈕及數據權限，可自定義部門數據權限。
• 對常用js插件進行二次封裝，使js代碼變得簡潔，更加易維護
• 完善的XSS防范及腳本過濾，徹底杜絕XSS攻擊
• Maven多項目依賴，模塊及插件分項目，盡量松耦合，方便模塊升級、增減模塊。
• 國際化支持，服務端及客戶端支持
• 完善的日志記錄體系簡單注解即可實現
• 支持服務監控，數據監控，緩存監控功能。

功能詳情

表單設計
設計完成后導出vue文件

代碼生成
1.導入數據庫中想要生成的表
2.進行配置字段的各類權限編輯
3.生成代碼，導出zip
4.如果數據庫字段發生變化，需要同步后再編輯

字段描述會在查詢列表中顯示名稱，編輯增和改，列表是否展示，以及查詢篩選，查詢選擇=或者模糊查詢，必填校驗，類型文本或下拉框，配置適合的字典

設計實體類名稱

設計模塊名和路徑，可以選擇單表，樹表和主子表，解壓后路徑可能會項目不統一所以還是建議zip壓縮后進行遷移代碼，上級菜單可以再菜單設計里新增，選擇上級菜單之后可以在該父菜單里找到該模塊

解壓后路徑如下，可以分前后端粘貼到項目中，java里包含四層，resources是mapper的xml文件，sql需要事先導入到db，可以用flyway自動導入；vue分為api和views，api調用接口，views放模版和js

4.菜單/權限管理
修改和新增菜單，選擇上級菜單，基本一個db需要包含crud+導出五個模塊，可以用在權限組件上
后端使用@PreAuthorize("@ss.hasPermi('system:fx_deliveryreturngoodsorder:list')")
前端使用v-hasPermi="['system:fx_ticketorder:remove']"
所有菜單管理數據保存在sys_menu表中


5.字典管理
存在sys_dict_type和sys_dict_data里
type存了名稱和類型，在類型中，新增字典的鍵值存在data里

前端調用字典
以城市為例

<el-form-item label="城市/區" prop="usercitykey"><el-select v-model="form.usercitykey" placeholder="請輸入城市/區"><el-option v-for="dict in usercitykeyOptions" :key="dict.dictValue" :label="dict.dictLabel" :value="dict.dictValue" ></el-option></el-select> </el-form-item>data() { return { usercitykeyOptions:[], } }created() {this.getDicts("sys_usercitykey").then(response => { this.usercitykeyOptions = response.data; }); }

通過sql將舊表的字典導入到若衣的字典表中
INSERT INTO sys_dict_data ( dict_label, dict_value, dict_type ) SELECT
AttrValue AS dict_label,
AttrKey AS dict_value,
AttrName AS dict_type
FROM
fx_crmattr
WHERE
AttrName = “Lead.ThirdPro2015”;
然后再更新一下，和若衣適配
UPDATE
sys_dict_data
SET
dict_type = “sys_userthirdpro2015”
WHERE
dict_type = “Lead.ThirdPro2015”
這樣舊字典成功導入了

6.接口文檔
swagger已經集成在了系統菜單中，開箱即用

注解@Api(“返貨訂單”)，@ApiOperation(“查詢返貨訂單列表”)
具體看swagger使用
https://blog.csdn.net/zhanggonglalala/article/details/98070986
也可以使用knife4j增強接口文檔

<!-- knife4j ui--> <dependency><groupId>com.github.xiaoymin</groupId><artifactId>knife4j-spring-ui</artifactId><version>2.0.8</version> </dependency>

7.用戶和權限
用戶管理界面如下

角色權限管理如下

權限可以根據菜單篩選

8.用戶遷移

舊表用戶和若依用戶的中間表

INSERT INTO fx_sys_user ( ID, SysID ) SELECT DISTINCT d.ID , u.user_id as SysID FROMfx_distributoraccount d , sys_user u WHERE d.Account = u.user_name

用戶和角色的中間表，where篩選的是非官方自帶的user，可選

INSERT INTO sys_user_role ( user_id ,role_id) SELECT user_id ,100 FROMsys_user WHERE user_id > 3

查重sql如下

SELECT Account,count(Account) from fx_distributoraccount group by Account HAVING count(Account) >=2

關聯查詢如下

SELECT * from fx_distributoraccount a LEFT JOIN fx_distributor d on a.DistributorID = d.ID WHERE d.EnterpriseName = "XXX技術有限公司"

9.關聯外鍵列表展示
前后端不需要該代碼，直接sql關聯就行了

select d.Account as CreateAccount,dis.EnterpriseName as DistributorID,s.ID,s.RelatedRechargeIDs,s.ProductType..........from fx_salesorder sleft join fx_distributoraccount don s.CreateAccount = d.IDLEFT JOIN fx_distributor dison dis.ID = s.DistributorID

總結

以上是生活随笔為你收集整理的若依使用手册的全部內容，希望文章能夠幫你解決所遇到的問題。

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