前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >第一个小程序。

第一个小程序。

作者头像
小F
发布2020-10-09 15:39:59
5300
发布2020-10-09 15:39:59
举报
文章被收录于专栏:用户6291251的专栏

一连又鸽了好多天,说来也是惭愧。

所以趁着周末空闲,更新一波,码一些字。

最近在研究小程序,也做出了一款来。

于是乎小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修改~

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2019-08-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 法纳斯特 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档