0基础制作微信小程序（案例：超市）

简介：这是不要服务器不要域名，无后台，上传即用的超市小程序，终身使用，无需任何费用。即使你是小白菜鸟都可以使用。

功能：首页轮播、公告、产品展示、底部导航、一键拨号、地图导航等功能。

用途：超市、小卖部、门店、公司展示、产品展示等。很多展示性的都可以使用。

源码下载：微信 1215360479获取。

 

效果预览

 

 

使用教程：

1、双击打开 “微信web开发工具”，

 

2、用小程序管理员绑定的微信扫描工具二维码，并在手机上确认登陆。

 

 

3、选择“小程序项目”。

 

4、如下图：

项目目录选择到“chaoshi”文件夹。

Appid：填写正确（具体请登录你的微信小程序后台查看）

项目名称：根据自己需求填写。

最后点击确定。

 

5、打开后出现下图。

本小程序每个文字，每张图片，每个图标颜色都可以修改。

 

6、如果你要修改“XX超市”为你自己的名称，请点击搜索按钮，然后在输入框输入“XX超市”，点击查找。

 

7、双击蓝色字体就可以修改了，直接修改即可。所有文字修改方式都一样。

 

8、图片修改，打开图片文件，在image下面，如下图，直接用你制作好的图片区替换即可（一定要用同名同格式通尺寸的图片区替换）。

 

9、增加产品/删除产品，如下图，找到page—list—index.wxml文件，

增加产品：复制下图红框内代码粘贴到后面即可（同时修改图片名称和产品名称就可以了）

删除产品：直接删除产品所在的代码即可，入下图红框部分。

 

10、修改完成后，ctrl+s保存代码。

然后点击预览，弹出二维码，用管理员手机扫描，在手机上就可以看效果了。

 

11、预览后确认没有问题，点击上传，然后登陆你的小程序，提交审核，等待腾讯审核。审核通过后，提交发布，就可以了。