p48項目搭建步驟一
搭建目錄結構

搭建項目的頁面

p49項目搭建步驟二(引入iconfont)




p50 項目搭建步驟三(搭建tabbar)

p51項目搭建步驟四-初始化頁面樣式(微信小程序中,不支持通配符*)


p52 首頁-搜索框
引入組件的三個步驟:(1)新增組件(2)聲明引用,哪個頁面文件要用到就在哪個文件的json文件中聲明(3)在頁面文件的wxml中引入






p53首頁-獲取輪播圖數據




p54-首頁-輪播圖-動態渲染




p55-將原生的請求修改為promise的方式(解決回調地域的情況)
(1創建request文件,儲存index.js)

(2)在需要請求的頁面的js文件引入

(3)改造原生wx.request

p56-首頁-分類導航









p57首頁-樓層1









p58 首頁-樓層2






p59-分類-接口數據和頁面效果的關系


p60 分類-獲取接口數據



p61-分類-頁面布局1



p62-分類-頁面布局2






p63-分類-點擊菜單切換商品內容


p64分類-使用緩存技術(因為接口返回的數據量太大了)
目的:優化用戶體驗,做法:再打開頁面的時候,判斷本地存儲中有沒有舊的數據,如果沒有,就直接發送新的請求獲取數據,如果有舊的數據,並且舊的數據沒有過期,就使用本地存儲中的舊數據

web中的本地存儲和微信小程序的本地存儲的區別:web會轉換成字符串再出來,小程序存進去什么值,返回的也是什么值




p65-分類-點擊菜單-右側列表置頂(優化)




p66-優化接口代碼,提取公共接口路徑

p67=優化接口-簡化返回值和使用es7的async



p68商品列表-獲取分類id(點擊分類中的商品進入商品列表頁面)




·

p69-商品列表-實現搜索框和tabs組件











p70-商品列表-靜態樣式



p71-商品列表-動態渲染





p72-商品列表-上滑滾動條觸底加載下一頁數據





p73-商品列表-下拉刷新





p74-添加全局的正在加載圖標效果



p75-商品詳情-獲取數據




p76 商品詳情-接口數據和頁面分析

p77-商品詳情=輪播圖動態渲染

p78-商品詳情-價格&名稱&圖文詳情

p79-商品詳情-優化動態渲染

p80-商品詳情-放大預覽圖片




p81-商品詳情-底部工具欄


p82-商品詳情-加入購物車



