微信小程序开发——之初识

1. 前言


最近突然想起来,想体验一下小程序的开发,今天就开始认识一下,小程序的开发流程,首先需要了解一些有关小程序的开发流程,以及小程序能干些什么,这些我就不用多说了,下面简单说一下开发的流程。

2. 开发流程

  1. 首先进行小程序开发的账号注册,点击这个链接,进行注册,注册界面如下:
    这里写图片描述

    • 然后下载开发工具,点击链接,进行下载,界面如下:
      这里写图片描述
  2. 下载安装之后,首次登陆,需要我们使用微信去扫一扫登陆,然后打开界面,如下:
    这里写图片描述

  3. 然后这里简单说一下这里包含的文件夹,以及文件夹中的文件类型,打开界面之后,会看到有两个文件夹,其中 pages 文件夹,会打开我们小程序包含的界面,如下图:
    这里写图片描述
    然后随便打开一个界面,可能会包含四种类型的文件,如下图:
    这里写图片描述上面的文件中,js 文件中就包含我们的事件行为,json 文件就是我们的配置文件,wxml 文件就是页面的骨架文件,也就是我们通常web 开发的html 文件,wxss 文件就是样式表,对应我们所说的css 文件。下面以app 开头的文件与前面介绍的作用相同。他描述整个应用程序,所以他没有wxml 文件。还有就是,在小程序中,文件夹的名字可以随意,但是文件夹中的文件,必须要与文件夹名称相同。比如 logs 文件夹,则里面包含的文件全部为 logs 名称。

3. 相关知识

  1. 就近关系
    有关就近关系的,比如,对于一个样式,在全局的文件 app.wxss 中配置了,在页面的 wxss 文件中也配置了样式,他显示的是页面最近的样式,比如在页面中配置了样式,就显示页面中的样式,不显示全局中配置的样式。
  2. 层级关系
    有关小程序开发中的文件的层级关系如下图:
    这里写图片描述 首先是一级页面,可以有很多,然后时二级页面,三级页面…等等。