全国客服热线:4006-880844

微信小程序的文件结构

- 编辑:admin -

微信小程序包含一个描述整体程序的app(全局的,他们的内容会影响全部页面)和多个描述各自页面的page。做信小程序典型的目录结构很简洁,一般在项目目录下面,包含2个目录,即 pages目录和 utils目录,以及3个应用文件,app.js、app.json、apg.wxss。 pages目录下面存放小程序各个展示页面,每个页面一个目录,一般包含2-4个文件,分别是.js,,wxm1,ws,.json。其中 pages目录存放由 Index与1ogs这两个页面的构成文件。每个页

微信小程序包含一个描述整体程序的app(全局的,他们的内容会影响全部页面)和多个描述各自页面的page。做信小程序典型的目录结构很简洁,一般在项目目录下面,包含2个目录,即 pages目录和 utils目录,以及3个应用文件,app.js、app.json、apg.wxss。 pages目录下面存放小程序各个展示页面,每个页面一个目录,一般包含2-4个文件,分别是.js,,wxm1,ws,.json。其中 pages目录存放由 Index与1ogs这两个页面的构成文件。每个页面都是一个目录,目录名称就是唯一的页面名称。


 
一个小程序主体部分由apjs、app.json、app,wxs这三个文件组成,必须放在项目的根目录,且3个文件名是固定的,不可以随意修改。app.js文件定义了小程序的脚本代码,声明了小程序的全局变量,监听并且处理生命周期函数。该文件会最先执行,可以对整个程序做一些统一的处理:app.json文件对小程序进行全局配置,设置当前小程序的页面访问路径、界面表现、网络超时时间、底部tab等是用于对小程序进行一个整体的配置,这个文件中的配置可以被其他页面相同的*.json配置覆盖; app. Wxss是整个小程序的公共样式表。是对小程序的样式进行总的控制,这个文件中的样式也会被其他页面中米.s中的相同样式覆盖。个小程序页面由四个文件组成,分别是,j3,wxm1,.wxss,json。.js文件用于编写小程序中的逻辑功能;来Wxm1用于编辑小程序中页面的结构,就像网页中htm1的作用一样;*,Ws用于编辑页面的样式,就像是cs样,语法也和css一致:来. Json用于对页面做一些特定的配置,比如修改页面标题,或者使用微信封装的某些功能注意,这四个文件需要放在同一个文件夹中,且文件名要和文件夹名保持一致。以 index页面为例, Index. wxmi用于描述页面的结构是什么样子, index.wxss用于描述该页面的样式是怎样的, index.jg用于描述该页面的逻辑、功能等index.json用于对当前页面做一些特定的配置。
 
微信小程序对传统行业有多大帮助,想必大家都很清楚。移动互联网时代,大家的沟通交流基本是基于微信的,涉及日常生活工作的方方面面。微信小程序基于其准确的定位和众多的优势,已经如火如茶的发展壮大起来,是商家企业及个体在移动互联网时代发展的必备途径。