JBolt開發(fā)平臺入門(2)-組件自動化-AutoSelect

教程總目錄

上一節(jié):JBolt開發(fā)平臺二次開發(fā)入門（1）

本教程我們來看一下JBolt開發(fā)平臺的基礎(chǔ)數(shù)據(jù)和全局數(shù)據(jù)配置管理镀迂。

這里為什么把配置分為基礎(chǔ)和全局配置兩個模塊區(qū)管理呢，解釋一下：

一、基礎(chǔ)數(shù)據(jù)管理

基礎(chǔ)配置就是傳統(tǒng)的字典管理梦谜，有字典分類，每個分類下有自己的字典項目土居，而且JBolt平臺里的字典數(shù)據(jù)現(xiàn)在我設(shè)計的是可以單層使用也可以多級使用地淀。
1为黎、單層數(shù)據(jù)：就是一個分類下有幾個項目，例如做博客有博客文章分類做活動管理有活動分類
2伪朽、多級數(shù)據(jù)：是分類下的項目還有父子層級關(guān)系轴咱，舉個數(shù)據(jù)貓里的例子：
針對一個項目所屬的學(xué)科維度這幾個字典分類下，還有K12學(xué)科輔導(dǎo)這個父項目烈涮，之下還有全科嗦玖、語文、數(shù)學(xué)之類的子項目構(gòu)成了多級字典數(shù)據(jù)跃脊。

學(xué)科維度

多級字典

在JBolt中的字典管理可以通過創(chuàng)建字典分類的層級模式屬性來控制具體層級：

控制層級

目前遇到最多的也是兩級宇挫，三級的還沒遇到，所以暫時支持的是兩級酪术，多級和無限級其實支持也是小改一下的事情器瘪；

這個基礎(chǔ)數(shù)據(jù)不管幾個級別，我知道怎么定義設(shè)置了具體開發(fā)的時候怎么用绘雁？

字典定義很多時候我們的使用場景和使用的組件就是Select radio checkbox這種單選和多選的組件橡疼。下面我們來看在JBolt中如何在前端網(wǎng)頁里快速使用自動化的基礎(chǔ)數(shù)據(jù)組件：

組件1、自動加載數(shù)據(jù)源的Select+自動設(shè)置選中元素的Select組件

我們就拿基礎(chǔ)數(shù)據(jù)里的文件分類做例子：

文件分類

下面我們看看實際加載文件分類的效果：

組件效果

下圖展示了select組件加載的數(shù)據(jù)

自動加載了數(shù)據(jù)源

下圖在點擊表單提交的時候會做校驗庐舟，這個select上配置了校驗規(guī)則欣除，和提示信息，都可以正常校驗挪略。

自動校驗

當我選擇了一個值历帚，提交后，Demo跳轉(zhuǎn)回來：自動選中了剛才選擇的項目
這個經(jīng)常用在一些列表查詢條件上杠娱，你選擇條件點擊查詢后挽牢，回來需要保持你剛才選擇的條件不變。

自動選中

上面四個功能摊求，你不需要寫任何js代碼禽拔，只需要寫html代碼和屬性就行了，不信看下圖：

完整介紹

這里面的數(shù)據(jù)源地址是一個具體的Controller中的action室叉，返回的值也是JBolt開發(fā)平臺里內(nèi)定的睹栖，字典表的service早就提供封裝好了一句話搞定：

代碼早就封裝好了service

這個是我在demo里用的，其實在Dictionary自身的Controller里也有茧痕，方便后端的頁面隨時調(diào)用野来，如果是有小程序端或者H5里需要讀取這些數(shù)據(jù)，可能就需要你具體的針對小程序的API接口里提供這樣的接口凿渊，總之還是調(diào)用我封裝好的DictionaryService.