微信小程序开发步骤入门版

抽个时间慢慢的学习开发小程序不觉得很有意思吗?
1:首先是进入微信公众号去申请也注册账号,下面有选择小程序开发的模块,按照步骤一步一布的就可以进行配置了;
2:下载开发工具:分几种情况,看自己的需求,我选择的是正式开发版本工具;

3:当下在完成打开开发工具输入对应小程序AppID的id,这个申请的时候有AppID(小程序ID)和AppSecret(小程序密钥)俩个。
微信小程序开发步骤入门版_第1张图片
image.png

下面的图是开发工具:
微信小程序开发步骤入门版_第2张图片
image.png

首先说下Tabbar的使用:

"tabBar": {
"list": [
{
"pagePath": "pages/index/index",
"iconPath": "pages/images/icon-nor-menu1.png",
"selectedIconPath": "pages/images/icon-nor-menu1.png",
"text": "主题"
},
{
"pagePath": "pages/Family/Family",
"iconPath": "pages/images/icon-nor-menu2.png",
"selectedIconPath": "pages/images/icon-sel-menu2.png",
"text": "家庭"
},
{
"pagePath": "pages/userConsole/userConsole",
"iconPath": "pages/images/icon-nor-menu5.png",
"selectedIconPath": "pages/images/icon-sel-menu5.png",
"text": "我的"
}
]
},
下面说用处最多的视频滚动视频的实现:


微信小程序开发步骤入门版_第3张图片
image.png

微信小程序开发步骤入门版_第4张图片
image.png

微信小程序开发步骤入门版_第5张图片
image.png

微信小程序开发步骤入门版_第6张图片
image.png

上面每一个类型下对应着不同的代码结构.
记得导入对应的头文件:头文件就是对应的路径。
微信小程序开发步骤入门版_第7张图片
image.png

你可能感兴趣的:(微信小程序开发步骤入门版)