企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
## 1. 小程序结构 1. 小程序整体有三个文件组成: app.js(文件逻辑即脚本文件),app.json(小程序整体配置),app.wxss(小程序公共样式表)。以上三个文件代表对整个小APP的描述。 2. 微信小程序的页面: js: 页面逻辑 wxml:页面结构,相当于HTML wxss:页面样式,相当于css,对当前页面起作用 json:当前页面的配置 ## 2. Page() 函数 用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。 ## 3. 页面 新建页面,在app.json中配置页面页面路径+页面名即可,小程序自动生成四个页面。 ![](https://box.kancloud.cn/b629b560f44c5bea9da73fa332d07da0_444x431.png) ## 4. 数据绑定 onload可以直接进行数据绑定(小程序读取data对象进行数据绑定,是在onLoad事件执行之后发生的,所以可以在onLoad事件当中直接对data赋值) ![](https://box.kancloud.cn/7c3ecc11d8b4f3ef1ec60f6606b2d1cd_641x369.png) ## 5. wxml向后端(js)传数据 自定义属性data为前缀,小程序运行后,数据就会被绑定到这个属性上 data-postId ![](https://box.kancloud.cn/1a3e11873f160e34ddf55e9f3a2d730e_608x184.png) js -----> postid (postId) 被转成了小写 currentTarget代表鼠标点击的元素,dataset是自定义属性集合 ![](https://box.kancloud.cn/bc2eac30c6163d089d3c33d167d54c1c_499x119.png) ## 6. 页面跳转 两种方式:标签和js事件