当前位置: 主页 > 帮助中心 > 制作教程 新手快速制作小程序步骤!

新手快速制作小程序步骤!

来源:原创  |  2018-04-19 18:05 点击数:
大家好!本次教程将教大家如何利用已有的模板来制作小程序!“以资讯展示公司”为例,让新手快速制作小程序!
 
一、制作首页
1.首先注册登入速成应用:www.suchengapp.com ,进入到“小程序模板”页面,选择“互联网科技公司展示”小程序模板,点击“使用”开始制作,并填写相关的小程序名称,上传小程序封面图;



 
2.下面开始来制作首页,我们从上到下来制作;首先是轮播图,使用的是“轮播”组件,选中轮播图,点击“管理轮播图分组”,可以进入后台更换为自己已经剪切好的图,
轮播图的尺寸大小要求是:750像素*300像素;





在添加图片的同时,可以设置好图片的分组、设置“页面跳转”(点击即可跳转至XX页面)、“调用功能”(点击即可拨打电话、领取优惠券等)



3.
轮播图制作完以后,接下来是图片部分,使用了“基础”栏目下“图片列表”组件,选中图片列表,点击”更换图片“即可更换为自己已经准备好的图片,图片的尺寸是:372像素*294像素左右;同样可设置页面跳转和功能设置;



4、再往下是“基础”栏目下“图片”组件,设置方法与“图片列表”组件类似,点击选中更换图片,再点击“事件”设置“页面”及“功能



5、值得一提的是如果图片调用的“功能”是“文章绑定”,则点击“修改文章”-“添加文章”进入后台文章列表中增加新文章或者修改文章后,回到前台绑定数据
 










5.最后是底部导航的设置,使用到的是“基础”栏目下“底部导航”组件,点击“更换图片”可以更换为自己的图片;也可进行“页面”跳转设置和“功能”设置;
 


二、制作“资讯”页面
1.首先设置视频,使用的是“其他”栏目下“视频”组件,点击组件更换源文件链接,如果不知道如何获得源文件链接,点击红字“如何获取视频源文件链接”获取方法
 


2.接下来点击“基础”栏目下“动态文章”组件,点击“管理对象”即可进入后台添加文章分类并编辑文章,文章写好后,回到前台绑定数据
 


 
 

三、分组“产品服务“下“朋友圈广告”“小程序开发”“应用开发”“互联网营销”的设置
 
这是为“首页”图片列表跳转到的页面服务的,用“基础”栏目下“自由面板”自行添加“文本”“图片”等组件制作而成,如果需要修改,则点击需要修改的位置,方法与上面介绍相同


 
 
四、制作好小程序后,点击”保存“,然后点击“预览”,即可在网页端进行预览。
 
五、小程序打包
当我们制作好一个完整的小程序以后,发布后就要对小程序项目进行代码打包。(下面以“互联网科技公司展示”这个小程序为例)在速成应用平台制作好小程序,并且预览无误以后,便可以点击”编辑“页面右上角的“发布”,然后选择“小程序打包”,填写相关信息
 



备注:这里的“小程序ID”和”小程序密钥“需要登录到小程序的后台的开发设置处查找;登录到小程序后台,需要小程序管理员用手“”机微信扫码确认登录,然后选择“设置”中的“开发设置”,在小程序密钥一栏的右边点击“生成”即可,然后将小程序ID和小程序密钥填入到编辑页面德 “打包小程序”信息栏中,然后点击“立刻打包”即可







提醒:如果想自己设计制作自己特有的小程序,可以选择空白小程序,自由拖拽制作。
 
如何注册小程序账号?(点击http://www.suchengapp.com/help/zzjc/57.html 查看)
 
 



已为 28,893 商家解决技术难题

联系我们

业务咨询:18359788509

客服反馈:18350356243

周一至周六 9:30-18:30

官方微信 客服微信

闽ICP备18002760号-2
Hello,欢迎来咨询~

咨询热线

微信咨询