微信小程序开发学习——1

微信小程序开发

1.1 账号注册及客户端下载

• 进入官网:官网
• 注册账号以及下载客户端关键是要获取AppID
  
  
  
  
  
  注册完之后登录即可进入到开发设置
  
• 下载客户端:
  
  
  
  客户端选择稳定版即可。

以上工作完成之后就可以开始进行开发了。

1.2 客户端

进入客户端:
在新建项目的地方
新版的微信开发客户端可以使用两种开发模式

• 1.云开发
• 2.非云开发
  
  以下图片为使用云开发创建的初始项目
  
  以下图片为不使用云开发创建的项目
  

1.3 小程序的代码结构

以下均为非云开发代码结构（云开发结构更多）

• 1.首先有2个文件夹，pages和utils
  pages里面主要存放一些页面相关的信息
  utils文件夹里面存储一些公用的代码

• 2.utils有4个全局配置文件，app.js app.json app.wxss project.config.json
  app.js的作用是帮我们注册一个微信小程序，也是脚本逻辑文件
  app.json是配置文件（全局配置文件）
  app.wxss是全局样式表
  project.config.json 是项目配置

• 3.Page里面有四个配置文件，.js，.json，.wxss，.wxml
  .js : 是脚本的逻辑文件，定义页面的交互，比如：按钮点击事件或者获取用户地理位置等，还可以使用微信提供的API，还有页面的生命周期。
  .json:是配置文件，用于定义小程序应用，界面，工程配置等信息。
  .wxml:页面模板文件，相当于html，用于定义前端显示的各类便签
  .wxss:页面样式文件，用于存放页面中用到的样式。

(解释：.wxml文件就类似于我们前端的html语言，wxss就类似于css样式)