专栏首页速成应用小程序开发平台微信小程序开发实战教程使用开发工具从零开始无需编程步骤简单
原创

微信小程序开发实战教程使用开发工具从零开始无需编程步骤简单

传统菜市场的痛点

菜场生鲜交易额占全国生鲜总交易额的60%。这意味着菜场生鲜这块市场仍没有被开发。

他们也面临着两大难题:电商平台的竞争压力和服务半径的局限性。很多菜市场、超市以前试图用公众号、APP来作为引流工具,可实地测试发现,菜场环境复杂、网速较慢,顾客耐心有限,公众号、APP对于顾客的流量成本和时间成本损耗过高,因此均被放弃,转而选择以微信小程序帮摊主做线上导流。

下面教大家如何利用微信小程序第三方开发平台「速成应用」https://www.suchengapp.com  制作一款称心如意的小程序,闲话少说,开始吧!

 前期准备

1、用个谷歌或IE浏览器

2、最好心里有个框架,把大概框架画出来,或者直接去微信搜索同行的小程序,参考对方模板进行仿制。

3、素材网:www.iconfont.cn、http://588ku.com、www.58pic.com

教大家如何制作一款生鲜配送小程序,新手福利来咯

教大家制作的这款生鲜配送小程序,适用于菜市场、水果店、外卖点餐、生鲜配送等。

一、进入速成应用官网,点击制作--点击新建空白小程序(模板里面如果有满意的也可以直接套用)

第二、更换封面和输入小程序名称

进入制作页面,选择组件,每个组件右上角都有图文教程

第三、点击制作轮播图,点击左边“轮播”组件,然后点击“管理轮播图分组”,进入管理后台后

点击“添加分组”填写好保存,点击右上角“添加”然后设置轮播图属性即可

第四、使用“自由面板”设置好尺寸规格,然后拖拽“文本”组件,输入文字,再拖拽“图片”组件,设置好图片规格

文本和图片设置好,点击右边“事件”,选择“功能”添加自己想要“调用功能”绑定好即可跳转。

第五、选择左边“按钮”组件,设置好规格

点击“事件”再点击“页面”绑定跳转分类、(预先如果没有做好分类就先不绑定,等主页做好了再做分类页面,然后进行绑定)

第六、  使用“自由面板”、文本和图片,拖拽制作,跟第四部制作一样的,这里是展示店铺信息,不用设置跳转

第七步、使用“滑块”组件,然后拖拽“图片”组件进行排版,图片规格设置好就可以了。

第八步、使用“底部导航”组件,点击右边“添加”按钮,文字描述和图片规格设置好,底部导航最多可以选择5个。

图片规格和文字描述好,点击“链接至”选择想要跳转功能即可,其他的设置也一样。

第九、制作“选购区”也就是添加“分类”,点击右下角“添加页面”设置好页面名称,然后页面属性设置下。

选择“餐饮门店”组件,然后点击右上角保存,保存好刚才第五部制作的“开始卖菜”按钮,就可以设置连接跳转到分类这里了。

点击“管理对象”设置好店铺信息,保存就可以了,一款生鲜配送小程序就大功告成了。

小伙伴们,有没有感觉制作小程序灰常简单啊?如果心动了赶紧自己也去制作一个吧。

原创声明,本文系作者授权云+社区发表,未经许可,不得转载。

如有侵权,请联系 yunjia_community@tencent.com 删除。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 新手教程--手把手教你从零开始制作一款电商必备的商城小程序

    近年来,在电商、新零售趋势的影响下,实体零售商也都在谋求自身的渠道变革,完善消费体验。如今微信已有超过十亿的用户,市场巨大,而微信小程序的开通不仅能够降低品牌...

    速成应用小程序开发平台
  • 速成应用告诉你餐饮业如何借助微信小程序线上线下优势营销?

    中国的餐饮行业是朝阳行业中蓬勃发展的一种新兴古老产业。说她古老是因为自从产生了社会分工就有了餐饮业,有了从业人员,可以说伴随了整个人类社会发展的每一个阶段。说她...

    速成应用小程序开发平台
  • 好省app新手必看 5分钟带你玩转好省团长模式

     好省是一款导购APP,依托于淘宝天猫平台,为广大用户提供海量优惠券,致力于帮助用户买到最具性价比的网购商品。与此同时,好省还一个创业平台,在这里,任何人...

    速成应用小程序开发平台
  • HBuilder + PHP开发环境配置

    图 5 打开之后,从开始界面可以点击注册后进入使用软件,或者点击暂不登录按钮,也可进入编辑界面。 2.点击文件--->新建--->Web项目,即可创...

    CherishTheYouth
  • docker内安装php缺少的扩展mysql.so和mysqli.so

    安装成功,退出docker,重启docker  docker restart php

    smy
  • 你真的懂么:Android中删除Preference

    Android的设置界面实现比较简单,有时甚至只需要使用一个简单的xml文件即可.声明简单,但是如何从PreferenceScreen或者PreferenceC...

    技术小黑屋
  • Zookeeper安装部署调试命令

    下载地址: http://www.apache.org/dyn/closer.cgi/zookeeper/ 我选用清华的镜像 https://mirrors...

    Albert陈凯
  • [8] - Actor 与并发

    Actor 是 Scala 基于消息传递的并发模型,虽然自 Scala-2.10 其默认并发模型的地位已被 Akka 取代,但这种与传统 Java、C++完全不...

    codingforfun
  • 2018年724运维日视频回顾:如何运用新技术助力银行传统IT运维向金融科技转型

    7月22日,2018深圳站7.24运维日特别活动在腾讯大厦举行,此次活动由腾讯蓝鲸智云主办、嘉为科技承办,大会围绕“运维人的远方,蓝鲸与你同行”的主题,分享交流...

    嘉为科技
  • 一个开发眼中的运维

    马哥linux运维 | 最专业的linux培训机构 ---- 在云计算时代,开发和运维的结合变得越来越重要。在DIFF论坛第一期,前新浪SAE运维主管,郑志勇...

    小小科

扫码关注云+社区

领取腾讯云代金券