小程序从开发到发部的完整流程(例:结婚请帖)

最近在家自学微信小程序开发,完成了一个完整的小程序开发流程,由于所有知识都是疫情期间学习的,小程序做的还不是很完美,分享给大家,希望和大家一块互相学习。

因为没有后台数据库的知识,所以这里用的小程序云开发,数据直接存储在现成的数据库中。以下是小程序的二维码

小程序从开发到发部的完整流程(例:结婚请帖)_第1张图片

小程序的注册申请略过,百度上有很多,这里主要写实现方法;

1,确定翻页效果的实现

这里利用的是通过transform的动画效果,通过判断手指滑动的距离来让页面向上滑动规定的距离(一个页面),之所以没有利用swiper因为手指不动上滑会提前展示下个页面的内容,本实现方法也有不完美的,即滑动完不是立刻执行滑动(为解决这个问题)

手指的滑动距离利用 页面的bindtouchstart="scrollTouchstart" bindtouchmove="scrollTouchmove" bindtouchend="scrollTouchend",这三个方法即刻。

代码:

 

  

  

    

          

     

    

          

     

...

2.首页动画的实现

小程序中,所有动画的实现都是利用CSS中 @keyframes 来实现的,大家熟悉了这个方法就很简单了

 

3.数据的存储

小程序中用到的照片数据都存储到了小程序自带的数据库(免费的),可以到(我要自学网)学习如何利用自带的数据库,很简单。只需条用现成的函数即可

4.上传

真机调试没有问题即可点击开发工具里面的上传,登入自己的小程序后台,发部即可

5.审核

审核通过即可在微信里找到自己的小程序

 

描述的有些融通,写起来就不知道怎么表达了,大家互相学习

 

 

 

你可能感兴趣的:(小程序开发)