微信小程序的零食商城-微信上零食小程序-微信公众平台注册小程序-即速应用

微信小程序的零食商城-微信上零食小程序-微信公众平台注册小程序

浏览量：3535 时间：2020-04-06 来源：findhappy117

概述这是一个微信小程序的商城应用，功能包括了首页、分类、购物车、个人中心、商品列表、商品详情、订单、地址管理等详细代码下载：http://www.demodashi.com/demo/10353.html一、准备工作1.
1、电脑需要安装有微信web开发者工具，如果没有请点击这里安装：下载地址
2.
2、成为微信小程序开发者，到微信公众号平台注册一个账号。需要用到appkey
二、程序实现3.
1、项目目录如下：
4.
主要页面代码都放在components文件夹下面，每个页面包含wxml,wxss,js,json四种格式的文件。
5.
模块说明：
6.
index即主页，
7.
address是地址管理，
8.
cart是购物车，
9.
category是分类，
10.
detail是商品详情，
11.
list是商品列表，
12.
orders是订单管理，
13.
user是用户中心。
14.
最外层的app.json是小程序的配置文件。
15.
可以设置小程序的基础配置。不清楚的可以查看官方文档
16.
（注意：页面里面的数据为静态写死的数据。）
三、运行效果17.
只需打开微信web开发者工具，打开时选择本项目文件夹，就会在开发者工具中打开了，可以正常的运行了。如果需要在手机上预览，可以在微信开发者工具中打开预览，通过手机扫描二维码即可预览。要预览就需要appkey，也就是上面准备说要先注册一个小程序开发者账号才有appkey.
18.
运行截图如下：
四、其他补充19.
1、现在也有一些小程序商城是基于我这个项目代码稍微改造一下然后上线的。比较方便快捷。
20.
2、关于购物车的功能，我有一篇文章让你更熟悉使用代码：微信小程序之购物车功能
注：本文著作权归作者，由demo大师（http://www.demodashi.com）宣传，拒绝转载，转载需要作者授权