案例四 電影展示

2021-08-21 13:06:27 字數 1890 閱讀 2375

1、

新建目錄

在目錄下新建page

2、 幻燈片直接給其設大小,這樣顯示全

src="}"

class="slide-image"

style='width:100%; height:375rpx;'/>

3、

彈性布局自動變為多行

flex-wrap:nowrap/wrap/wrap-reverse;

/* 彈性容器為多行。該情況下彈性子項溢位的部分會被放置到新行,子項內部會發生斷行。 */

樣式測試:

5、迴圈次數不定

movies是乙個陣列,

//影片陣列

movies:

wx:for-item=」movie」,movie是陣列每一項的名字

wx:for="}"

wx:for-item="movie">

class='movie-item'>

class="movie-img'"

src='

}'>

image>

class='movie-name'>

}text>

view>

class='rating-stars'>

src='../../images/star-fill.png'>

image>

src='../../images/star-fill.png'>

image>

src='../../images/star-fill.png'>

image>

src='../../images/star-fill.png'>

image>

src='../../images/star-fill.png'>

image>

}text>

view>

view>

block>

6、

迴圈次數一定:

wx:for="

}">

src='../../images/star-fill.png'>

image>

block>

7、

判斷條件

wx:if="

}">

src='../../images/star-fill.png'>

image>

block>

wx:else>

src='../../images/star-emp.png'>

image>

block>

8、

下拉頁面觸底時重新整理

/**

* 頁面上拉觸底事件的處理函式

*/onreachbottom: function() ,

9、

電影爬取案例

本次案例針對的是電影天堂上的電影,爬取所有電影的鏈結,以及每個鏈結對應的詳情頁。整體思路是 封裝兩個 函式,用來獲取url,對url進行解析。這個函式用來獲取每個頁面的url def get detail url url response requests.get url,headers heade...

豆瓣電影資料抓取案例

1 位址 豆瓣電影 排行榜 劇情 2 目標 電影名稱 電影評分1 request url 基準url位址 https 2 query string 查詢引數 抓取的查詢引數如下 type 13 電影型別 interval id 100 90action start 0 每次載入電影的起始索引值 0 ...

python爬蟲實戰 貓眼電影案例

背景 抓包ajax非同步載入的網頁,載入資料的url需要通過抓包獲取。一般確認是否非同步載入,只需要右鍵開啟網頁源 如果原始碼文字內容與前端展示的結果不一致,則屬於非同步載入。這時需要按f12開啟開發者工具的network,重新重新整理網頁,就能看到真正的url。如下圖所示,開發者工具中紅色框的ur...