社群营销

您的当前位置:网站首页 > 社群营销 > 微信小程序知识体系之目录结构

微信小程序知识体系之目录结构

日期:2018-05-18 09:00:22     人气:803

        一个目前最新版的微信小程序的目录结构包含如下:

        下面详细介绍各文件的含义:

  1. app.js 这是小程序的脚本逻辑文件,是用类似JavaScript的语言编写,主要负责处理小程序的业务逻辑。小程序分为视图层和逻辑层,这里就是逻辑层。

  2. app.json 这是小程序的全局配置文件,是一个json的格式的文件,里面的所有配置都必须放在{}内,且不能在里面写任何的注释,否则会报错。主要配置小程序的所有页面路径、界面表现、网络超时时间、底部 tab等。

  3. app.wxss 这是小程序的全局样式文件,就是小程序视图的样式表文件,是用CSS语言来编写的。采用最新的flex弹性布局,让视图布局更加灵活。

  4. 开发小程序时要特别注意,以上四个文件app.js,app.json,app.wxss必须放在小程序的根目录,且文件名必须为app,这些都是小程序的全局文件,其中app.js和app.json是必须的。

  5. project.config.json 这个文件主要用来保存针对开发者自己配置编辑器的界面样式,字体大小等,是对编辑器的个性化设置的配置文件,若开发时换了台新的电脑,又不喜欢编辑器默认的界面,则只需拷贝这个文件后编辑器就是自己熟悉的界面了。

  6. pages 这是存放小程序页面的文件夹,一个小程序由多个页面组成,每个页面都放在相应的文件夹中。每个页面都可以包含以下四个文件,且文件的名称建议采用相同的名称,方便管理,index.js,index.json,index.wxml,index.wxss,其中index.js和index.wxml是必须的。

       -------index这是小程序的首页页面,包含三个index文件。

       -------logs这是小程序的日志页面。包含四个logs文件。

        在以上的两个页面中,都包含了相同文件名的不同类型的文件,根据后缀名的不同,文件的用途也不同如下所示:

  1. .json 后缀的 JSON 配置文件

  2. .wxml 后缀的 WXML 模板文件

  3. .wxss 后缀的 WXSS 样式文件

  4. .js 后缀的 JS 脚本逻辑文件

以上便是微信小程序知识体系之目录结构的详细介绍。通过对小程序知识体系的学习,努力开发一款自己的微信小程序。文章来源于龙阁工作室

声明

本站文章,由 麦策电商 整理发表(部分信息来自互联网,不代表本站观点),本站遵循行业规范,任何转载的稿件都会明确标注作者和来源。转载请注明 麦策电商 https://www.maice.com

找不到好的网页设计师?

网站没有客户?网站成单率太低?快点点击右侧咨询麦策电商

文章评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。