索引 NET Core應用框架之BitAdminCore框架應用篇系列 一、簡介 本篇講解querySuite套件查詢按鈕區域的實現功能。 先來一張效果圖,其實沒啥特別的。 總共有5個已經做了預設實現的按鈕:查詢、添加、導入、導出、刪除。只需要配置相應的鏈接即可。 因為框架使用的是前後端分離,所以前 ...
索引
NET Core應用框架之BitAdminCore框架應用篇系列
一、簡介
本篇講解querySuite套件查詢按鈕區域的實現功能。
先來一張效果圖,其實沒啥特別的。
總共有5個已經做了預設實現的按鈕:查詢、添加、導入、導出、刪除。只需要配置相應的鏈接即可。
因為框架使用的是前後端分離,所以前端實現事實上到webapi調用就算完成了。
二、查詢按鈕實現
查詢功能代碼包括兩部分:1、按鈕、2、查詢url配置
運行效果
三、 刪除,導入、導出按鈕實現
刪除,導入、導出按鈕的實現原理與查詢一致,可以自行跟蹤下交互參數。
代碼出下:
四、新增按鈕實現
新增按鈕實現打開一個新增視窗,需要結合formSuite表單套件,formSuite表單套件後續會詳細介紹。
先看下運行效果
代碼實現
註意:這裡的表單,必須是formSuite表單套件,如果頁面只有一個表單,可以不指定ID
五、總結
querySuite按鈕,總共包括四個數據交互實現:查詢、刪除、導入、導出。一個操作交互實現:新增。
querySuite按鈕,通過action進行角色定義,同時承擔許可權控制,通過data-query-url、data-delete-url、data-import-url、data-export-url定義數據交互的url。
querySuite按鈕,樣式及位置可以自行修改,不影響功能,這個就是BitAdminCore佈局與功能分離核心思想。
本系列文章鏈接:
BitAdminCore框架應用篇:(一)使用Cookiecutter創建應用項目
BitAdminCore框架應用篇:(二)創建一個簡單的增刪改查模塊
BitAdminCore框架應用篇:(三)核心套件querySuite入門介紹