2. 小程序:文件结构

2. 小程序:文件结构,第1张

文件结构

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

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

文件必填作用

app.js 是小程序逻辑

app.json 是小程序公共设置

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

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

文件类型必填作用

js 是页面逻辑

wxml 是页面结构

wxss 否页面样式表

json 否页面配置

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

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

2. 小程序:文件结构

3. 小程序:配置

4. 小程序:页面构成

App.js:设置一些全局的基础数据等

App.json:底部tab,标题栏和路由等设置

App.wxss:公共样式,引入iconfont等

pages:里面包含一个个具体的页面

index.json:配置当前页面标题和引入组件

index.wxml:页面结构

index.wxss:页面样式表

index.js:页面的逻辑,请求和数据处理

project.config.json:项目配置文件,用的最多的就是配置是否开启https校验

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

一:page:

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

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

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


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

原文地址: http://outofmemory.cn/yw/8117383.html

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

发表评论

登录后才能评论

评论列表(0条)

保存