收藏
评论

小程序开发工具的模块简介官方


各位老师好!我是微信开发团队的曾煌尧,本次课程带大家进行的是小程序开发的实操。会带大家写一个真实的小程序,写完后在手机上预览。如果你有注册自己的小程序帐号的话,可以发布提审,学生就可以在手机上搜到你的小程序,当然,是要审核过了才可以显示。

整个小程序是分为几个比较重要的模块。首先是页面,众所周知,小程序是由若干个页面组成的。像大家看到的这个就是一个页面,可以点击中间的头像,跳转到下一个页面。当点左上角的返回按钮,就可以回到上一个页面。如果你没有办法回到原始的状态,可以点右上角的这个编译按钮,可以理解为类似于浏览器刷新,就可以回到初始状态。

小程序包含了几个重要的文件类型,首先最常用的是wxml,该文件是用来描述小程序的页面结构,页面上要放什么东西都是在wxml写的。比如页面上要显示Hello World、我的头像和名字,这些都是在wxml里面声明的。在该文件写的东西都会反馈到小程序界面上。

接下来,是Wxss,点开这个index,从文件语法上可以明显看出,它是在声明样式,包括元素的高度、宽度以及颜色。它是一个声明小程序样式的文件,就是小程序要长什么样,都是依赖它来声明的。当我们写完结构后,要通过这个文件来把样式写得好看一点。比如头像居中等,都是在这里声明它的属性。

js文件就是小程序的逻辑了,js更接近传统的编程语言。前面两种文件都是声明式,js是脚本语言,跟Python比较类似,是用来实现小程序的具体逻辑。比如点击头像跳转到下个页面,就是依靠js里去声明方法,把这个方法绑定到头像上来实现该效果。

json后缀的文件在文件类型里比较特殊,有页面的json和项目的json。页面的json默认有个叫做usingComponents的属性,这个属性是小程序的组件,比如实现在很多页面里都能用到的顶部栏组件,可以把该组件抽出来,就像些C++抽出公用方法一样。组件是前端级别的一种抽离代码的样式,可以在usingComponents里面去声明要用的某个组件,这个就是页面级别的json,其实就是一个配置文件,可以理解为在页面级别的json文件里配置了某些页面级别的属性,比如顶部栏是透明的还是黑色的还是白色的,可以在这个json文件里进行配置。

还有个比较关键的叫做app.json,每个小程序都有一个app.json,在根目录点开该文件,里边有几个比较关键的属性,一个是pages,声明了小程序有多少个页面,在设计时是不能跳转到一个没有声明过的页面,小程序页面必须是已知的。在该文件上可以对小程序页面进行增删改,如果跳转到的页面不存在会进行报错。

小程序还有两个页面声明,分别是index和logs。之前点击头像跳转的页面就是logs,小程序第一个页面就是index。index是这个数组第一级页面的声明,也就是小程序的首页,也就是index决定了当你进入一个小程序看到的首页是什么。backgroundTextStyle是背景字体样式,分别有light、dark等。

最后一次编辑于  2022-10-10
赞 1
收藏
登录 后发表内容
课程标签