微信小程序文件目录介绍

已于 2022-06-07 13:56:10 修改
阅读量1.9k 收藏 9
点赞数
文章标签： 微信小程序 前端 小程序
于 2022-06-07 13:21:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q196825/article/details/125163322
版权
本文介绍了微信小程序的整体结构，包括pages目录下的页面，utils中的公共函数，以及app.js、app.json、app.wxss等关键文件的作用。详细讲解了json配置文件如project.config.json、sitemap.json的功能，并说明了如何新建小程序页面。
摘要由CSDN通过智能技术生成

一、整体结构

pages：所有小程序页面

utils：存放公共调用的函数或者模块

app.js：项目的入口文件

app.json：全局配置文件

app.wxss：全局样式文件

project.config.json：配置文件

sitemap.json：配置小程序及其页面是否允许被微信索引

二、内部结构

 

 

三、json配置文件的作用

 

 1、app.js文件的作用

最低0.47元/天 解锁文章
Q196825
关注
微信小程序——目录
tycoon_ss的博客
03-27 1221
②utils用来存放工具性质的模块（例如：格式化时间的自定义模块）⑦sitemap.json用来配置小程序及其页面是否允许被微信索引。⑥project.config.json项目配置文件。微信小程序官方建议把所有小程序页面，都存放在。⑤app.wxss小程序项目的全局样式文件。
微信小程序目录
qq_39966730的博客
01-18 2291
此文章只是为了让你能清楚微信小程序能做到哪些事情，如想学习到完整的知识，还请移步到微信小程序开发文档以及查阅相关的实例资料。微信小程序代码结构由四部分组成：具体代码查看微信小程序开发文档1、json配置⑴ Json为一个配置文件，即为对象，有如下配置。⑵ pages为配置的页面，设置页面保存即可自动生成。⑶ Window为页面窗口表现。 ①导航栏的设置。 ②窗口颜色的设置 ③下拉刷新，上拉加载的设
微信小程序详解（文件组成 、目录结构、生命周期方法、AppId、组件（标签）、语法、事件、Api、开发工具）
林中明月间丶
12-29 1792
AppID对应网上注册的小程序id。一个id对应一个小程序项目。åå文件组成小程序一共由四种文件组成。文件类型 必需 作用js 是 页面逻辑（没有window对象，即没有document对象，alert等）wxml 是 页面结构（相当于.html文件）json 否 页面配置wxss 否 页面样式表（相当于.css文件）目录结构。
微信小程序文件结构
cofecode的博客
07-17 512
pages下面刚好有两个页面。一个是index的文件夹，一个是logs（查看启动日志）的文件夹。每个文件夹下面，又有四个文件。分别对应的.js 行为.json 配置.wxml 骨架.wxss 样式app.js和app.json和app.wxss是描述应用程序整个的一种状态。没有wxss文件，在全局里是唯一的。是应用程序的入口在全局里配置样式和在文件夹里配置样式，哪个的优先级会高一些？这里
微信小程序--一--文件夹及内容解析
King的博客
06-23 3698
js学习 以后坚持一日一更，和大家分享我每天学习的成果及经验，让想要学习的小伙伴少走弯路。 1、微信小程序目录结构 2、.json文件配置 一、微信小程序目录结构 小程序主体部分三个文件 文件 必需 作用 app.js 是 小程序逻辑 app.json 是 小程序公共配置 app.wxss 否 小程序公共样式表 utils 是 存放工具的函数，主要就是为了达到代码复用的目的 ...
微信小程序目录详解
最冷一天丶的博客
12-15 5401
最近入坑微信小程序，2017年1月9号张小龙在微信公开课Pro上发布小程序正式上线。相比之前写安卓，小程序的跨平台性以及免安装性着实让我赞叹不已，让人们使用应用变得触手可及。接下来我将介绍一下小程序的编程语言以及对小程序项目的目录理解。希望对入门的开发者有一些启发。 小程序的前端基本上类似于H5，小程序是界面是由微信推出的WXML语言和WCSS语言组成，相比看到这两个名字，很多了解过H5的同学们
微信小程序文件上传(手机文件管理器上传)
08-07
在微信小程序中实现文件上传功能，特别是通过手机文件管理器上传，是开发者经常遇到的需求。这一功能允许用户选择手机本地的文件并上传到服务器，以实现数据交互或存储。 在实现微信小程序的文件上传功能时，主要...
微信小程序 实例汇总 完整项目源代码
11-01
这个压缩包文件“wechat”很可能包含了多个微信小程序的实例项目，提供完整的源代码，非常适合学习和参考。 微信小程序的开发涉及以下几个核心知识点： 1. **框架结构**：微信小程序基于一套自定义的XML-like语法...
微信小程序项目目录结构以及各个文件夹和文件的作用
01-03
pages文件夹，utils文件夹，全局文件app.js文件，全局文件app.json文件， 样式app.wxss文件，项目配置文件project.config.json，页面收录配置文件 sitemap.json。 pages： 存放小程序的页面文件，书写各个页面代码以及组件 utils文件夹： 存放全局的一些.js文件，公共用到的一些事件处理代码文件可以放到该文件夹下，用于全局调用。 App.js文件： 小程序入口文件，用于定义全局数据和函数的使用，可以指定微信小程序的生命周期函数。 App.json文件: 对小程序进行配置，小程序的全局配置，小程序的所有页面路径、界
微信小程序之本地缓存
03-29
目前，微信给每个小程序提供了10M的本地缓存空间 有了本地缓存，你的小程序可以做到： 离线应用（已测试在无网络的情况下，可以操作缓存数据） 流畅的用户体验 减少网络请求,节省服务器资源 哪些数据适合方缓存： 热数据 静态数据（用户数据，服务器授权ID等） 网络地址（图片、文件等网络地址） 分页列表数据及详情内容 一般的缓存系统采用键值对的方式完成数据插入和读取，通过对key进行一次Hash算法得到一个唯一值，并与value绑定起来；查询的时候对根据Hash后的key查询，算法空间复杂度O(1); 小程序本地缓存的实现基于上述方式实现。但是数据究竟是存储在ROM，还是存储在RAM后进行持久化，这
微信小程序实现文件预览
01-18
微信小程序的文件预览，供大家参考，具体内容如下 微信小程序的文件预览需要先使用wx.downloadFile下载文件，然后使用下载文件的临时路径通过wx.openDocument进行文件的 预览 wxml代码： <button bindtap='...
详解读微信小程序文件的目录结构(第一篇)
qq_41956361的博客
02-29 553
** 小程序的三个主体文件 ** app.js文件 小程序逻辑 app.json文件 小程序公共配置 app.wxss 文件 小程序公共样式表 其中
（二）微信小程序之文件结构目录解析
生如夏花 炫至茶靡
01-06 6348
在微信开发者工具中添加项目并勾选创建默认小程序，系统给我们自动创建的小实例是第一个页面显示我们的头像、昵称还有hello world的文本，点击头像跳转到另外一个页面显示启动日志，效果如下： 进入【编辑】选项，你会看到如下目录结构： 在图中的目录可以看到几种文件格式：.wxml、.js、.json、.wxss、 其中： .wxml—页面结构文件； .js—脚本文件，包含页面/
微信小程序---小程序文档配置（2）
最新发布
囦不在地球的博客
05-23 1822
小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等注意：1）app.json中不能添加任何注释，否则会报错2）字符串用户双引号引起来。上图中我们看到app.json中实际保存的是小程序的主配置项属性列表，app.json中常见的属性设置有以。
微信小程序--02文件与目录结构
jiaojsun的博客
10-20 524
微信PC端小程序所在位置
热门推荐
weixin_42551921的博客
12-22 1万+
1、打开pc端微信，找到设置，点进去 2、找到文件管理，选择 3、找到目录下\WeChat Files\Applet\wx{id}{数字} 4、可以根据时间排序，获取到最近的一个 5、找到后可以使用wxappUnpacker工具解压 解压命令： ./bingo …包路径 ...
2.1第二章小程序基本目录结构
2401_82384890的博客
03-08 620
微信小程序的主体部分由三个文件组成app.js:小程序逻辑文件，主要用来注册小程序全局实例。app.json:小程序公共设置文件，配置小程序全局设置。app.wxss:小程序主样式表文件，类似HTML的，CSS文件。project.config.json:文件是式项目配置文件。pages:目录中保存着一个页面的相关文件。index：.js文件：页面逻辑文件，在该文件中编写javaScript代码控制页面的逻辑。.wxml文件:页面结构文件，用于设计页面的布局，数据绑定。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值