<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                自定義表單配置 === 表單支持:單表模型、一對多模型。 自定義表單是JEECG智能開發平臺開發的一套可視化的表單設計功能,基于ueditor實現,bootstrap樣式風格。自定義表單模式有三種模式:預覽、編輯、添加。自定義表單可實現以下功能: * 表單預覽,動態報表展示(列表數據展示) * 表單數據填報,支持多數據表同時填報,一對多數據表填報,單表多條數據批量填報等 ## 一、表單參數介紹 ### 1.自定義表單參數說明 |表單|詳細說明| |-----|---| |表單編碼|自定定義表單編碼,唯一標識,自定義表單訪問需要| |表單名|自定義表單名稱| |填報表單|該表單是否是填報表單| |主數據源|選擇填報的主數據源,表單填報時必須| ### 2.表單數據源參數說明 |數據源|參數說明| |-----|---| |數據源編碼|查詢的數據集編碼,同一個表單下唯一| |數據源名稱|數據源名稱| |數據源類型|數據源獲取數據集的方式;數據庫表:數據集從下面配置的數據庫表名獲取,動態sql:數據集根據動態sql查詢獲取,Java類:待實現| |數據源|數據源類型為數據庫表時顯示,連接的數據庫,平臺數據庫為當前系統數據庫,其他為動態數據源配置| |數據庫表名|數據源類型為數據庫表時顯示,獲取數據集的表| |SQL數據源|數據源類型為動態sql時顯示| |填報數據源|數據源類型為動態sql時顯示| |填報數據庫表|數據源類型為動態sql時顯示| ### 3.自定義表單設計圖 ![](https://img.kancloud.cn/67/42/67426e47dbbc3afdd6cf686efc3fc69f_614x500.png) ## 二、單表類型表單 ### 1 .創建自定義表單 菜單:在線開發—自定義表單列表—表單設計器 界面如下圖: ![](https://img.kancloud.cn/55/a1/55a126f004d26d0c6c6bb41e5998eaf8_1048x622.png) 說明: 創建自定義表單: 填寫表單編碼,表單名稱,填報表單,表單保存 主數據源先不選擇,這時還沒有添加表單數據源,表單數據源添加見2 ### 2.表單數據源 表單設計器左側,表單數據源欄,點擊加號,添加表單數據源 ![](https://img.kancloud.cn/e8/ce/e8ce8bd4c3e7c22d1b771f98e4d1f241_1049x248.png) ![](https://img.kancloud.cn/a6/22/a6220f8c85141c7fca42f6d3a9110544_1262x597.png) ![](https://img.kancloud.cn/d9/40/d940a315e3416889829bc859f9d2fbeb_1256x631.png) (1)數據源編碼定義唯一 (2)數據源類型,根據情況使用不同的場景,本示例使用動態SQL, (3)動態數據源,和填報數據源,一般選擇平臺數據源 (4)動態SQL: ``` select * from jform_employee_leave where id='${id}' 您可以鍵入’’作為一個參數,這里abc是參數的名稱。例如: select * from table where id = ${abc}。 select * from table where id = '${abc}'(如果id字段為字符串類型) ``` (5)填報數據庫表:選擇的表名,是展示的表單,錄入的數據要保存的表,動態SQL查詢出來的字段要和填報數據庫表的字段保持一致,字段名稱不一樣的sql使用AS 別名使其一致 (6)查詢數據列:通過動態sql解析出來的查詢列 (7)查詢參數:解析動態sql里面的查詢參數 ### 3.設計表單內容 添加完數據源后可以設計表單內容 (1)通過默認模板樣式生成,默認模板樣式,在【在線開發—自定義表單模板】中管理 (2)自己手動編輯表單 注:自定義表單控件使用見:自定義表單控件 界面如下: ![](https://img.kancloud.cn/09/7c/097c84ab646e0016f0dc0e79190a8030_1024x559.png) ### 4.測試自定義表單功能 【在線開發—自定義表單列表】中找到剛才添加的自定義表單 ![](https://img.kancloud.cn/50/12/5012caf6d03f00ed94e1bbdc40d2220d_1022x55.png) 點擊預覽: 操作模式:有三種預覽方式,查看模式,添加模式,編輯模式; 參數錄入區:動態sql解析出來的參數 ![](https://img.kancloud.cn/8a/e7/8ae7e04222d1d2cfbd9a1ae7ecaf8df8_629x397.png) 查看模式、編輯模式時,參數錄入區要錄入參數值; 添加模式不需要錄入 #### 添加頁面: ![](https://img.kancloud.cn/c2/b3/c2b3f42b9a638c232ab016cd514044f6_915x720.png) #### 查看頁面: ![](https://img.kancloud.cn/15/1d/151d9fb4713f99d9bb9849be6b36521a_881x595.png) #### 編輯頁面: ![](https://img.kancloud.cn/42/9e/429e0232d1ec2b90a8cf603f1f0e3c0b_873x723.png) 添加、編輯成功后調整成功頁面 ![](https://img.kancloud.cn/fb/4e/fb4e017972fb5bbc42e421d5a5eaaae4_1034x267.png) ## 三、一對多類型表單 ### 1.創建一對多自定義表單 菜單:在線開發—自定義表單列表—表單設計器 界面如下圖: ![](https://img.kancloud.cn/c0/d1/c0d124b328785245326ddb15a7caf38b_1049x614.png) (1)自定義表單信息 設置表單編碼,表單名稱,填報表單; 主數據源暫時不填 點擊左上角按鈕,“表單保存” (2)表單設計器左側表單數據源,添加表單數據源 添加主表數據源,同1.2.2表單數據源,本例訂單主表 ![](https://img.kancloud.cn/68/e6/68e6113ad8b4a844597a95a20a864d7c_1247x613.png) 添加子表數據源,同表單數據源,本例訂單客戶 ![](https://img.kancloud.cn/cf/6a/cf6a0054bca0935f5ea4274824edf380_1241x607.png) ### 2.設計表單內容 添加完數據源后可以設計表單內容 (1)通過默認模板樣式生成,默認模板樣式,在【在線開發—自定義表單模板】中管理 (2)自己手動編輯表單 注:自定義表單控件使用見:2 自定義表單控件 界面如下: ![](https://img.kancloud.cn/59/ec/59ec7274a565f30fe5d65ec3b62222bc_1040x578.png) 注: (1)訂單主表信息,從訂單主表數據源獲取,普通表單控件設置 (2)列表控件設置訂單客戶信息 列表控件配置如下圖: ![](https://img.kancloud.cn/ca/52/ca52df06ce4ff312d92ee9b9092367ac_1112x474.png) 數據源:選擇子表數據源,本例訂單客戶 外鍵字段:設置子表作為外鍵的字段 關聯數據源字段:該字段配置自定義表單設置的主表數據源一起使用,該字段為子表外鍵與主表數據源關聯的字段 定義規則 = {外鍵主表數據源編碼.主表外鍵字段名字} 注:外鍵字段和關聯數據源字段,如果在子表數據源中的動態sql中,有sql的關聯關系的話,此處可以不填寫,若沒有體現,需要再此配置; 數據源類型為數據庫表的情況下,外鍵字段和關聯數據源字段需要填寫 ### 3.測試自定義表單功能 【在線開發—自定義表單列表】中找到剛才添加的自定義表單 ![](https://img.kancloud.cn/76/9c/769cbd60c5c2bf1a58f09fd4fab8e9f6_1011x44.png) 點擊預覽: 操作模式:有三種預覽方式,查看模式,添加模式,編輯模式; 參數錄入區:動態sql解析出來的參數 ![](https://img.kancloud.cn/8a/e7/8ae7e04222d1d2cfbd9a1ae7ecaf8df8_629x397.png) 查看模式、編輯模式時,參數錄入區要錄入參數值; 添加模式不需要錄入 #### 添加頁面: ![](https://img.kancloud.cn/39/ef/39ef5098b43f49eeb6a5445096fa791e_1266x714.png) #### 查看頁面: ![](https://img.kancloud.cn/f2/2e/f22e46c3381959b9bf0888b9bf6d055f_1271x342.png) #### 編輯頁面: ![](https://img.kancloud.cn/9f/1d/9f1dd101ea9a583d82b6c97c5d663e36_1270x708.png) 添加、編輯成功后調整成功頁面 ![](https://img.kancloud.cn/fb/4e/fb4e017972fb5bbc42e421d5a5eaaae4_1034x267.png) ## 四、自定義表單訪問請求地址 ### 1.表單頁面訪問地址 自定義表單頁面訪問區分添加、編輯、查看,詳細參考下面: 可以針對自定義表單不同的頁面,做不同的權限控制; |序號|操作|訪問地址| |---|--|-|--| |1|添加頁面|autoFormController/af/{自定義表單編碼}/ goAddPage.do| |2|查看頁面|autoFormController/af/{自定義表單編碼}/goViewPage.do?id={id}| |3|修改頁面|autoFormController/af/{自定義表單編碼}/goEditPage.do?id={id}|
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看