微信小程序

微信小程序今天正式上线了,但是怎么看到呢? 第一:升级微信到最新的版本:6.5.3 第二:在微信中搜索“小程序示例”,在搜索结果中找到黑色图标S形状点开它,进入这个页面也就激活了小程序。 第三:回到微信菜单栏发现,你会看到最下面一栏多了小程序的功能。 进入小程序就可以搜索小程序相关的例子了,下面介绍几款小程序例子: 腾讯视频 京东购物 猫眼电影 自选股 滴滴出行DiDi 等...... 如何开发小程序? 准备: 1.注册小程序账号 注册地址: https://mp.weixin.qq.com/cgi-bin/home?t=home/index&lang=zh_CN&token=1017155583 2.下载开发工具 开发教程及下载工具地址: https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html?t=201715 3.下载示例代码 下载地址: https://github.com/BeanDu/wxdemo 小程序包含一个描述整体程序的 app(由三个文件组成小程序逻辑--app.js,小程序公共设置--app.json,小程序公共样式表--app.wxss,必须放在项目的根目录) 和多个描述各自页面的 page。 页面组成

一个小程序页面由四个文件组成,分别为:页面逻辑--index.js(必须),页面结构--index.wxml(必须),页面样式表--index.wxss(非必须),页面配置--index.json(非必须) 页面的生命周期(js文件中) 1).onLoad: 页面加载,2).onShow: 页面显示,3).onReady: 页面初次渲染完成,4).onHide: 页面隐藏,5).onUnload: 页面卸载 实现模块 网络数据->列表页渲染->跳转到详情页 具体实现方式 在index.js中获取网络数据->将网络返回数据传递到wxml->wxml接收并使用数据 逻辑层获取数据 在index.js的onShow中调用wx.request()获取网络数据 逻辑层发送数据 通过调用this.setData()data 将会以 JSON 的形式由逻辑层传至渲染层.如图3,其中传递的数据格式为JSON {xxx:res.data}

基本的入门只需要了解UI如何布局,数据如何传递,列表如何实现,页面上如何绑定点击事件

原文发布于微信公众号 - php(phpdaily)

原文发表时间:2017-01-09

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏破晓之歌

清除浏览器cookie 原

打开页面后,登录,F12调试工具,设置好的cookie在调试程序-cookie中可以看到

5042
来自专栏知晓程序

晓实战 | 最实用的微信支付模板消息实战分享(内含源码)

我们会定期邀请优秀的开发者,从实践的角度,亲自分享他们使用知晓云(cloud.minaapp.com)开发的实战经验,如果你也想分享你的小程序实战经验,欢迎加入...

1442
来自专栏coding

sublime text结合markdown viewer实现完美的写作体验

4853
来自专栏DeveWork

CSS Auto Reload:解放F5 键,自动刷新浏览器的前端利器(Chrome 扩展)

在进行前端开发的时候(本文具体而言是编辑CSS 文件时候),常常要做的是刷新浏览器查看修改后的样式。那么最常用到的就是F5 键了,以前在开发WordPress ...

2998
来自专栏jiajia_deng

svn 项目迁移到 git 保留 commit 记录

最近迁移了两个 SVN 项目到 Gitlab 上,唯一的目的就是想把提交记录保存下来,至于谁提交的无所谓,只希望能在看不懂一些代码的时候能追溯回去看看当时为什么...

1683
来自专栏WindCoder

WordPress开发人员犯的12个最严重的错误

原本之前还有篇ruby的,拖得时间有点久了,同时本身没想过去过多接触ruby,所以暂且就不再祸害那篇文章了,有兴趣的可自己去看Creating a Ruby D...

2211
来自专栏cloudskyme

flex版的流程设计器

第一章 介绍 1.1 编写目的 介绍流程设计软件并且简单附上使用说明。因为还不是很完善,所以希望大家能多提出自己的意见的见解。 1.2 基本结构 ? 1.3 使...

4644
来自专栏DeveWork

Clef:为你的WordPress 站点添加两步验证

以前发表过一篇《为你的WordPress 博客开启两步验证功能(技术支持:谷歌)》,今天再介绍一种新的两步验证方式。Clef 是国外一个提供集成两步验证的服务,...

1969
来自专栏编程微刊

小程序开发快速入门教程(附源码)小程序初始化目录:我是分割线===开发ing示例步骤:

2493
来自专栏Python数据科学

如何进行手机APP的数据爬取?

平时我们的爬虫多是针对网页的,但是随着手机端APP应用数量的增多,相应的爬取需求也就越来越多,因此手机端APP的数据爬取对于一名爬虫工程师来说是一项必备的技能。...

2232

扫码关注云+社区

领取腾讯云代金券