若依框架（boot-vue版本）使用說明

​

1.前置工具安裝

• jdk 1.8
• maven (后端項目管理工具)
• redis （緩存數據庫）
• mysql
• MySQLWorkbench (mysql可視化工具)
• idea (后端開發工具)
• nodejs （js前端開發平台，本文主要用到包管理工具 npm）
• vscode (前端開發工具)
• git (版本管理工具)
• TortoiseGit (git可視化工具)

2.代碼地址

官網代碼地址：https://gitee.com/y_project/RuoYi-Vue.git

3.項目啟動

1. 后端啟動：啟動redis,啟動idea,導入后端項目，項目編譯后，點擊ruoyi-admin 子工程中的 src/main/java/com/ruoyi/RuoYiApplication.java，右鍵run RuoYiApplication.main() 啟動項目
   

2. 前端啟動：啟動vscode，導入前端項目，啟動終端窗口

   npm install   -- 項目編譯  安裝所需要的的依賴包    僅需要運行一次 不需要每次都執行
   npm run dev   -- 項目啟動命令
   

4.代碼生成器使用

1. 數據庫手動建一張表（whl_demo01）

   CREATE TABLE `ruoyi_vue`.`whl_demo01` (
     `id` INT NOT NULL,
     `name` VARCHAR(45) NULL,
     `age` VARCHAR(45) NULL,
     `gender` VARCHAR(45) NULL,
     `company` VARCHAR(45) NULL,
     PRIMARY KEY (`id`))
   ENGINE = InnoDB
   DEFAULT CHARACTER SET = utf8
   COLLATE = utf8_bin;
   
   

2. 進入系統，點擊系統工具->代碼生成->導入，找到自己新建表，勾選、確定
   

3. 選中新增記錄，點擊編輯按鈕
   

4. 編輯效果

5. 補全字段描述（頁面顯示字段中文名）、選擇性勾選【插入】【編輯】【列表】【查詢】

插入： 勾選后，新增后，表單上會出現該字段的新增項，如id，后台如果隨機生成，這里可以不勾選

編輯：勾選后，編輯時候展示對應字段項，不勾選不展示

列表：查詢后頁面展示字段，不勾選不展示

查詢：勾選后頁面呈現對應查詢條件，后面查詢方式可選擇 = 、！=、like、 > 、<等

顯示類型：可選擇 文本框、下拉選、日期組件、富文本框等

字典類型：關聯字典值，比如性別等，可以選擇

6. 完善基本信息

7. 完善生成信息，點擊提交 進行信息保存

8. 勾選記錄，點擊生成按鈕，會自動生成代碼壓縮包

9 代碼壓縮包目錄結構展示

10. 將后端代碼復制到對應后端項目目錄中
    將壓縮包中main\java\com\ruoyi\nesc 所有文件復制到 ruoyi-admin子項目的 src/main/java/com/ruoyi/nesc 文件夾中
    

在controller 中找到 add方法 ，需要setId 目前，生成器沒有生成id值

/**
  * 新增whldemo01
  */
@PreAuthorize("@ss.hasPermi('nesc:demo01:add')")
@Log(title = "whldemo01", businessType = BusinessType.INSERT)
@PostMapping
public AjaxResult add(@RequestBody WhlDemo01 whlDemo01)
{
    int id = new Random().nextInt(10000);
    //數字類型
    whlDemo01.setId((long)id);
    //字符串類型
    // whlDemo01.setId(UUID.randomUUID().toString());
    return toAjax(whlDemo01Service.insertWhlDemo01(whlDemo01));
}

將壓縮包中main\resources\mapper\nesc 所有文件復制到 ruoyi-admin子項目的resources/mapper/nesc文件夾中

11. 將前端端代碼復制到對應前端項目目錄中

將vue\api\nesc 中所有文件 復制到src/api/nesc中

vue\views\nesc 中所有文件 復制到src/views/nesc中

12. 執行sql腳本，添加菜單數據

13. 重啟前后端系統，完畢