小程序如何加载模板-微信小程序开发入门的简单介绍

今天给大家介绍一下微信小程序的开发。

本文默认是为从未接触过小程序开发的孩子准备的。

开发小程序的基础知识:HTML、CSS、JavaScript。

不过,本文暂时不考虑这些。 我们来大致介绍一下。

首先小程序如何加载模板,开发小程序需要申请一个微信公众平台账号。

直接用自己的微信号申请即可。

然后需要下载开发者工具来编写代码、上传和预览。

下载并安装。

登录。

项目目录是你的代码存放的地方;

AppID是小程序的账号,需要申请,每个邮箱只能申请一个。 我们可以先尝试小程序跳过输入AppID(远程调试等功能将无法使用,但不影响我们的编写和编译);

项目名称是开发工具上显示的名称。 与小程序内容无关。 这只是一个昵称。

快速入门模板是微信提供的一个简单的Hello World小程序如何加载模板,让用户快速上手! 程序、内容代码包含很多注释,可以快速上手。

打开后看起来是这样的。

开发工具的具体功能都是万无一失的,和一些开发工具没有太大区别。 自己探索吧!

可以看到快速启动模板上有两个文件夹和四个文件:pages and utils、app.js、app.json、app.wxss、project.config.json。

页面文件夹中存储的文件是要显示的页面。 每个子文件夹都是一个页面的内容。 该子文件夹包含 4 个文件:.js、.json、.wxss 和 .wxml。

.wxml文件是接口文件;

.js是事件交互文件,用于逻辑处理;

.wxss是界面美化文件,控制界面格式;

.json是每个页面的配置文件,可以修改导航栏显示样式

其实整个小程序就是由这四个文件组成的页面组成的。

utils文件夹主要用来存放一些供全局调用的.js文件,比如需要使用的外部API。

根目录下的app.js、app.json、app.wxss等文件的主要功能也如上所述,但app文件主要负责全局控制。

app.js:处理文件、处理程序首次运行时的事件、处理小程序的生命周期功能的方法;

app.json:全局配置文件,配置小程序的所有页面(所有页面都要先在这里声明)、小程序背景颜色、导航栏样式、标题(注意这个文件不能添加注释);

app.wxss:全局界面美化,配置页面默认样式,加载其他页面时,当前页面的wxss文件会覆盖app.wxss文件;

因为名字是小程序,所以程序一定很小。 官方规定代码不能超过2M。