1. 程式人生 > 實用技巧 >web前端使用mcg-helper程式碼生成工具學習筆記

web前端使用mcg-helper程式碼生成工具學習筆記

學習資料介紹

github地址:mcg-helper程式碼生成工具

什麼是 FreeMarker? - FreeMarker 中文官方參考手冊

視訊學習地址:

第一節、視訊教程內容介紹 探討研發工作中典型的重複繁雜工作,可通過流程自動化實現代替的常見場景。
第二節、mcg-helper初步認識教程 mcg-helper概述、核心設計、基本操作、工作原理、入門示例、使用場景等。
第三節、開始、文字、結束控制元件講解 瞭解流程控制元件執行原理,介紹與演示控制元件的功能與作用。
第四節、data、json控制元件講解 全域性變數的使用、動態讀取表結構資訊、輸出指定內容到檔案。
第五節、js、java、python控制元件講解

在流程中使用多種計算機語言,發揮各自優勢,讓流程更為靈活強大。
第六節、sql查詢、sql執行控制元件講解 實現常用關係型資料庫的互動功能。
第七節、Linux、迴圈、子流程控制元件講解 Linux SSH連線,流程迴圈功能,以及流程拆分複用與組合。
第八節、萬能程式碼生成講解 以一款java開源框架jeecg為例子,實現一鍵程式碼生成。

開始、文字、結束控制元件

開始控制元件

開始控制元件新增的變數名及值會根據箭頭的指向傳遞到下一個控制元件,如圖所示的屬性變數名

在其它控制元件中可以通過${path}${fileName}的形式放到到這個動態設定的值。比如傳遞到文字控制元件,如下所示圖:

文字控制元件

那麼我們在文字控制元件中的設定如圖所示:

然後在文字控制元件中的原始碼中輸入輸入下內容:

這是輸出的一段內容
${content}

結束控制元件

我們在結束控制元件的屬性中新增如下內容:

第一個簡單的測試流程例子
${name}

新增${name}的作用就是測試下 在開始控制元件新增的這個name變數名是不是一個全域性變數名。

接下來我們點選流程選單中的儲存,點了儲存後我們點選執行,來看下結果。

怎麼檢視執行的過程與結果呢?

我們點選如圖所示:

比如我點選的開始控制元件下的這個按鈕,那麼就會控制檯看到開始控制元件的執行值:

我們看下文字控制元件的控制檯資訊如下圖所示:

從結果圖可以看出,有傳遞給文字控制元件的引數,以及文字控制元件的建立檔案的內容資訊,在我的D盤對應的位置也建立了該txt檔案。

接下來看下結束控制元件的執行結果如下:

一個大致的流程就是這樣。

迴圈語句與判斷語句

怎樣在如上面的文字控制元件的原始碼中編寫迴圈語句或者判斷語句呢?

我在上面的文字控制元件的原始碼中編寫如下程式碼:

這是輸出的一段內容
${content}

<#if name == 'mcg-helper'>
---- 你好,我是mcg-helper
<#else>
---- 請輸入我的名字
</#if>

<#assign max = 5>
<#list 1..max as t>
    <#if t == 3>
    ---- 你好,我是數字編號3
    <#else>
    --- 你好,我是其它迴圈編號
    </#if>
</#list>

在儲存並執行,我們在控制檯中看下執行結果如下:

一張圖簡單總結:

data控制元件、json控制元件

控制元件作用:

  • data控制元件作用:讀取表結構資訊;可動態調整資料。
  • json控制元件作用:定義複雜型別資料;引數擴充套件

js控制元件

該控制元件會執行main方法,傳遞上個控制元件返回的資料

var Console = Java.type('com.mcg.plugin.assist.Console');
var console = new Console();

function main(param) {
    var result = {};
    // 傳遞的param引數內容進行處理操作 最後返回結果到下一個控制元件
    // 比如
    result = JSON.parse(JSON.stringify(param));
    result.addAttr = 'newatrr';
    console.info(result);
    return result;
}