candys-tool low code的一種嘗試

剛開始接觸Low code/0 code這種概念的時候，是源於咱們項目組的一個簡單的需求。這個需求就是怎樣動態化去作一個表單，以及表單查詢頁面。

思考階段

因而開始了簡單的思考，對於一般中後端的管理平臺，前端要處理的業務邏輯大概分爲查詢數據進行列表展現，詳情頁面展現，內容字段編輯等方面。

就拿列表展現頁面來講，咱們能夠把查詢條件抽象出來，經過一個數組去配置，表單的元素也經過選擇類型配置出來（如Input，select，dataPicker等），而後定義其特有的屬性值。查詢所調用的接口也暴露出配置項，而後查詢返回的結果，經過一個arr去存儲字段的key值。

由此類推，詳情展現頁面和內容編輯頁也暴露出api層和字段層去配置。

準備及開發階段

接下來咱們須要結合一個UI組件庫，或者有時間的話，手寫一個組件庫也能夠，本身手寫的話，可改性會更高一些。目前咱們項目裏採用的UI組件都是本身手寫的。

而後是幾種模板的開發，目前模板包括 ：查詢列表頁模板 、新增頁模板、編輯頁模板、詳情頁模板 四種模板。

開發完模板，接下來就是交互方式了，好比我要在一個查詢結果，點擊配置編輯按鈕，優雅的在當前頁面去加載配置的編輯頁面，而不是跳轉到另一個頁面去作（這樣比較low），其實咱們的作法是作一層路由模板，路由模板控制着數據的流動。在列表頁模板裏設置按鈕的交互方式，路由模板根據這個交互方式，去打開一個modal，裏邊引入跳轉目標頁模板。

進階階段

有了這個初步的模板工具後，咱們仍是以爲不太知足。於是咱們要求有一個diy佈局模板，

每一個diy裏的模塊，能夠引入其餘的模板，有時候會感受這樣有點太亂，模板之間的通信還沒想好，咱們也在不斷的嘗試，但願有小夥伴能夠一塊兒加入

接下來要作的事：

1. 擴大模板庫

2. 配置文件的本地化，目前配置文件是在數據庫存的，在本地化會更快一些。

3. 模板間的通信

4. 未完思考中。。。

咱們作出來的成果

聯繫方式