小程序框架介绍及精通小程序的配置:全局、页面与 sitemap 配置解析

2025-05-16
来源:万象资讯

1。迷你程序框架简介(理解)

框架包括配置,框架接口,场景值,WXML和WXS等。

2。迷你程序配置(熟练)

小程序的配置分为全局配置,页面配置和配置

1。全局配置

Mini程序的根目录中的App.json文件用于在全球配置 Mini程序。文件内容是JSON对象

以下是常用的配置选项

1.1

用于指定小程序组成的哪个页面,每个项目对应于页面的路径(包括文件名)。文件名不需要文件后缀,框架将在该位置中自动搜索四个文件:.json,.js,.wxml和.wxss。

页面与有一样多,选项数组的第一项应由(主页)的初始页面表示。在迷你程序中添加/减少页面需要修改数组。

==开发提示==

直接在选项中写下页面路径以创建相应的页面

默认项目显示在图中

创建主页,类别,购物车,我的页面,在app.json中编辑选项如下

1.2

用于设置的状态栏,导航栏,标题和窗口背景颜色。

默认小程序显示如下

修改后,显示如下

各种属性的示意图如下

1.3

如果是一个多标签应用程序(在客户端窗口的底部或顶部有一个选项卡列以要切换页面),则可以通过配置项目指定选项卡列的性能,当选项卡开关时显示的相应页面。

列表接受一个数组,并且只能配置至少2个和最多5个选项卡。选项卡按数组的顺序排序,每个项目都是一个对象,其属性值如下:

它的显示表格如下图所示

1.3.1准备底部选​​项卡

微信小程序全局配置_微信小程序开发底部多个按钮_小程序框架配置选项

图标字体图标在字体图标库中选择所需的图标,然后选择下载

修改相应的图片名称如下

2。在项目目录中创建一个文件夹并将图片放入其中

3。在app.json中配置底部选项卡

将主页调整到首页---初始化页面

显示格式如下

1.4

所有类型的网络请求的超时时间是毫秒。

1.5

可以在开发人员工具中启用该模式,并且可以在开发人员工具控制台面板中以信息形式给出调试信息,包括页面注册,页面路由,数据更新,事件触发等。它可以帮助开发人员快速找到一些常见的问题

1.6

插件所有者需要设置此项目以启用插件功能页面

1.7

迷你程序接口权限相关设置。字段类型是:结构是:

结构是

代码如下

1。数据绑定

WXML中的动态数据来自与页面相对应的数据。

1。简单绑定(类似于VUE中的语法)

数据绑定使用语法(双括号)来包装变量,可用于:

内容

{{}}

页({

数据: {

:mina!

}))

组件属性(需要双引号)

页({

数据: {

ID:0

}))

微信小程序全局配置_小程序框架配置选项_微信小程序开发底部多个按钮

3。控制属性(需要在双引号范围内)

如果条件是真的,我将显示

页({

数据: {

标志:是的

}))

4。和数据类型

如果数据类型是或数据类型,则需要使用{{}}

5。表达操作可以在{{}}内执行简单的操作,支持三元操作,算术操作,逻辑判断,字符串操作等。

财产

{{{a + b}}} + {{c}}} + d

5}}>

{{{ +名称}}

2。列表渲染

分享