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开头为区分标准。