1. 程式人生 > >微信小程式-紀念品專案

微信小程式-紀念品專案

這是一個有關於紀念品的微信小程式專案,功能:輪播圖,下拉列表,下拉重新整理,通過介面拉取資料顯示等,技術:nodejs,MongoDB,小程式

效果圖:
在這裡插入圖片描述在這裡插入圖片描述
在這裡插入圖片描述在這裡插入圖片描述

專案描述:完成一個關於紀念品的微信小程式專案,功能:輪播圖,下拉列表,下拉重新整理,通過介面拉取資料顯示等
技術:nodejs,MongoDB,小程式, html, css
遇到的問題和難點:
1.輪播圖和下拉列表的圖片怎麼儲存?選擇express框架和mongodb資料庫,在後臺宣告一個數組,存入圖片源路徑。
2.資料怎麼從資料庫拉取?/addData介面新增資料,/getSwipers介面獲取輪播圖資料,在index.js介面宣告一個函式getSwipers去請求url地址使用setData方法獲取資料
3.列表的詳情頁面怎麼保證每個頁面不一樣?在介面拉取資料時候攜帶一個id,去請求數組裡面的一條資料,後臺訪問/getGifts/:id介面,根據id查詢資料並返回json資料。

專案地址:
微信小程式:https://github.com/yanfengting/gift
api:https://github.com/yanfengting/gift-api/