前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微信小程序开发实战教程使用开发工具从零开始无需编程步骤简单

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

原创
作者头像
速成应用小程序开发平台
发布2018-09-18 11:29:32
1.6K1
发布2018-09-18 11:29:32
举报
文章被收录于专栏:速成应用小程序开发平台

传统菜市场的痛点

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

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

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

 前期准备

1、用个谷歌或IE浏览器

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档