微信小應用借鑒了很多web的理念,但是其與傳統的webApp、微信公共號這些BS架構不同,他是CS架構,是客戶端的程序
小程序開發實戰--豆瓣電影
項目配置
-在app.jsop中進行簡單配置
--navigationBarBackgroundColor:導航欄背景顏色
--navigationBarTitleText:導航欄文本內容
--navigationBarTextStyle:字體顏色,只能是black或者white
規劃程序所有頁面并配置
-創建所需要的目錄
--每個頁面包含js、wxss、wxml三個文件,json文件可根據需求自行增加
-在app.json配置中修改pages
--app.json中第一項會作為默認頁面顯示
完成榜單頁面
-輪播圖
--wxml頁面結構
--js頁面
---imgUrls數組的地址是模擬數據,可自行更改
--wxss頁面
---設置圖片的寬、高。
--需要將app.wxss修改為
-分類部分
--wxml頁面代碼
--wxss代碼
詳情頁面
-頁面跳轉
--從board頁面跳轉至list頁面
--使用navigator標簽
<navigator url="../list/list?type=in_theaters" hover-class="none">
---hover-class="node" 取消點擊高亮效果
---?type=in_theaters 進行傳遞參數
-頁面之間傳值方式
--類似于web開發的方式 > 問號參數
--跳轉到的頁面通過onLoad方法的參數(params)拿到
--url="../list/list?type=in_theaters&title=aaaa",可以傳遞多個參數,中間使用&;
--js代碼
--wxml代碼
--樣式暫時沒有增加