0基础学微信小程序开发基础板块初步讲解

 我是刚学计算机,对小程序初步的接触,初步讲解一下,我理解错的地方,大家多多包涵。希望我的讲解能帮助大家,欢迎大家在下面提出问题,我们一起成长。

首先  下载“微信web开发者工具”  添加小程序项目,项目名称 跟你之前在微信公众台 绑定的要一样,目录你自己订放在哪里,下面的APPID在我上一篇博客中说到了,在哪里找,复制过来就能创建了。0基础学微信小程序开发基础板块初步讲解_第1张图片

  当创建完毕后就能进入一个小程序的界面了,我会对下面的东西进行初步介绍,进入后它会给你一个编写好的例子一样的程序,头像会获取你的登陆日志。0基础学微信小程序开发基础板块初步讲解_第2张图片

 下面开始一个一个介绍,文件夹pages里面有两个页面一个是index和logs

   index是什么,它是代表这个小程序的第一个加载的页面,就是当前我图片中的内容。

 下面的4个小的 js-json-wxml-wxss 这四个是什么东西,里面写的是什么呢!

   大家在微信的小程序开发中应该都有过了解,他们是一体的,我给他们叫四件套。

  1. .json 后缀的 JSON 配置文件
  2. .wxml 后缀的 WXML 模板文件
  3. .wxss 后缀的 WXSS 样式文件
  4. .js 后缀的 JS 脚本逻辑文件

 我当初也找到了这个,但是我是刚学计算机,不懂呀,说的是啥呀,然后我用自己的话给大家解释一下,我用wxml里面的代码解释一下

0基础学微信小程序开发基础板块初步讲解_第3张图片

首先说“container"   我的理解是添加个样式然后后面的container是在app.wxss里面定义好的。

所以 class 这句话解决了样式  在哪里定义,在后缀为wsxx里面定义。

然后 第二行有个button是一个按钮 这个串代码的意思,应该是点击一个获取头像昵称 就会去打开“getuserinfo”这个东西

这个getuserinfo 在index.js中定义了,获取昵称。后缀为js里面的内容是脚本逻辑,定义的量执行什么内容。要打开什么,或者去哪个pages之类的。

看到这里wxml 是干嘛的应该知道了,就是相当于在写这个页面的加载的内容。

 index.json   我不是很理解,当你创建新的page时,会直接给你默认写出来。基本上里面不写代码。

{

"usingComponents": {}

}

 那么 logs 相当与一个新的page ,用index.js里面添加一个gotologs的定义,在index.wxml中编写,bindtap="gotologs" 就能加载到logs 页面。

app 里面的东西是对整个app的一些设置。  通过我上面的讲解去理解一下里面的意思,是没有问题的。

你可能感兴趣的:(微信小程序)