小程序开发(入门)
小程序开发
数据处理
浏览:651 次

小程序开发总结了入门级小程序,主要是为了熟悉小程序的开发。
最常见的方法是跳转到页面上的导航器组件。传递参数有两种方式(navigator组件和wx.navigateTo())。
小程序的生命周期(本例中涉及较少)、小程序的网络请求和模板的使用。
小程序开发类似于Vue代码风格,因此很容易入门。
Github地址,希望成为明星,谢谢!!页面结构页面由多个文件组成
① Js:定义页面的逻辑,用于创建页面对象并处理页面生命周期控制和数据处理
app。Js拥有全球数据和方法
每个页面都可以通过const app=getApp()获取一个app实例
② Json:configuration文件,用于设置当前页面工作时的窗口配置。app将在此处覆盖json中的窗口设置,即,只能设置窗口中设置的属性
app。Json是当前小程序的全局配置,包括小程序的所有页面路径、界面表示、网络超时和底部选项卡。
页面字段-用于描述当前小程序的所有页面路径。这是为了让微信客户端知道您的小程序页面当前定义在哪个目录中。
窗口字段——定义小程序所有页面的顶部背景色、文本颜色定义等。
③ Wxml:与HTML的角色类似,它用于定义页面元素结构。语法遵循XML语法,而不是HTML语法。
④ Wxss:Wxss具有CSS的大部分特性
app。wxssapp的通用样式,充分考虑了重用的思想
使用此SetData({property name:property value})更改数据中的属性。它不能直接赋值,就像在React中一样。
网络请求
wx。请求()
通用UI组件
扫码转盘图表
模板文件<;/模板>
定义模板
使用名称属性作为模板的名称

在数据传输标记上添加属性data={{}}
使用模板
使用is属性声明所需的模板,然后传递模板所需的数据
在wxml文件中引入<;导入src=“模板地址”/>
导航器组件
导航器组件可用于在页面之间跳转
页面之间的价值转移,类似于web开发方法:问号参数--------gt; ? 属性名称=属性值&属性名称=特性值
您跳转到的页面是通过onLoad方法的参数选项获得的
OnLoad(选项){}//选项。获取所需参数的属性名称
编程导航
wx。导航到({url:“地址”})
保留当前页面,跳转到app中的一个页面,然后使用wx。navigateBack返回原始页面。
通用API
文件上载
wx.uploadFile(对象)
地方
wx.getLocation(对象)
数据缓存
wx.getStorageSync(密钥)
框架
wx:用于
默认数组中当前项的下标变量名默认为索引,数组中当前项目的变量名默认是项

使用组件上的wx:for-control属性绑定数组,以便可以使用数组中每个项的数据重复渲染组件。
Wx:if和Wx:else
事件绑定bindtap
当组件触发事件时,逻辑层绑定的事件处理程序将接收事件对象
BaseEvent对象属性列表:类型、时间戳、目标、当前目标
CurrentTarget(事件绑定的当前组件):id、tagName、dataset(从当前组件的数据开始的自定义属性集合)
单击事件传递的参数事件,包括名为data属性的参数
事件当前目标。数据集[属性名称]
事件中target和currentTarget之间的差异
目标指当前单击的组件
CurrentTarget指事件捕获的组件
简单小程序:豆瓣电影坑!!!:豆瓣API拒绝微信小程序请求。错误403被禁止。
解决方案将https://api.douban.com替换为https://douban.uieee.com
例如https://api.douban.com/v2/movie/in_theaters替换为https://douban.uieee.com/v2/movie/in_theaters
标头设置为标头:{“Content-Type”:“application/xml”}
页面目录结构
结构目录
模仿指导页面
列表(默认主页)
列表
细节
配置项目

在json中配置项目下的app
app.json