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。列表渲染