第一次在項目上使用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里面有字段沒有被渲染(僅僅是有時候)。