一连又鸽了好多天,说来也是惭愧。
所以趁着周末空闲,更新一波,码一些字。
最近在研究小程序,也做出了一款来。
于是乎小F的第一个小程序(Hello-World版)诞生了。
可以扫描下面的小程序码进行体验~
毕竟不是科班出身的,所以很多东西还得补。
什么html、css真的是一窍不通...
只能硬着头皮啃教程,啃书。
熬着熬着就有了第一版的小程序。
当然,接下来还会接着去完善的。
下面简单说说,我是如何实现的,也算是一个小小的教程。
首先需要通过邮箱注册账号,进而获取微信小程序的AppID。
这个网上也有教程,还是比较简单的。
接下来就是下载小程序的开发工具,在里面可以进行开发测试。
新建项目、编写代码、编译预览、然后上传代码,便大功告成。
下面简述一下我的小程序构成。
app.json是对整个小程序的全局配置,这里我就设置了一个导航页,此外对一些窗口的属性进行配置。
具体的参数含义可以从小程序的开发文档中得知。
index.js是页面的脚本文件,在这个文件中可以监听并处理页面的生命周期函数、获取小程序实例,声明并处理数据,响应页面交互事件等。
此处小F使用它来计算剩余的时间。
index.wxml则是页面的结构文件,类似html,个人理解就是网页的内容。
index.wxss则是页面的样式表,类似css,就是网页的布局。
有了这些东西,再经过上传审核,我们就能实现出一个简单的小程序。
最后奉上几个小程序的教程。
微信小程序官方文档
https://developers.weixin.qq.com/miniprogram/dev/(复制到浏览器打开)
w3cshcool的微信小程序开发教程手册文档
https://www.w3cschool.cn/weixinapp/9wou1q8j.html(复制到浏览器打开)
DevOpenClub的微信小程序开发视频教程
http://devopen.club/course/wxminiapp(复制到浏览器打开)
嗯,上一次的挑战赛,这会也说一下结果,把书给大伙送出。
都怪佛系的小F,鸽了这么长时间,惭愧。
提交作品的人不多,也就5、6个左右,所以就不评比了,直接给结果。
三本书就送给@黄伟、@廿七、@Gyou这三位小伙伴。
当然还得展示一下他们的作品,这里就挑其中的一个来看。
内容源于@Gyou,经由小F修改~