微信小程序项目——基本目录构成

在这里插入图片描述

基本构成

  • pages 用来存放所有小程序的页面;
  • utils 用来存放工具性质的模块(比如:格式化时间的自定义模块);
  • app.js 小程序项目的入口文件;
  • app.json小程序项目的全局配置文件;
  • app.wxss 小程序项目的全局样式文件;
  • project.config.json 项目的配置文件;
  • sitemap.json 用来配置小程序及其页面是否允许被微信索引;

page目录中,页面通常都以单独的文件夹存在

  • .js文件(页面的脚本文件,存放页面的数据、事件处理函数等)
  • .json文件(当前页面的配置文件,配置窗口的外观、表现等)
  • .wxml文件(页面的模板结构文件)
  • .wsss文件(当前页面的样式表文件)

json配置文件的作用

小程序项目中有4种json配置文件:

  1. 项目根目录中的app.json配置文件;
  2. 项目根目录中的project.config.json配置文件;
  3. 项目根目录中的sitemap.json配置文件;
  4. 每个页面文件夹中的.json配置文件

app.json文件

app.json是小程序的全局配置,包含了小程序的所有页面路径、窗口外观、界面表现、底部tab等

  • pages:用来记录当前小程序所有页面的路径;
  • windows:全局定义小程序所有页面的背景色、文字颜色等;
  • style:全局定义小程序组件所使用的样式版本;
  • sitemapLocation:用来指明sitemap.json的位置

project.config.json文件

project.config.json是项目配置文件,用来记录对小程序开发工具所作的个性化配置

  • setting中保存了编译相关的配置;
  • projectname中保存的是项目名称;
  • appid中保存的是小程序的账号ID

sitemap.json文件

sitemap.json文件用来配置小程序页面是否运行微信索引。当开发者运行微信索引时,微信会通过爬虫的形式,为小程序的页面内容建立索引。

页面的.json配置文件

小程序中的每一个页面,可以使用.json文件来对本页面的窗口外观进行配置,页面中的配置项会覆盖app.json的window中相同的配置项。


参考文章

白天数糖晚上数羊

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/176021.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

上海亚商投顾:沪指震荡反弹 鸿蒙、算力概念股集体爆发

上海亚商投顾前言:无惧大盘涨跌,解密龙虎榜资金,跟踪一线游资和机构资金动向,识别短期热点和强势个股。 一.市场情绪 沪指昨日窄幅震荡,创业板指冲高回落,市场热点继续轮动。华为鸿蒙概念股继续活跃&#…

VISA机制

需要用到VISA的3种机制:属性机制、锁定机制和事件机制。以写资源为例,3种机制的作用如图 (1)属性机制 属性机制用来控制资源的各种属性,这些属性分为两种:只读属性和可读可写属性。 (2&#xf…

关于maven读取settings.xml文件的优先级问题

今天在IDEA中配置maven的setting.xml文件路径指向的.m2路径下的setting_a.xml文件,同时,我的maven3.6.3也放在.m2中。 [1] .m2文件夹 [2] apache-maven-3.6.3文件夹 然后,在IDEA中打包发布时发现,无论如何都读取不到指定的settin…

Docker(1)

为什么用docker 更高效的利用系统资源 更快速的启动时间 一致的运行环境 持续交付和部署 更轻松的迁移 更轻松的维护和扩展 对比传统虚拟机总结 镜像 docker镜像相当于一个root文件系统,提供运行时程序,库,资源,配置&#xff…

【LeetCode刷题笔记】二叉树(二)

257. 二叉树的所有路径 解题思路: 1. DFS 前序遍历 ,每次递归将 当前节点的拼接结果 传递到 下一层 中,如果当前节点是 叶子节点 ,就将 当前拼接结果 收集答案并返回。 注意:路径path结果可以使用 String 来拼接,这样可以避免回溯处理。

编辑器vim和编译器gcc/g++

目录 一、编辑器vim 1、概念 2、基本操作 1、进入vim 2、模式切换 3、命令行模式 4、插入模式 5、底行模式 6、vim 的配置 二、编译器gcc/g 1、概念 2、背景知识 3、gcc/g中的编译链接 1、预处理 2、编译 3、汇编 4、链接 4、函数库 1、静态库 2、动态库 一…

重复性工作自动化解决方案——影刀

以前,影刀是一个邂逅的初见小工具,新奇在里头,踌躇在外头; 现在,影刀是一个稳定的职场贾维斯,高效在里头,悠闲在外头; 以后,影刀是一个潜力的知己老司机,有序…

2023-11-15 LeetCode每日一题(K 个元素的最大和)

2023-11-15每日一题 一、题目编号 2656. K 个元素的最大和二、题目链接 点击跳转到题目位置 三、题目描述 给你一个下标从 0 开始的整数数组 nums 和一个整数 k 。你需要执行以下操作 恰好 k 次,最大化你的得分: 从 nums 中选择一个元素 m 。将选中…

高效免费办公神器——ONLYOFFICE入手指南

前言: 作为开发者,有时候经常为寻找适合的开发工具而苦恼;或者因为高昂的费用而犹豫不决;亦或喜欢的办公产品只能在单一的平台上使用,与其把时间花在复杂的工具使用上,不如节省出时间投入思考和技术的提升。…

【Python】基础练习题_ 函数和代码复用

(1)编写一个函数,输入n为偶数时,调用函数求1/21/4…1/n,当输入n为奇数时,调用函数1/11/3…1/n。 def calculate_sum(n):total_sum 0if n % 2 0: # n为偶数for i in range(2, n1, 2):total_sum 1 / ielse: # n为奇…

vscode远程连接服务器报错

报错: Bad owner or permissions on C:\\Users\\Alice/.ssh/config> 过程试图写入的管道不存在。 1.ping一下config里面ip 2.ping的通,不是网络问题 3.扩展 -> remote-ssh -> 设置 -> 扩展设置(红框) 4.输入config绝…

Python 如何实现组合(Composite)设计模式?什么是组合设计模式?

什么是组合(Composite)设计模式? 组合(Composite)设计模式是一种结构型设计模式,它允许客户端使用单一对象和组合对象(对象的组合形成树形结构)同样的方式处理。这样,客…