济南小程序开发公司济南小猫科技:专注微信开发,济南小程序开发,济南微信小程序定制开发等业务!
手机版手机网站二维码 微信版 微信二维码 业务咨询电话:159-5318-4521

微信小程序开发方法—入门

发表于:2019-09-26 20:39:12 阅读(0 )

开发一个小程序并不难。我的门槛太低了本质上是开发另一个前端平台,如主页、手机软件,但它是在WeChat定义的框架内完成的,有一些WeChat特有的功能,例如获取和登录用户的基本信息;与麦克风群共享等。WeChat提供了非常详细的文档,在网络上也可以使用很多组件,整体上比Web网页和手机软件的开发简单,大大降低了知道技术的人有想法、想要尝试的难度。

为了开发小程序,首先需要了解微信中的小程序如何工作,生命周期是怎样的,以及页面的加载和路由等。试试看

有两种开发模式:简单型和多样型。

简单型开发

像字面的意思一样,在比较简单、直接的开发方式中,没有复杂功能。

每一个小程序的页面,都由 4 个文件协同以完成功能:

.像wxml文件,html一样,该文件主要用于构建页面的结构,包括哪些组件,如何相互关联?例如,包含按钮。

济南小程序开发

像.wxss文件,css那样,这个文件是为了记述页面表示的模式,决定了wxml内的组件和构造是如何表示的。例如,按钮是什么颜色,.js文件和Web页面开发的js有用,点击按钮会发生什么等,用于处理事件的.json文件,几个窗口小部件特有的内容的表示,例如定义了各页面的名称。除此之外,app.js和app.json处理整个窗口小部件的一些配置和事件。

简单型开发是有问题的,每次开发一个页面时,都要创建这四个文件,在这几个文件之间切换更改是很麻烦的。例如,要修改一个按钮,首先去wxml调整页面的结构位置,去wxss调整颜色,然后修正js后点击会发生什么。1个网页还可以,但是网页多的话,文件超多,很麻烦,所以豪华式有用的地方。

多样型开发

weepy是微信开发的一个小型程序开发框架,它很大程度上解决了简单性的问题,并具有其他一些优点:

Wepy参考Vue,所以在开发模型中基本上与Vue相同。每个页面都需要一个定义。wpy文件、Vue的第1页、html、css、js均在此文件中,简化了开发。开发后,Wepy使用wpy文件自动生成每页的朴素的4页。面。Wepy便于开发应用程序。

对于一个基于Vue或React的朋友,基本上可以无缝地工作。开发效率也比朴素的快得多。

在学习的过程中,用Wepy模仿他人的实现,简单地实现了一个服装的商城fashion-mall,配备了可以在本地运行的测试后端。有兴趣的朋友可以参考Github。小应用程序大幅度地削减了应用程序的开发和维护的成本,将想法的试行错误控制在最小限度。制作小程序找济南小程序开发小猫科技。




top