微信小程序开发系列——4.小程序视图页面基础知识

摘要：本文介绍了小程序的使用的前端语言，以及小程序开发过程中需要知道的页面基础知识。

1. 介绍

搭建后端服务器完毕以后，我们接下来准备小程序前端页面的基础知识。

由于微信前后端是分离的，我们开发时一般可以使用分块开发的模式，即前端和后端代码分离，使用JavaScript编写数据绑定和相关通信代码。由于微信整个框架只有两层：视图层和逻辑层。因此很明显可以看出，视图层的大部分内容为前端页面展示代码，而逻辑层处理前后端的交互。因此，大部分的功能属于比较简单的功能，可以先在前端页面上预留好相应的接口，在完成视图开发以后，继续编写与后端服务器通信的代码。简而言之，表示如下：

编号	运行位置	框架	使用的主要语言	功能
1	手机客户端	视图层	WXML, WXSS 框架专用语言	微信前端页面展示
2	手机客户端	逻辑层	运行在 JsCore 内核中的 JavaScript	业务逻辑处理
3	后端服务器	后端服务	Java, Python, PHP, Node.js 等后端语言	提供数据、服务、事件响应等

只要把这三个层级的所有代码编写好，就能完成一个完整的小程序应用，当然，每一块框架的内容想要掌握核心还是很难的。不过没关系，我们要求不高，凭借以前的开发经验，我想还是能完成这个任务的！

千里之行，始于足下，我们今天来搞定第一块视图层的基础知识。

2.文件结构

通常来说，一个完整的微信小程序文件结构目录是这样的：

一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下：

文件类型	必填	作用
app.js	是	小程序逻辑
app.json	是	小程序公共设置
app.wxss	否	小程序的css样式表

每个单独的小程序页面由四个文件组成，分别是：

文件类型	必填