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

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

0基础学习微信小程序(转载)
原文地址:https://blog.csdn.net/qq_41464123/article/details/105198163 前言微信小程序作为近几年"微服务"的杰出代表,应 ...
EAUML日拱一卒-0基础学习微信小程序（3）- 创建自己的小程序账号
在开发自己的微信小程序之前,首先需要注册小程序账号. 小程序账号注册流程打开浏览器,输入mp.weixin.qq.com. 因为是第一次使用,所以选择画面右上角的[立即注册]. 选择左下角的[小程序 ...
使用flex布局制作微信小程序案例
上面是效果图,主要用到了一个flex布局.不得不说,这个flex是真的好用,还有微信小程序的scroll-view标签,这个标签是当微信小程序内容部分超出,就显示一个滚动条. tips(资料和源码我上 ...
零基础制作微信小程序
本文章制作小程序的所有代码都放在github啦注册账号微信公众平台(点击跳转至页面) 点击右上角的"立即注册"-选择小程序-使用邮箱进行激活-选择"个人"- ...
谷歌开发者大会焦点：TensorFlow.js可制作微信小程序，Android 10原生支持5G，TF2.0大更新...
2016 年谷歌开发者大会在中国首次举办,2017 年谷歌宣布成立"AI 中国研发中心",2018年谷歌的"AI+小程序"的产物"猜画小歌" ...
微信小程序傻瓜制作_零基础，傻瓜式制作微信小程序，3分钟完成不是问题！...
做小程序还必须要养一个设计人员吗?NO!必须要有小程序开发人员吗?NO! 微墨小程序DIY装修功能,帮你灭掉设计师.甩开程序员,商城自己说了算,布局想换就换,风格说变立刻变! 微墨小程序是" ...
微信小程序案例TODO备忘录
微信小程序案例TODO备忘录微信小程序案例TODO备忘录本节展示一个制作todo备忘录的案例讲解代码:https://github.com/Harryjun/WeChatPrj/tree/mas ...
怎样自己开发制作微信小程序？费用多少？
随着移动互联网的深入发展,各行各业都在寻求转型,希望通过线上软件系统来助力传统企业更好的发展,于是各种APP.小程序软件系统层出不穷.微信小程序是诸多软件中最流行的一种,凭借强大的流量基础.随用随走的 ...
火锅店制作微信小程序有用吗，微信小程序开发对火锅店的好处
火锅店制作**微信小程序**有哪些好处,微信小程序可以带来多少流量关于火锅的起源,有两种说法:一种说是在中国三国时期或魏文帝时代,那时的"铜鼎",就是火锅的前身:另一种说是火锅始 ...

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

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

最新文章

热门文章