react項目之使用豬齒魚框架---dataSet的基礎使用


第一次在項目上使用react,經過一個星期的摸索,終於來寫寫啦(其實是因為項目初期,業務們需求都還沒定下來,我只能做一些簡單的東西,但是事實上由於對react的不熟悉以及沒使用過豬齒魚框架,磕磕碰碰在所難免)

豬齒魚的dataset實在是太強大了,幾乎都封裝了項目上有的業務需求,只能說公司大佬們太牛逼,但是文檔寫的不是很清楚對我這種第一次使用的人就不是很友好,畢竟寫的太官方了,展示什么的都沒有,而且沒個索引啥的,要用個啥的話翻都要翻半天(小聲逼逼)

首先前端最重要的工作就是展示數據,因此我們需要定義一個ds,一個數據源就是一個ds,當你要對這歌數據源中的數據進行一系列的操作的時候,在這個ds里面都可以實現。

 

 transport里面放各種你要做的操作的接口,fields里面放的就是數據,queryFields里里面放的就是查詢條件,你只需要在里面放查詢字段,就會根據字段查詢相應的數據,autoQuery是設置是否自動查詢

然后在你的react文件里只需要將其引入然后實例化,然后放進組件(這里以table展示數據為例)

 

 

 

 當接口調通就會發現這一切都被豬齒魚大哥搞好了

說到增刪查改,這些也都是小問題,只需把button放進去就可以了

 

 -------------------------------------------------分割線---------------------------------------------

小問題記錄:

當有date需要操作的時候,豬齒魚封裝傳遞的是年月日時分秒的,為了便於操作,他們的在fields里面的放了個transformRequest,這是在發送前對數據進行一次處理

 

另:使用moment實現日期格式化

先下載moment,然后引入,然后:

moment(val).format('YYYY-MM-DD')

 -------------------------------------------------分割線---------------------------------------------

在寫了刪除按鈕的情況下,如果沒有寫destory,是會調用submit的,

有時候buttons里面的save按鈕不觸發submit是因為fields里面有字段沒有被渲染(僅僅是有時候)。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM