微信小程序---目录结构

2023-11-18

一、总体目录 

大体介绍

1.在utils中定义方法、工具等,主要使用common.js暴露接口

2.pages中放我们的页面

3.eslintrc.js文件在代码质量审查的时候的代码依赖

4.app.js、app.json、app.wxss是我们微信小程序代码的重要部分

app.js是小程序逻辑,app.json是小程序配置,app.wxss是小程序公共样式表

其中除了最后一个都是必须的组成文件

二、Pages

我们在这个部位进行定义我们的页面,小程序的一个页面由四个文件组成:js类型文件、wxss类型文件、json类型文件、wxml类型文件,我们创建文件会新建一个文件夹,右键新建Page,会自动创建四个文件,并把文件路径放入app.json中注册

1.js文件:是页面的必须成分,作用是实现页面逻辑;

2.wxml文件:是页面的必须成分,作用是页面结构;

3.json文件:不是页面的必须成分,作用是对页面进行配置;

4.wxss文件:不是页面的必须成分,作用用来配置页面样式表;

三、主体部分(app.js,app.json,app.wxss)

1.app.js的默认:

App函数作用是创建一个小程序实例,

onLaunch函数:是微信小程序的一个生命周期函数,代表着小程序启动后执行

globalData 用来定义小程序全局数据

 2.app.json的默认

这个文件里边不允许加注释

pages(必须):包含了所有小程序的页面,也就是我们创建定义一个页面我们必须要在这个pages数组中进行注册,否则无法显示该页面(与vue的路由组件比较相似)

 app.wxss

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

微信小程序---目录结构 的相关文章

随机推荐

  • 推荐几个容易中的计算机EI源刊(基本百发百中)

    转自小木虫 作者 pcmagic 收录 2012 05 27 发布 2012 05 20 根据多年的经验 以下计算机EI源刊可以说是百发百中 只要有工作量 并不需要什么创新性均可录用 Journal of Computers JCP ISS
  • SDUTOJ KMP简单应用 【KMP】

    KMP简单应用 Time Limit 1000MS Memory limit 65536K 题目描述 给定两个字符串string1和string2 判断string2是否为string1的子串 输入 输入包含多组数据 每组测试数据包含两行
  • 单片机外设基本概念_嵌入式单片机教学(一)

    01 引言 哈喽各位 好久不见 看到标题应该知道 小白 又要 给大家 开启一系列的新教程了 肯定有人说我跨度还蛮大的 从ROS到神经网络又到嵌入式教学 其实这些都是小白在本科期间学到的一些知识啦 这边分享给大家 让不知道怎么做项目的小小白能
  • Ubuntu16.04及ROS Kinetic环境下安装使用RealSense SR300

    Ubuntu16 04及ROS Kinetic环境下安装使用RealSense SR300 1 准备条件 需要安装Ubuntu16 04及ROS Kinetic 2 安装驱动 安装realsense的驱动流程可以根据Github上的官方推荐
  • C#获取本机主机名—三种方式

    前提条件 引用名称空间 using System Net 建议 使用方式3 本人使用前2种方式都存在字符串自动截取的情况 方式1 Environment 获取本地计算机名 string machineName System Environm
  • 前端基础--主流浏览器及其内核

    IE trident Chrome webkit blink firefox Gecko Opera presto Safari webkit 内核主要分成两部分 渲染引擎 layout engineer或 Rendering Engine
  • Wrapper中的QueryWrapper常用ge,gt,lt,le具体含义

    英文缩写 英文全拼 含义 EQ equal 等于 NE not equal 不等于 GT greater than 大于 LT less than 小于 GE greater than or equal 大于等于 LE less than
  • centos7.3安装mysql5.7 && 解决 Access denied for user 'root'@'localhost' (using password: NO)

    开始查找自带的mariadb rpm qa grep mariadb 找到安装包并卸载 rpm e mariadb安装包 卸载完之后 我们就可以开始安装mysql5 7了 在这里可以找到我们需要的点击这里 鼠标放在最下面那个No thank
  • React仿写网易云音乐项目

    文章目录 一 项目功能说明 二 最终效果 三 文件目录结构说明 四 项目技术栈 五 核心技术 1 配置项目别名 craco craco 2 使用reset css进行 css 重置 3 使用CSS Sprites 精灵图 4 使用 memo
  • Java语言通过三种方法来实现队列

    队列 关于作者 作者介绍 博客主页 作者主页 简介 JAVA领域优质创作者 一名在校大三学生 在校期间参加各种省赛 国赛 斩获一系列荣誉 关注我 关注我学习资料 文档下载统统都有 每日定时更新文章 励志做一名JAVA资深程序猿 文章目录 队
  • 实现框架的类的方法为什么会在众多集成者中被调用

    以activities为例 实现了 author Tom Baeyens public interface Command
  • LVM磁盘扩容

    一 一块磁盘新增容量后加到lv里面去 一般在虚拟机里面出现这种情况多 这种方式需要重启 1 对新增磁盘空间进行分区 fdisk dev sda 注意 Selected partition 后要对分区的类型做改变 一定要选择t 8e 改变分区
  • Python .whl安装包简介和制作

    python 文章目录 python 前言 一 构建工程文件 二 封装Python包 三 制作python包为wheel文件 四 完整示例 小结 前言 Wheel和Egg都是python的打包格式 目的是支持不需要编译或制作的安装过程 实际
  • 脚本语言和编译语言的区别

    之前学了很多语言 例如c c Java c Python 突然想知道他们是怎么分类的 突然有疑问什么是编译语言 什么是脚本语言 查了一些资料 有了简单的初步了解 下面是总结的一部分内容 如果有什么问题敬请指正 什么是脚本语言 脚本语言是一种
  • 仙岛求药 —— dfs 与 bfs求解

    样例输入1 8 8 样例输出1 10 样例输入2 9 6 样例输出2 1 dfs ps 使用dfs会运行超时 30组测试数据只能通过部分 其实这种最短路径 最少操作的问题最好还是靠bfs解决 import java util Scanner
  • 求最大连续和的几种方法

    本文内容参考 算法竞赛入门经典第2版 220 223页 Q 给出一个长度为 n n n的序列 A 1 A
  • VMware CentOS 虚拟机 Hadoop集群网络 配置静态IP

    一 虚拟机集群IP分配与规划 二 操作步骤 1 打开虚拟机 点击导航栏上面的 编辑 gt 虚拟网络编辑器 2 首先选中上面的VMnet8 不要勾选 使用本地DHCP服务将IP地址分配给虚拟机 D 在到下面的 子网IP 处编辑IP地址 可以改
  • 兼容ios不支持的日期格式

    前段时间开发了一个关于订单展示的页面 要求根据时间筛选出离当前时间最近的订单信息进行展示 因为服务器返回的时间格式都是 YYYY MM DD 也没想那么多 直接拿过来就用了 在安卓上排序都很正常 在测试的时候发现苹果手机展示的订单根本就没有
  • MySQL 查询数据库中所有表的表名、备注

    目录 前言 一 SQL语句 二 SQL实现 前言 查询数据库所有表的表名 备注 其实也是比较常见的操作 比如数据库管理人员可能会经常使用 像我们后端开发人员来说的一个应用场景就是基础代码生成器了 需要获取指定数据库中所有表名及备注进行展示
  • 微信小程序---目录结构

    一 总体目录 大体介绍 1 在utils中定义方法 工具等 主要使用common js暴露接口 2 pages中放我们的页面 3 eslintrc js文件在代码质量审查的时候的代码依赖 4 app js app json app wxss