摘要:本文介绍了小程序的使用的前端语言,以及小程序开发过程中需要知道的页面基础知识。
1. 介绍
搭建后端服务器完毕以后,我们接下来准备小程序前端页面的基础知识。
由于微信前后端是分离的,我们开发时一般可以使用分块开发的模式,即前端和后端代码分离,使用JavaScript编写数据绑定和相关通信代码。由于微信整个框架只有两层:视图层和逻辑层。因此很明显可以看出,视图层的大部分内容为前端页面展示代码,而逻辑层处理前后端的交互。因此,大部分的功能属于比较简单的功能,可以先在前端页面上预留好相应的接口,在完成视图开发以后,继续编写与后端服务器通信的代码。简而言之,表示如下:
编号 | 运行位置 | 框架 | 使用的主要语言 | 功能 |
---|---|---|---|---|
1 | 手机客户端 | 视图层 | WXML, WXSS 框架专用语言 | 微信前端页面展示 |
2 | 手机客户端 | 逻辑层 | 运行在 JsCore 内核中的 JavaScript | 业务逻辑处理 |
3 | 后端服务器 | 后端服务 | Java, Python, PHP, Node.js 等后端语言 | 提供数据、服务、事件响应等 |
只要把这三个层级的所有代码编写好,就能完成一个完整的小程序应用,当然,每一块框架的内容想要掌握核心还是很难的。不过没关系,我们要求不高,凭借以前的开发经验,我想还是能完成这个任务的!
千里之行,始于足下,我们今天来搞定第一块视图层的基础知识。
2.文件结构
通常来说,一个完整的微信小程序文件结构目录是这样的:
一个小程序主体部分由三个文件组成,必须放在项目的根目录,如下:
文件类型 | 必填 | 作用 |
---|---|---|
app.js | 是 | 小程序逻辑 |
app.json | 是 | 小程序公共设置 |
app.wxss | 否 | 小程序的css样式表 |
每个单独的小程序页面由四个文件组成,分别是:
文件类型 | 必填 |
---|