栏目分类

关闭/展开

昆明微信小程序开发教程二

作者:昆明微信小程序开发教程;来源:昆明微信小程序开发教程;
时间:2019-04-30 20:01;点击:

昆明微信小程序开发教程二

微信小程序开发教程,上一节课我们已推出了第一课,教大家从如何注册到创建新的微信小程序项目,那么接下来第二节课就和大家分享一下微信小程序的目录结构。 每一个有经验的程序员或程序爱好者们都知道,如果要学习一个开发工具或框架时,都必须要去学习这个工具的开发文档,了解这个工具的特点和特性,使用方式等等。那么微信小程序可以当作一个产品或者一个工具语言,对于开发者来说也可以当作是一门综合性语言,这个语言当然是由多种语言来组合而成的,那么想要学习它如何开发,首要的都是先从开发文档中了解这个工具的目录结构。就比如,你要学习cms的各种开源框架工具,如dede等的话,都必须先要了解它们的目录结构、

昆明微信小程序开发教程,昆明微信小程序开发教程二

从上图中,大家可以看到,微信小程序的目录结构就如上面一样。那么如何查看微信小程序的目录结构呢,其实就是当你在开发工具中创建了一个新微信小程序后,就可在开发工具中看到了。 现在我们来讲一下微信小程序的目录的各自用途 一、首先app.js文件,这个文件是由js方式来编写的,它的用途就代表了整个微信小程序的项目的入口,也可以当作微信小程序项目入口文件。由上图中,大家可以发现,这个app.js文件的内容由一个page()方法来构成的,也就是说它整个文件就是只调用了一个page()方法。而这个方法的内容则由data{},和其它几个事件处理函数来组成的。从这个文件中的内容,可以看出代码的写法和平常的PHP语言,js语言的写法有很大的不同。这是因为,微信小程序是就由js语言,xml,html5+css3来构成的,所以想要学习微信小程序开发,程序员们必须都得先掌握js语言,html5+css3,xml等标签语言,而那些想要学开发微信小程序的小白们也是必须要学习以上这些语言才可以进行微信小程序的开发。 二、app.json文件,这个文件是微信小程序的配置文件。有经验的程序员或程序员都知道,不管是使用php语言或java语言,或其它语言来开发一个程序时,都必须要有一个配置文件,配置文件一般都配置了这个项目的一些最基本的东西,这样程序才可以正确运行。因面微信小程序在开发进当然也必须要有一个配置文件app.json。这个app.json的文件名好像起了一个比较别致的名称,这样子对于开发人员来说既感觉到有点熟悉,同时又和传统的配置文件config之类的区别开来。配置文件app.json的内容如下图。app.json配置文件内容由两部分组成,一部分定义了项目程序的路径,一部分定义了项目程序的一些基本的样式,如背景颜色,栏目名称文字等。

昆明微信小程序开发教程,昆明微信小程序开发教程二

三、app.wxss文件,这个文件也是微信小程序基础的样式文件,也就是说是微信小程序显示界面的默认样式。这个基础样式文件的定义后,如果以后在每个微信程序页中又定义了别的样式时,那么最后起作用的就是微信小程序页中的所定义的那个页面的样式文件的样式,如index.wxss这个就是微信小程序程序首页的样式文件。 四、pages目录和utils目录,这两目录 ,第一个就是代表微信小程序项目目录,以后开发的所有微信程序都必须放在这个目录中。而utils目录的用途主要用于存放全局的一些.js文件,公共用到的一些事件处理代码文件可以放到该文件夹下,用于全局调用。这个utils目录,大家当然可以删除后再建立一个更好听的名称,但是个人并不建议自己另外新建一个存放全局文件的目录名。 五、pages目录中又存在每个微信小程序页面目录名和日志目录名,每个微信小程序页面目录大家可以自已新建不同的名称,这是可以根据个人的喜好来起名的。而每个页面目录中都必须存在最少两三个文件,其中就是必须包含xxxx.js文件,xxxx.wxml文件,xxxx.wxss文件。其中xxxx.js文件可以说是页面入口文件,这个文件就是存放程序逻辑的,甚至程序员们可以把它当作一个传统上的控制器文件,这样更便于区分各个文件的作用。而xxxx.wxml文件则是显示微信小程序页面的文件,可以把它当作传统的视图文件,其作用就是专门用来显示界面的。xxxx.wxss文件则是代表对微信小程序页面进行样式设置的样式文件。 以上就是一个新微信小程序项目的目录结构,也就是一个全新的默认创建的微信小程序目录结构。这些文件和目录有一些是可以修改有一些是可以自定义的,但是无论如何都必须包含这三个文件和两个目录名,且在开发微信小程序的过程中,所有的开发出来的程序都必须放在pages项目目录中,否则在打开小程序时,有可以找不到某个文件或某个子目录。通过上面的第二节认识微信小程序目录结构课程学习,相信朋友们都大概了解了微信小程序的目录结构,及它们的各自用途了,

以上就是昆明微信小程序开发教程二的所有内容,希望对大家有所帮助

网站建设软件开发

DEDE织梦一键迁移thinkPHP高级会员群

网友互动专区

电子邮件地址可以随便填个格式,不会被公开。 必填项已用*标注
  • 全部评论(0
    还没有评论,快来抢沙发吧!

评论区底部

猜你喜欢

最新内容

热点内容

头条内容

推荐内容

幻灯内容

特荐内容

滚动内容

重点内容

图文内容

跳转内容

您的位置