04.敏捷開發框架-下拉框功能實現

接上一篇:緩存

咱們一塊兒開發了 查詢頁面和編輯頁面:框架

image.png

 

看狀態這個字段:性能

若是下拉框是固定的,能夠以下實現:編碼

直接硬編碼:spa

image.png

執行效果以下:設計

image.png

 

若是須要增長一個空:或者叫請選擇調試

image.png

image.png

以上是簡單的狀況,資源

可是若是這個下拉框的內容是動態的呢,就不能硬編碼了。開發

 

那就面臨規劃:it

規劃有不一樣的層級,

咱們有不少選擇,不一樣的處理方式,有其特定的適用場景。

 

例如咱們這個例子:狀態是動態的,也不是太多,也不建議建立單獨的表對它進行維護。

那麼咱們能夠將它定義爲基礎參數

咱們基礎參數維護功能

 

打開框架提供的公共參數維護畫面

image.png

咱們點擊新增,先定義個參數

image.png

咱們定義一個 緩存狀態 這個概念 對應的英文: CACHE_STATUS

 

保存成功:

image.png

點擊明細

 

 

image.png

維護兩筆數據

接下來要建立數據選擇數據源

image.png

如上圖,咱們定義了一個數據源:CACHE_STATUS

後面就能夠直接在畫面中使用這個數據源

例如編輯畫面的代碼:

 

image.png

顯示效果以下圖:

image.png

若是但願增長一個 空的選項呢

 

image.png

image.png

 

打開調試看到,有個combox下拉框數據的請求,經過名稱 CACHE_STAUTS 到後臺自動完成請求並綁定到控件上

image.png

 

開發人員不須要特別關注,只須要記住咱們定義的資源名稱便可。

 

=================繼續==================

咱們面臨的狀況是,不少下拉框的數據,都是穩定不變的

那麼每次都要從後臺查詢,這樣是有點浪費性能

 

框架針對下拉框設計了緩存功能  cache 來進一步提升系統的性能

image.png

開發過程當中根據資源的實際狀況使用!

 

回到剛纔的下拉框內容

 

 

image.png

咱們但願  生效在後面

咱們經過修改數據源的配置便可(這裏面就暫時很少介紹了,和 原來的開發框架是一致的)

image.png

 

接下來咱們來改查詢列表頁的狀態:

這時候就更簡單了,上面之因此步驟比較多,是帶着你們一塊兒規劃了 CACHE_STATUS 明細數據怎麼存儲

同時維護創建  CACHE_STATUS 數據源

 

image.png

上面是代碼,下面是執行效果

 

image.png

 

好了,下拉框到此就介紹完畢了。

相關文章
相關標籤/搜索