1.搜尋功能 (因為在首頁已經實現搜尋只需跳轉傳值即可)
2.點選購物車新增到購物車(點選購物車圖示時需要拿到id和數量並請求介面)
3.點選商品進入詳情頁(在首頁已經實現只需傳值跳轉即可)
4..點選左側分類,進入對應的內容(首先需要渲染左側分類點選時拿到id並傳給右側然後請求資料渲染頁面,點選時需要清空右側資料)
1.點選刪除按鈕可以刪除商品(點選拿到id請求資料,並利用splice方法刪除頁面對應列表)
2.點選商品右下角+ - 按鈕可以改變商品數量(利用vant步進器,新增chenge事件在資料變更時請求資料進行更改)
3.點選去結算進入確認訂單頁面(跳轉頁面再次請求購物車資料即可)
4.點選新增收貨位址進入收貨位址頁面(點選跳轉進入收貨列表頁面請求資料渲染列表,點選新增按扭進入新增資料頁面首先需要填寫相應資料如姓名,手機號,位址,位址可以使用vant,填寫完畢後請求資料把收貨位址儲存到伺服器,預設收貨人:後端並沒有給出修改預設收貨人介面,所以我們需要儲存本地,點選收貨列表內容時,替換本地儲存的資料,在訂單頁面獲取本地資料渲染出來即可)
在此次專案開發中,中間出現很多問題,但是通過溝通,交流,最終都解決了,本次開發的專案,先寫靜態頁面,然後根據思路進行邏輯操作,還使用了vant元件提高開發效率,並拆分元件提高效率和復用性,再對搜尋和新增購物車,步進器等進行防抖節流來優化效能並對首頁列表和詳情頁詳情圖進行懶載入優化提高效率
該專案中還是有一些難點,比如登入授權,介面封裝,但是經過老師的講解,自己再進行一些思考,還是可以解決的。謝謝大家
(微信小程式)一 初識微信小程式
需要看的 先是檔案目錄 一 pages 他存放於多個頁面 如 index log頁面。可以把他裡面的每個資料夾看成乙個整體。這個整體存放著 html css 和 資料 1 index資料夾 存放的index頁面的目錄。2 index.js 他可以處理得到 ajax 或自定義定義的資料。把得到的值封裝...
微信小程式
2.單獨設定某一頁面下的頂部欄的背景顏色,在其對應的.json檔案下修改即可 3.this.setdata 注意 onload函式下面執行的是非同步操作,非同步操作裡面this.data.直接賦值,是無效的,必須使用this.setdata this.setdata msg he llo wor l...
微信小程式
你好!這是你第一次使用markdown編輯器所展示的歡迎頁。如果你想學習如何使用markdown編輯器,可以仔細閱讀這篇文章,了解一下markdown的基本語法知識。全新的介面設計,將會帶來全新的寫作體驗 在創作中心設定你喜愛的 高亮樣式,markdown將 片顯示選擇的高亮樣式進行展示 全新的ka...