Taro多端統一框架學習（五）請求遠端資料

在開始介紹遠端資料請求前，先對jsx的列表渲染做下介紹，給jsx不熟悉的朋友提供便利。

構建陣列物件

先使用js的基本語法，開啟blog.jsx檔案然後再blog方法裡編寫**：

const girls =[,

,,]

blog.jsx的全部**

import taro ,

from
'@tarojs/taro'
import
from
'@tarojs/components'
import
from
'../../tools'
function
blog(),)·
const girls =[,
,,]const
[blogtitle,setblogtitle]
=usestate
('jspangblog'
)const
[introduce,setintroduce]
=usestate
('111111'
)const
gotoindex=(
)=>)}
return
(blog page111<
/text>
>我要去index頁面<
/button>
<
/view>)}
)}<
/view>
<
/view>
)}

在jsx中使用邏輯判斷，不能像下邊這樣用判斷：

else
}<
/view>

男主角是：
<
/view>

男主角是：
<
/view>

下邊我們在blog.jsx檔案中，編寫乙個testhandler方法，方法中使用taro.request後去遠端資料，這裡資料請求的路徑url，你可以去mockjs**，也可以自己用node等方式建立乙個資料請求路徑，或者你專案開發時候的路徑

const

getdata=(
)=>).
then
(res=>
)}

>獲取資料<

/button>

先用usestate宣告乙個articlelist,**如下：

const

[articlelist,setarticlelist]
=usestate([
])

>
-<
/view>)}
)}

import taro,

from
'@tarojs/taro'
import
from
'@tarojs/components'
function
blog2()
).then
((res)
=>)}
return
(資料請求<
/text>
<
/view>
>獲取資料<
/button>
>
<
/view>)}
)}<
/view>
<
/view>)}
export
default blog2

小程式開發框架 Taro（一）基礎篇

1.taro簡介 taro的環境搭建要求更新node到最新版本，所以先老老實實的更新node吧 2.1 先檢視下自己的編譯環境node的版本號 node v where node 2.2 依次執行如下命令進行taro環境搭建 npm config set registry npm config se...

客戶端UI統一框架

移動應用自產生之時開始，便存在跨平台的需求,目前ios android wm平台為手機的主流平台,在我們產品做設計之前,走了足夠多的彎路 1.規劃的時候，首先從android入手，android開發完畢後，再開發windowsmobile,隨後是ios平台,帶來的問題是 關注某個平台而忽略其他平台,...

統一日誌框架

常見的框架有log4j log4j2 logback 如果乙個專案中整合元件有單獨的框架那麼日誌配置就很混亂 log4j log4j2是沒有實現slf4j門面的 logback是實現的 就是我們獲取logger的包 是從slf4j獲取的 將我們自己的日誌框架通過slf4j實現 如果是log4j通過s...