專題開發十三 JEECG微雲快速開發平台 附錄

2021-08-31 20:45:37 字數 3346 閱讀 4151

分享一下我老師大神的人工智慧教程!零基礎,通俗易懂!

專題開發十三:jeecg微雲快速開發平台-附錄

12.1ui庫常用控制項參考示例

序號

控制項

解決方案

參考示例

datagrid資料列表,字段採用資料字典顯示文字

webroot/webpage/system/user/userlist.jsp

樹列表展現

popup實現

/webroot/webpage/system/user/user.jsp

下拉列表實現

webroot/webpage/system/user/user.jsp

radio控制項

webroot/webpage/system/user/user.jsp

資料列表展示

webroot/webpage/system/user/userlist.jsp

常用元件demo位址

上傳/表單驗證/excel匯入/excel匯出/

頁面不同彈出方式/樹介面展示/自動補全/一對多示例/tabs切換

/webroot/webpage/demo/*

下拉列表多級聯動

一對多明細行加下拉項

datagrid資料列表,時間字段格式化

資料行全選

重複校驗

12.2開發技巧:採用iframe開啟頁面

目前在jeecg開發平台中,為了提高easyui的效能,tab的開啟採用href方式,但是href方式存在如下問題:

1.href只載入目標url的html片段

這個特性是由jquery封裝的ajax請求處理機制所決定的,所以目標url頁面裡不需要有html,

head,body等標籤,即使有這些元素,也會被忽略,所以放在head標籤裡面的任何指令碼也不會被引入或者執行。

2.短暫的頁面混亂:

href鏈結的頁面比較複雜的時候,easyui對其渲染往往需要乙個較長的過程

當載入的頁面布局較為複雜,或者有較多的js指令碼需要執行的時候,就不好處理了。

所以,綜合考慮,如果頁面樣式、js簡單就採用系統預設的href方式開啟tab頁。

如果頁面複雜,不好拆分,則採用 iframe方式開啟tab。採用ifrme方式,需要在配置選單的時候,加上&isiframe標識,如下所示:

datasourcecontroller.do?godruid&isiframe

需要注意:改為iframe方式的頁面需要在head中追加:

"ckeditor,jquery,easyui,tools">

實現步驟:

第一步:設定dategrid欄位查詢屬性query="true"

第二步:對應query="true"的dategrid欄位設定查詢字段元件

第三步:設定查詢按鈕

查詢注意點:

1.這種寫法t:dg*******這個標籤不能使用,不然會有衝突,查詢form顯示不出來;

2.查詢函式的名字規則"[dategrid元件name]search()"

[1].dategrid元件name

[2].組合查詢div

[3].查詢按鈕對應的js方法

查詢示例**如圖12‑1

12.4formvalid新增屬性tiptype的使用

formvalid中的tiptype用來定義提示資訊的顯示方式,一共有4種取值,在其官方的說明中,不同取值的含義如下:

取值

含義

1

自定義彈出框提示;

2

側邊提示(會在當前元素的父級的next物件的子級查詢顯示提示資訊的物件,表單以ajax提交時會彈出自定義提示框顯示表單提交狀態);

3

側邊提示(會在當前元素的siblings物件中查詢顯示提示資訊的物件,表單以ajax提交時會彈出自定義提示框顯示表單提交狀態);

4

側邊提示(會在當前元素的父級的next物件下查詢顯示提示資訊的物件,表單以ajax提交時不顯示表單的提交狀態)

在jeecg中,tiptype的屬性配置**如下:

與官方的用法不同的是,jeecg中對取值為1時的樣式以及校驗方式進行了改造,官方版是在提交時才給出提示,而jeecg中是在onblur的時候就會提示,當輸入正確後,1秒中後會自動消失。

注:標籤中不寫tiptype時預設為4.即側邊顯示。

使用建議:單錶可以不用給定tiptype屬性,即使用預設的側邊校驗,主從表的資料校驗給定tiptype="1"

單錶和主從表的資料校驗提示效果分別如圖12‑2和圖12‑3所示。

12.5使用******* 自定義js 引數規則

第一步:定義按鈕

第二步:定義js方法

三個引數說明:

1.三個引數缺一不可

2.三個引數順序不能變

3.有且只有三個引數

4.id為datagrid的name屬性

function jsplugin(title,url,id)*/

12.6表單字段重複校驗方法

目的:實現通用表單字段重複校驗,

例如:部門管理模組,部門名稱重複校驗

1)**配置

給input標籤,增加validtype屬性,格式如:t_s_depart,departname,id即(資料表名稱、對應的資料庫字段、業務實體的隱藏域主鍵的id屬性)

2)訊息提示方式,兩種方式

[1].提示彈出層:如下所示:給t:formvalid  增加tiptype="1" 屬性

[2].提示資訊在文字框後面提示

不需要給t:formvalid 增加任何屬性。

給我老師的人工智慧教程打call!

快速開發平台 web快速開發平台 Jxstar介紹

jxstar支援面向業務構件的開發思想,支援各種標準應用構件 行業應用構件 整合應用構件開發 維護,最大限度的提高業務構件的重用,提高軟體企業的資產價值與市場競爭力。通過平台配置完成大部分開發工作量,提高開發效率與開發質量 規範企業軟體開發過程,降低軟體後期維護的時間和成本 通過平台積累可重用軟體構...

快速開發平台

快速開發平台,就是可以使得開發更為快速的開發平台。當開發平台產生之後,雖然減少了程式設計人員大量的程式設計時間,但是很多開發平台的效果並不是很理想,比如說某些開發平台比較複雜 難以掌握 有的開發平台通用性比較差 有的開發平台在時間上並沒有得到改善 還有的依然還是需要寫很多 等等。這些問題的存在促使開...

TT快速開發平台

之前本來打算寫的tt隨筆,由於接了個外單關係,沒時間慢慢寫,就停了。現在基本功能都已實現,並放到了github上了,有興趣的童鞋可以看看。tt快速開發平台 前台 jquery easyui 後台 nutz tui主要是基於easyui所進行拓展的一套前台快速開發框架,目的在於盡量簡化常見的開發編寫的...