新手教程|速成应用教你如何制作搭建自己的微信小程序

微信小程序已经迈入了爆发阶段,很多中小企业和商户正在不断涌入这个市场。但是很多不懂技术不懂代码的小白却不知道去哪里制作微信小程序,现在就以可视化小程序开发工具「速成应用」来告诉你们,如何制作出专属于自己的微信小程序。

针对想制作微信小程序却不懂技术不懂代码的小白,速成应用不但提供了海量的精美模板,还把小程序的页面拆分成诸如社区模块、电商模块、预约模块、餐饮门店、拼团秒杀等多个功能模块组合,也可以将功能模块拆分成大量更细致的组合,让一些不想套用模板又想省力的用户可以使用各个组合或者功能模块组装成一个新的小程序页面,继而制作出一个全新的微信小程序。接下来就来看看如何使用模块拼接成微信小程序。首先进入「速成应用」www.suchengapp.com 官网,点击“制作”,选择“空白模板”即可进入编辑页面。

进入编辑页面,可以看到左侧一栏的【组件库】。下面以"轮播banner"为例:添加“轮播”,点击“管理轮播图分组”往里图片,完成一个布局后保存,点击预览可以查看刚刚添加效果!

添加店铺名称和导航,首页先点击左侧自由面板,然后选择文本进行编辑文字,导航图片点击左侧“图片”然后直接拖拽到“自由面板”空白的地方替换图片,修改尺寸就可以了。地图导航链接,点击事件,调用功能选择“地图导航”,添加之前先到地图管理里面添加地址

图片列表添加,点击左侧“图片列表”点击添加图片,先填写表填,然后点击更好图片,布局和排版更具自己的喜好来设计!

点击预约到店里的“技师列表”显示数量设置好,点击管理对象,跳转到后台添加技师基础设置、预约设置、详情页样式设置,保存后前端预览就能显示出来了。

底部导航设置:点击底部导航,然后点击“添加”设置底部导航图片和描述,替换设置好图片和描述,点击链接至“预约”然后保存就OK了.

其他子页面点击右下角,添加页面或添加分组,其他操作或设置跟主要操作基本一样的。

编辑好页面以后,建议大家先点击保存,然后再点击上方的「管理」进入后台。看到左侧的后台功能列表,用户可以找到部分对应的模块上传数据。比如进入页面数据,展示的是用户制作好的页面。在这里可以添加店铺设置,服务管理,订单管理等

当前端和后台都调整好后,回到小程序编辑页面点击右上角的「保存」,然后「预览」看页面显示效果,确定界面显示没问题后点击右上角的「发布」,会自动跳转到后台,此时我们进行打包上传,选择微信小程序,可以选择一键上传至微信公众平台,直接登录小程序后台提交审核,或者下载代码包自己通过开发者工具上传。

上传好后,等待微信平台那边审核通过就可以发布啦,发布后就可以在微信搜索到专属你的微信小程序了。是不是特别简单?赶快来试试看吧~

原文链接:https://www.sohu.com/a/232896122_210968

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏DeveWork

为WordPress 评论框添加HTML5 表单验证

WordPress 中最常用到的表单莫过于评论框了,但现在不少的WordPress 主题(包括WordPress官方的主题),其表单验证其实是借助javascr...

36710
来自专栏freesan44

实现 iOS 前台时的推送弹窗效果

原文链接:http://www.jianshu.com/p/67864e1c2085

1512
来自专栏数据小魔方

图表搬家

来这里找志同道合的小伙伴! 今天给大家聊一聊Excel图表的输出! 我们日常所做的图表,如果不是专门用做Excel报表的话,大部分还是要以图片的形式导出。 通...

3338
来自专栏韩东吉的Unity杂货铺

零基础入门 3: 窗口介绍(一)

前两篇介绍了Unity的环境布置,破解,平台切换。如果哪里有所遗忘可以翻看历史消息重新巩固下。

1173
来自专栏iOS Developer

微信小程序开发教程-从零开始(2)

1856
来自专栏知晓程序

想在小程序中快速部署富文本?这个插件让你一步搞定

2063
来自专栏Google Dart

AngularDart 4.0 高级-路由概述 顶

本指南涵盖路由器的主要功能,通过演示可以实时运行的小应用程序(查看源代码)演示它们。

962
来自专栏猿人谷

ubuntu的美化

一、Usplash画面(开机/启动画面) 它就相当于Windows的开机/启动画面,因为 ubuntu 使用usplash这个软件作为启动画面,所以我们就叫它为...

2379
来自专栏DeveWork

修改WordPress 搜索结果页面url 形式,安全有保障

偶然发现开源中国(OSC)的搜索功能不能在非用户登录情况下使用,据说是被攻击了,无奈之下只得关闭游客搜索功能;据说WordPress 也可以通过向搜索地址传递某...

21410
来自专栏从零开始学自动化测试

Selenium2+python自动化8-SeleniumBuilder辅助定位元素

前言 福利来了,对于用火狐浏览器的小伙伴们,你还在为定位元素而烦恼嘛? 上古神器Selenium Builder来啦,哪里不会点哪里,妈妈再也不用担心我的定位元...

3015

扫码关注云+社区

领取腾讯云代金券