微信小程序新手开发篇-简介
自微信小程序上线以来,使用人数成倍增加,一不小心老板知道了,没办法自学成才。从无到有一步一步走来,学会不少东西。不说了今天主要介绍一下开发需要什么,需要怎么做什么。可以访问:https://developers.weixin.qq.com/miniprogram/dev/index.html?t=18082114 查看详细开发文档
1.账号申请:
1.1点击前往https://mp.weixin.qq.com/wxopen/waregister?action=step1 填写资料完成注 册(不同的账号需要的东西不同,您可以根据需要选择)
1.2登录 https://mp.weixin.qq.com 登录,可以查看您的小程序的一些基本信息,以及完善您的小程序资料(appid,服务器域名设置等)
1.3开发工具的下载安装:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=18082114,点击链接前往
2.初识小程序:
2.1代码构成:
2.1.1 json配置:页面基础配置:背景,上方标题栏颜色,文字
2.1.2 wxml模板:类似与html,界面开发
2.1.3wxss样式:类似css,界面布局开发
2.1.4js逻辑交互:类似与js数据处理,与逻辑处理
2.2全局app设置
2.2.1:app.js:全局变量设置或静态量设置:如请求的后端地址等
2.2.2:app.json: 是当前小程序的全局配置,包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。
2.2.3:app.wxss:是全局的主题布局
3.小程序的生命周期:
Page({
/**
* 页面的初始数据
*/
data: {
surl:'http://caiku.renaren.org/user/register.html'
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
4.组件
小程序提供了丰富的基础组件给开发者,开发者可以像搭积木一样,组合各种组件拼合成自己的小程序。
就像 HTML 的 div, p 等标签一样,在小程序里边,你只需要在 WXML 写上对应的组件标签名字就可以把该组件显示
5.API
为了让开发者可以很方便的调起微信提供的能力,例如获取用户信息、微信支付