微信小程序入门

1.下载官方工具:微信web开发者工具。

下载网址:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html?t=1476434678461

如图可依据电脑版本下载

2.申请账号:https://mp.weixin.qq.com/wxopen/waregister?action=step1

3.登录 https://mp.weixin.qq.com ,在菜单 "设置”-“开发设置” 看到小程序的 AppID,后续在很多地方都要用到 AppID

(本人练手,注册的是个人ID)

4.微信小程序设计指南:https://developers.weixin.qq.com/miniprogram/design/index.html

5.跟视频入门使用软件:(所分享的为博主入门所学视频)

https://study.163.com/course/introduction.htm?courseId=1003795015&utm_campaign=share&utm_medium=androidShare&utm_content=courseIntro&utm_u=1139268689&utm_source=qq

(若已经完成前四步可略过第一节直接学习视频2.3节内容)



此处,贴一下博主记录的几处知识点(零散地记录了一些,可能看着有些费力)






下面是博主练手的第一个小程序,模拟播放器,实现点击图片观看的功能


1.打开微信web开发者工具,项目-新建,如图,将项目目录新建为空文件夹

2.插入图片时,直接将图片保存至新建文件夹中,并命名为image,此时项目中会自动显示image



3.在index.js实现后台交互,在index.wxml以及wxss下更改样式,在until.js中创建自己的模块

如图,连接到其他页面,并实现图片的排版

4.根据上图设置其他样式


5.引入视频链接


6.设置播放样式


7.(此页面为首页,可放于首页)pages下第一个即为展示的首页



ending:

博主仍在继续学习,后续可能会持续更新,若链接中所含作者不愿意引用,可联系博主删除。博主仍在初步学习阶段,不喜轻喷。如有学习建议,请评论或联系博主,万分感谢,祝万事胜意!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值