微信小程序基础记录

emmm这几天体验了一把小程序,前期需要一些准备工作,查看微信小程序官方文档,包括下一个开发工具,申请账号这些。

微信小程序是前后端分离的,用微信提供的开发工具写前端页面,在前端页面上需要什么数据调用后端的接口就可以,后端数据以JSON格式返回,标准的REST。

有个小坑先说一下,如果你在本机调试,后端也是你写,没有域名,只用ip:host这种形式调用,需要做这么一个操作。


这个需要勾上,不然会被拦截。

把小程序代码加载之后,会发现app.js,app.json,app.wxss,project.config.json这几个文件,这几个文件是对这个小程序的全局配置,文档这里

有个小技巧,当你需要自己写代码的时候,你可以在app.json的pages属性中配置相应的页面,当你配置好后,会发现工具会帮你在pages目录下,新建好了相应的文件。

在wxml写上相应的html,wxss中写上相应的css,配合上JS文件中的js代码,就可以实现对页面的操作,框架的数据绑定看这里。数据全部定义在JS文件中的data中。

可以通过监听页面的事件来更改data中的值。以ON开头的那些。

小程序提供了一些组件,这些组件是写在wxml中的,通过给这组件绑定事件,结合数据绑定,就可以完成数据操作。

页面操作完之后,进行页面的跳转,通过wx.navigateTo等微信API,就可以完成。微信提供了丰富的API,以wx开头。

小程序中页面的跳转路径和请求路径是区分开的,以是否以http开头为区分标准。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值