立即咨询

百科问答最新文章

钉钉小程序开发Hellodingtalk

2014-05-14

0 浏览

0 评论

闻道君

原文链接

百科问答

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-bd94496da04e22b9eb880836f88ce2a5.png">

前一节我们对钉钉小程序开发有了一定的了解，我们可以修改标题以及页面内容。本节我们将来对整个目录结构做详细说明。钉钉小程序分为两层：app层（小程序的全局配置）和page层（页面详细配置）。

app层详解

在项目根目录下有三个以app开头的文件，这三个文件用于管理所有页面和全局数据，以及提供生命周期方法，全局样式。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-758de68ce294029814070e50afcbf383.png">

（1）app.js

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-668dc9bdf7f9489c0ace0fbf5ed827ba.png">

（2）app.json

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-d0d060977fbf45a55e9a53a2d5be8b8d.png">

（3）app.acss

全局样式没什么可说的，和css样式的写法基本一致。

（4）getApp()方法

前边我们已经初始化创建了小程序实例，那么我们如何拿到这个小程序实例呢？官方提供了全局的getApp()函数用于获取小程序实例，一般我们会用来获取全局变量。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-6361d3665ec2f2dc1934cae3267f18fa.png">

注意：

①、App()必须在app.js里调用，且不能调用多次；

②、使用tShopfas可以拿到app实例，不能再App()内定义的函数中调用getApp();

③、不能在onLaunch里调用getCurrentPages()，初始化未完成page页面还未生成；

④、通过getApp()获取实例之后，不要私自调用生命周期函数。

page层

page层代表的是小程序的一个页面，负责信息展示和交互。一般每个小程序都会有多个页面构成，而每个页面一般包含四个文件。

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-146a6f46b31a45a4528d09b77e43a1be.png">

（1）axml文件

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-03a6790dc993f8a65f0860df939bc91c.png">

（2）js文件

< ="http://blog.jsudo.com/wp-content/uploads/2023/01/frc-d88db0b760d6e4a05fc58bd9429c5a2f.png">

（3）json和acss文件

页面json文件中可以更改标题属性，会覆盖app.json中window属性中的值。

页面acss文件是本页面的样式，会覆盖app.acss中相同的样式。

（4）getCurrentPages()获取当前页面栈的实例

该函数是以数组的形式按栈的顺序给出当前页面栈，第一个元素为首页，最后一个元素为当前页面。

编写页面顺序：

（1）在app.json中pages数组中加入页面，如"pages/login/login"；

（2）在pages目录下新建目录login；

（3）login目录下新建login.axml、login.js、login.acss、login.json文件；

（4）login.axml中编写视图代码；

（5）login.js中初始化数据、事件等等。

（6）编译代码，在模拟器查看效果。

****更多行业产品开发方案，请关注加速度****

<以上资讯仅供参考，如需解决具体问题，建议您关注作者；如果有软件产品开发需求，可在线咨询获取产品开发方案和报价>

小程序开发小程序商城微信小程序

微信客服二维码

加客服微信获取更多内容

返回文章列表