0530-3433334

网站建设 APP开发 小程序

知识

分享你我感悟

您当前位置>首页 >> 知识 >> 小程序

开发一个微信小程序的时候,你准备好了吗?

发表时间: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文件

在:

() 获取应用程序实例

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等

相关案例查看更多