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

news/2024/7/20 2:35:00 标签: 微信小程序, 小程序

在这里插入图片描述

基本构成

  • 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.niftyadmin.cn/n/5181969.html

相关文章

PHP调用电商API接口的方法及实现

随着互联网、云计算和大数据时代的到来,越来越多的应用程序需要调用第三方的API接口来获取数据,实现数据互通和协同工作。PHP作为一种常用的服务器端语言,也可以通过调用API接口来实现不同系统的数据交互和整合。本文将介绍PHP调用API接口的方…

使用 Cloudflare Worker 免费搭建网址导航网站

开源项目 GitHub:https://github.com/sleepwood/CF-Worker-Dir/ CloudFlare Worker:https://workers.cloudflare.com/ 搭建教程 首先,进入cloud flare - Worker 截图20200224180010.png 在 Cloudflare Worker 管理页面创建一个新的 Work…

【done】剑指offer63:股票的最大利润

力扣188,https://leetcode.cn/problems/gu-piao-de-zui-da-li-run-lcof/description/(注意:本题与主站 121 题相同:https://leetcode-cn.com/problems/best-time-to-buy-and-sell-stock/) 动态规划思路; 方…

Mybatis-Plus最新教程

目录 原理:MybatisPlus通过扫描实体类,并基于反射获取实体类信息作为数据库信息。 ​编辑1.添加依赖 2.常用注解 3.常见配置: 4.条件构造器 5.QueryWrapper 6.UpdateWrapper 7.LambdaQueryWrapper:避免硬编码 8.自定义SQL 9.Iservic…

写python用GitHub-Copilot编程提效 - pycharm

铺垫一下 你是否使用python,js,java等热门语言编码? 是否为代码加注释花费了不少时间? 还在为不懂python库(三方库可太多了)而困扰吗? 注册和插件安装 结合人工智能编程工具,py…

CentOS7.9安装docker

在CentOS 7.9上安装Docker可以通过官方的Docker安装脚本或者使用系统包管理工具来完成 本次使用系统包管理工具 打开终端,以root权限登录系统。 安装所需的依赖: yum install -y yum-utils device-mapper-persistent-data lvm2 添加Docker的官方仓库…

JavaEE初阶(18)(JVM简介:发展史,运行流程、类加载:类加载的基本流程,双亲委派模型、垃圾回收相关:死亡对象的判断算法,垃圾回收算法,垃圾收集器)

接上次博客:初阶JavaEE(17)Linux 基本使用和 web 程序部署-CSDN博客 目录 JVM 简介 JVM 发展史 JVM 运行流程 JVM的内存区域划分 JVM 执行流程 堆 堆的作用 JVM参数设置 堆的组成 垃圾回收 堆内存管理 类加载 类加载的基本流…

qsort对字符型指针数组排序

之前一直用qsort对整型数组进行排序,qsort同样可以对字符数组排序。但是这次对字符串指针数组排序,属实是绕了一会,记录一下。 文章目录 前言 一、字符型指针数组排序 1、qsort头文件 2、qsort 写法 3、对字符型指针数组进行排序 总结 前言 …