微信小程序的零食商城

概述

這是一個微信小程序的商城應用，功能包括了首頁、分類、購物車、我的中心、商品列表、商品詳情、訂單、地址管理等

詳細

代碼下載：http://www.demodashi.com/demo/10353.html

 

1、準備工做

一、電腦須要安裝有 微信web開發者工具，若是沒有請點擊這裏安裝：下載地址

二、成爲微信小程序開發者，到微信公衆號平臺註冊一個帳號。須要用到appkey

 

2、程序實現

一、項目目錄以下：

主要頁面代碼都放在components文件夾下面，每一個頁面包含wxml,wxss,js,json四種格式的文件。

模塊說明：

index即主頁，

address是地址管理，

cart是購物車，

category是分類，

detail是商品詳情，

list是商品列表，

orders是訂單管理，

user是用戶中心。

 

最外層的app.json 是小程序的配置文件。

能夠設置小程序的基礎配置。不清楚的能夠查看官方文檔

（注意：頁面裏面的數據爲靜態寫死的數據。）

3、運行效果

只需打開微信web開發者工具，打開時選擇本項目文件夾，就會在開發者工具中打開了，能夠正常的運行了。若是須要在手機上預覽，能夠在微信開發者工具中打開預覽，經過手機掃描二維碼便可預覽。要預覽就須要appkey，也就是上面準備說要先註冊一個小程序開發者帳號纔有appkey.

運行截圖以下：

4、其餘補充

一、如今也有一些小程序商城是基於我這個項目代碼稍微改造一下而後上線的。比較方便快捷。

二、關於購物車的功能，我有一篇文章讓你更熟悉使用代碼：微信小程序之購物車功能

 

代碼下載：http://www.demodashi.com/demo/10353.html

注：本文著做權歸做者，由demo大師發表，拒絕轉載，轉載須要做者受權