一、WXML 模板语法

1.数据绑定的基本原则

① 在 data 中定义数据

② 在 WXML 中使用数据

2.在 data 中定义页面的数据

在页面对应的 .js 文件中，把数据定义到 data 对象中即可：

3. Mustache 语法的格式

把data中的数据绑定到页面中渲染，使用 Mustache 语法 （双大括号）将变量包起来即可。语法格式为：

二、WXSS 模板样式

WXSS (WeiXin Style Sheets)是一套样式语言，用于美化 WXML 的组件样式，类似于网页开发中的 CSS。

WXSS 具有 CSS 大部分特性，同时，WXSS 还对 CSS 进行了扩充以及修改，以适应微信小程序的开发。

与 CSS 相比，WXSS 扩展的特性有：

rpx 尺寸单位，用来解决屏适配的尺寸单位。
@import 样式导入外联的样式表

三、全局配置

小程序根目录下的 app.json 文件是小程序的全局配置文件。常用的配置项如下：

① pages 记录当前小程序所有页面的存放路径

② window 全局设置小程序窗口的外观

③ tabBar 设置小程序底部的 tabBar 效果

④ style 是否启用新版的组件样式

四、网络数据请求

出于安全性方面的考虑，小程序官方对数据接口的请求做出了如下

两个限制：

① 只能请求 HTTPS 类型的接口

② 必须将接口的域名添加到信任列表中

关于跨域和 Ajax 的说明

跨域问题只存在于基于浏览器的 Web 开发中。由于小程序的宿主环境不是浏览器，而是微信客户端，所以小程序中不存在跨域的问题。

Ajax 技术的核心是依赖于浏览器中的 XMLHttpRequest 这个对象，由于小程序的宿主环境是微信客户端，所以小程序中不能叫做“发起 Ajax 请求”，而是叫做“发起网络数据请求”。

小程序开发——模板与配置相关推荐

02-微信小程序开发-模板与配置
一.WXML 模板语法 1.1.数据绑定 1. 数据绑定的基本原则 ① 在 data 中定义数据 ② 在 WXML 中使用数据 // pages/list/list.js Page({/*** 页面的 ...
微信小程序开发-模板与配置
小程序开发模板设计怎么做？
如何设计小程序开发模板?小程序页面的设计理念.色彩.布局等都要精心策划,但大部分想做小程序的商家都是新手,不懂设计知识.那么小程序开发模板设计怎么做呢? 一.采用优质素材当小程序开发模板设计.广 ...
小程序（模板与配置）
微信小程序 1.小程序 -- 模板与配置 1.1 WXML模板语法 1.2 WXSS模板样式 1.3 全局配置 1.4 页面配置 1.5 网络数据请求 1.小程序 – 模板与配置 1.1 WXML模板 ...
【小程序】模板与配置
文章目录 WXML 模板语法数据绑定事件绑定 bindtap 的语法格式 bindinput 的语法格式实现文本框和 data 之间的数据同步条件渲染 wx:if hidden 列表渲染 WX ...
微信小程序开发手册 - 02JSON 配置
JSON 是一种数据格式,并不是编程语言,在小程序中,JSON扮演的静态配置的角色配置项细节可参考文档 app.json配置全局配置 app.json 是当前小程序的全局配置,包含小程序的所有页面 ...
微信小程序开发的全局配置和局部配置（逆战）
全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置. 全局配置页面配置每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置.页面中配置项在当前页面会 ...
微信小程序开发代理展示销售网站源码织梦模板（手机同步）
本套织梦模板采用织梦最新内核开发的模板,这款模板使用范围极广,不仅仅局限于一类型的企业,小程序网站.微信小程序开发类的网站都可以用该模板. 你只需要把图片和文章内容换成你的即可,颜色都可以修改,改完让 ...
微信小程序开发的快速步骤方法和最大的坑
1.在mp.weixin.qq.com 这里申请 2.下载开发工具 3.前端开发:搜集小程序开发模板,或者自己写小东西.(跟前端差不多,很容易上手) 4.关于后端坑的记录以为与后端的联调需要申请域名 ...

小程序开发——模板与配置