美文网首页Web前端之路全栈工程师程序员
时隔两年,我开始学习微信小程序了~~仿小米手机天气预报

时隔两年,我开始学习微信小程序了~~仿小米手机天气预报

作者: 程序猿在广东 | 来源:发表于2018-03-27 23:00 被阅读62次

前言:

两年前,小程序出来时,我并不感兴趣,因为那时我在学习Android,根本没时间去研究小程序,那时并不看好小程序,因为各种限制;时隔两年,小程序已经很火了,所以还是跟着时代走吧!

一、学习小程序离不开官方文档,从注册小程序到入门,官网都有很详细的介绍;

微信小程序开发相关资料:

小程序官方文档:https://mp.weixin.qq.com/debug/wxadoc/introduction/index.html?t=2018313

小程序官方开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=20171117
微信小程序开发资源汇总:https://github.com/justjavac/awesome-wechat-weapp 二、小程序基本概念

1、开发工具:为了配合小程序开发,微信专门配备了自己的开发工具,自行选择对应版本安装。

image

2、创建项目应用:依次填好 项目目录、AppID、项目名称、最后勾选建立普通快速启动模板

image

3、编写小程序:项目初始化并包含了一些简单的代码文件,其中app.js、app.json、app.wxss 这三个是必不可少的,小程序会读取这些文件初始化实例。
  app.js是小程序的初始化脚本,可以在这个文件中监听小程序的生命周期,申请全局变量和调用API等
  app.json是对小程序的全局配置,pages设置页面路径组成(默认第一条为首页),window设置默认页面的窗 口表现等

app.wxss 是整个小程序的公共样式表。类似网站开发中的common.css

image

4、创建页面:在pages目录下

其实说了那么多也可以查看官方简易教程:https://mp.weixin.qq.com/debug/wxadoc/dev/

三、个人小项目,边学边做---仿小米手机天气预报

效果如下:

(首页)

image

(个人中心)

image

github项目地址:https://github.com/zsml2016/wxProgram

相关文章

网友评论

本文标题:时隔两年,我开始学习微信小程序了~~仿小米手机天气预报

本文链接:https://www.haomeiwen.com/subject/rvqecftx.html