开发一个微信小程序的时候,你准备好了吗?
发表时间:2023-09-21 07:16:09
文章来源:炫佑科技
浏览次数:155
菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技
开发一个微信小程序的时候,你准备好了吗?
1.当你准备开发微信小程序时,首先需要一个小程序的APPId,可以从微信公众号网站获取。 (暂时只对正式邀请的人开放)。
还需要准备微信开发工具,官方网站上也有。 只需下载并安装它们。 它支持Linux和MAC平台。
2、微信开发自己的小程序使用的MINA框架开发一个微信小程序的时候,你准备好了吗?,提供了视图层描述语言、WXML和WXSS以及基础逻辑层框架,并提供了视图层和逻辑层之间的数据传输和事件系统,方便开发使用方便地关注数据和逻辑。
当您打开它时,系统会自动提示您创建演示。 demo结构文件树如下:
3、其中app.js、app.json、app.wxss必不可少,是小程序生成的依赖文件。
app.js 监控和控制整个程序的生命周期,也是声明全局变量的地方。 下面是app.js中的一段代码:
4.上面代码中一些API的介绍:
App:注册一个小程序
:程序加载时执行的方法
:同步获取本地缓存
:设置缓存
wx.:获取用户信息
5、app.json是整个小程序的全局配置。 无法注释。
pages为注册页面列表,均为相对路径,省略后缀名,程序默认显示列表中的**个。
6、app.wxss是整个小程序的通用样式表。
在:
apx是适应屏幕宽度的尺寸单位。 对应的是rem:指定屏幕宽度为20rem; 1rem = (750/20)rpx。
7、全局文件就这样了,接下来我们看看索引文件的内容。
内容分为三部分,index.js、index.wxml、index.wxss。 下面分别介绍它们的功能。
8.index.wxml文件
这是一个显示页面,其工作方式与 html 相同。 可以看到,内容被划分为视图标签。 这也是很容易想到的布局,但实际上它只是 div 标签的另一个版本。 里面有很多MINA自定义属性小白开发微信小程序,并且在中我们还看到了{{ }}风格的值操作,这也很让人想起MINA中的双向数据绑定,MINA中也支持这种方式。
同时,页面的显示需要在小程序的全局json配置文件中进行配置,如前所述。
9.index.js文件
在:
() 获取应用程序实例