微信小程序的零食商城

概述

这是一个微信小程序的商城应用，功能包括了首页、分类、购物车、我的中心、商品列表、商品详情、订单、地址管理等

详细

代码下载：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大师发表，拒绝转载，转载须要做者受权