当前位置: article > 正文

最详细的【微信小程序+阿里云Web服务】开发部署指引（七）：小程序项目中的文件资源_开发部署一套完整的微信小程序后台需要什么阿里云资源

作者：weixin_40725706 | 2024-04-27 11:38:27

踩

开发部署一套完整的微信小程序后台需要什么阿里云资源

文章目录

前言
一、pages
二、utils
三、app
四、其他资源
专题文章链接

前言

编写代码之前，我们还要来看一下，微信开发者工具中，资源管理器显示的相关文件资源。
在这里插入图片描述

一、pages

这个文件夹用来存放功能页面，每一个功能页面一般由4个文件组成：

.js
相当于网页编程的JS，用于定义页面逻辑脚本。
.json
配置静态的数据。
.wxml
相当于网页编程的HTML，用于定义页面UI布局显示。
.wxss
相当于网页编程的CSS，用于定义页面样式。

新建一个功能页面时，可以在pages文件夹上点右键，先选择“新建文件夹”新建一个新page目录，再选择“新建Page”，会自动生成页面组成的以上提到的4个文件。
在这里插入图片描述

二、utils

主要用于存放一些工具类逻辑。

三、app

位于项目根目录下的app.js，app.json和app.wxss文件，是针对应用全局生效的脚本、静态数据和样式定义文件。对于全局共用的内容，可以在这里定义。
其中app.json文件，我们看到“pages”配置项需要将所有使用的页面在这里进行声明。
在这里插入图片描述
而“window”配置项，则定义了小程序全局的一些样式，比如“navigationBarBackgroundColor”定义了顶部标题栏的背景颜色；“navigationBarTitleText”定义了顶部标题文字。这些定义，也可以在每个页面的json文件进行，如果单个页面定义了，运行该页面时就会以所定义的配置效果覆盖全局定义。
在这里插入图片描述

四、其他资源

可以定义images文件夹，来存放图片资源文件。
这些图片，不同于前面卡片类型及卡片的图片放于服务器动态获取显示，而是主要用于小程序上固定的一些小图标显示，所以可以直接放于小程序项目资源，而不用每次都去服务端获取。
在这里插入图片描述

专题文章链接

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/496551