我是刚学计算机,对小程序初步的接触,初步讲解一下,我理解错的地方,大家多多包涵。希望我的讲解能帮助大家,欢迎大家在下面提出问题,我们一起成长。
首先 下载“微信web开发者工具” 添加小程序项目,项目名称 跟你之前在微信公众台 绑定的要一样,目录你自己订放在哪里,下面的APPID在我上一篇博客中说到了,在哪里找,复制过来就能创建了。
当创建完毕后就能进入一个小程序的界面了,我会对下面的东西进行初步介绍,进入后它会给你一个编写好的例子一样的程序,头像会获取你的登陆日志。
下面开始一个一个介绍,文件夹pages里面有两个页面一个是index和logs
index是什么,它是代表这个小程序的第一个加载的页面,就是当前我图片中的内容。
下面的4个小的 js-json-wxml-wxss 这四个是什么东西,里面写的是什么呢!
大家在微信的小程序开发中应该都有过了解,他们是一体的,我给他们叫四件套。
.json
后缀的JSON
配置文件.wxml
后缀的WXML
模板文件.wxss
后缀的WXSS
样式文件.js
后缀的JS
脚本逻辑文件
我当初也找到了这个,但是我是刚学计算机,不懂呀,说的是啥呀,然后我用自己的话给大家解释一下,我用wxml里面的代码解释一下
首先说“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的一些设置。 通过我上面的讲解去理解一下里面的意思,是没有问题的。