用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

微信小程序初使心得【微信小程序快速入门】

纸飞机 2018-3-8 09:39

作者:李朝强,来自授权地址2016年推出微信,时至今日,历经几个版本的更新,已形成了相对实用和稳定的服务平台。本文简单的介绍了微信小程序的入门用法,今后会继续关注和实践。2017年,春节刚过,想来,已经过了三 ...

作者:李朝强,来自

授权地址

2016年推出微信,时至今日,历经几个版本的更新,已形成了相对实用和稳定的服务平台。本文简单的介绍了微信小程序的入门用法,今后会继续关注和实践。

2017年,春节刚过,想来,已经过了三四个工作日。接下来,期待的莫过于,十五的元宵。

近日,在工作闲暇之余,阅读了一些关于微信小程序的文章,忍不住,想动手试他一试。本文就以“我的第一个微信小程序”为例,简单的介绍下,微信小程序的入门级用法。

开发微信小程序前期,我们需要做以下几项准备工作:

1.、注册和认证一个微信小程序账号,注册后,腾讯审核很及时,我的是当天过的。

2、“工欲善其事,必先利其器。”,接着,我们需要下载一个微信开发者工具。相关下载链接信息:

https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html

做好前期的准备工作后,接下来需要做的是,就启动微信开发者工具,通过前期准备的小程序账号,获取小程序的APPId,然后,创建一个小程序项目。如果不清楚怎样获取APPID,请访问

简易教程

在这里,我新建一个名为demo的小程序项目。我的目录结构是这样的:

点击开发者工具左侧导航的“编辑”,最关键也是必不可少的,是 app.js、app.json、app.wxss 这三个。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。微信小程序会读取这些文件。APP函数用来注册一个小程序。接受一个 object 参数,其指定小程序的生命周期函数等。app函数必须声明在app.js中,而且一个小程序只允许出现一次App函数。关于微信小程序的更多概念性的东西,这里不做详细说明,我们这里只谈他的具体用法。

先来看下一个简单的效果图吧:

一、微信小程序(组件+框架)的应用

这是我的小程序的一个首页(index)。下面我们先简单的看下视图标记:



<view class="container">
<view class="list-group" 
                 
                

邀请

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏