今天跟著教程完成了星星評分模板的編寫就寫一下今天學(xué)習(xí)的總結(jié) 方便自己記憶的更牢固一些
首先我要查看查看星星的數(shù)據(jù) 是在subject 里面的rating.stars 里面 他的值都為 30猫缭,為3顆星星恳啥。50為5顆星迄委。
我們定義一個公共的方法來調(diào)用這個星星組件在util.js文件里面新建一個getstars方法
然后我們在index.js 文件中引入util.js文件? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
然后在獲取星星數(shù)據(jù)在之前index.js文件里面 getdata方法里面獲取星星數(shù)據(jù)
獲取到了數(shù)據(jù)我們就要把他顯示在頁面了 届垫。我們現(xiàn)在沒有加半星 只有整星和沒有星星
找到星星頁面模板使用的頁面? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
星星模板頁面要判斷顯示的星星樣式了, 如果i 為1的話顯示star.png 否則顯示no-star.png