小程序的项目架构

小程序的项目架构,第1张

目前项目用到的小程序项目架构,比较特殊的是store和behaviors,有个清晰的目录架构可以加快开发的效率,便于维护

存放小程序需要用到的混合文件,类似vue的mixin

用于存放接口地址

utils.js

http.js

文件结构

小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。

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

文件必填作用

app.js 是小程序逻辑

app.json 是小程序公共设置

app.wxss 否小程序公共样式表

一个小程序页面由四个文件组成,分别是:

文件类型必填作用

js 是页面逻辑

wxml 是页面结构

wxss 否页面样式表

json 否页面配置

注意:为了方便开发者减少配置项,描述页面的四个文件必须具有相同的路径与文件名。

1. 小程序:快速创建第一个小程序

2. 小程序:文件结构

3. 小程序:配置

4. 小程序:页面构成

最近公司在做小程序相关的项目,之前一直没有研究过小程序,正好趁此机会来研究研究,这里我们先来了解小微信小程序项目的基本目录结构,当我们使用微信开发者工具创建了一个小程序项目后,这时候微信开发者工具会帮我们创建一个基本的微信小程序项目框架,如下:

一:page:

page目录下放置的就是各个小程序页面的页面信息,每个小程序的页面信息由四个文件组成,其中js和wxml文件是必须的

1:js文件:主要的作用对页面进行注册,指定页面的初始数据、生命周期回调、事件处理函数等

在js文件中我们一般使用page构造器来注册页面,


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/yw/11496387.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存