最快三天便可学会微信小程序怎么做?

来源:客满云店  |  2018-04-20 13:22:45

微信小程序以狂风暴雨之势侵入到我们的微信,席卷了我们的生活。使我们对于微信小程序都不感觉到陌生了。对于微信小程序好多人都知道怎么用,但是想要制作一个小程序就比较难了,现在和客满小编一起学习一下微信小程序怎么做吧!

timg (43).jpg

准备工作

下载微信小程序开发工具:客满云店

创建微信小程序项目

1、先为自己的微信小程序找准定位,一般情况下,微信小程序都有现成的模板,添加项目。

2、添加的项目名称可以随便起,就拿创建微信小程序商城来说,项目目录中的shopping是自己创建的新文件夹,空文件夹系统就会自动在shopping文件夹中创建整个项目架构,记得勾选quick start项目。

项目架构分析

1、整体架构:微信小程序自动创建的项目包括菜单栏、界面效果显示、代码架构目录、代码栏这些基本架构。

2、着重对代码架构目录做介绍:app.js、app.json、app.wxss,这三个中前两个是必看的,前两个相当于目录,就好比你读一本书,都要先看一下目录,所以以后看别人项目的时候,首先先看app.js和app.json

app.js是小程序的脚本代码。我们可以在这个文件中监听并处理小程序的生命周期函数、声明全局变量。调用框架提供的丰富的 API,如本例的同步存储及同步读取本地数据。

app.json 是对整个小程序的全局配置。我们可以在这个文件中配置小程序是由哪些页面组成,配置小程序的窗口背景色,配置导航条样式,配置默认标题。注意该文件不可添加任何注释。

app.wxss 是整个小程序的公共样式表。我们可以在页面组件的 class 属性上直接使用 app.wxss 中声明的样式规则。

3、app.json解析:首先既然是.json所以一定是json格式,这里面包含两部分pages和window,固定字段,pages就是整个小程序包含的页面,可以根据路径查找到对应的页面,window就是设置一些窗口样式,依次是配置小程序的窗口 背景字体样式,配置导航条背景样式,配置默认标题,及颜色。

想要对哪些架构进行更改,就找到相关文件夹进行设置就好了,这样简单的微信小程序就能制作出来了。其实微信小程序的整体架构是比较简单的,想要研究微信小程序制作的朋友就仔细研究吧,熟能生巧相信你也能制作出功能强大的微信小程序。

有一位顾问想跟你聊聊

咨询热线:0571-56583557

回到顶部

请输入您的电话,我们会马上与您联系
电话咨询