小程序的项目的基本结构

本文介绍了小程序的项目结构,包括pages、utils目录及关键配置文件如app.json、project.config.json和sitemap.json。同时,详细讲解了小程序页面的组成部分,包括WXML模板、WXSS样式和.js逻辑交互。WXML类似于HTML,但有独特的标签和属性,而WXSS则具备rpx单位等特性。最后,讨论了如何新建和修改小程序页面。
摘要由CSDN通过智能技术生成

认识小程序项目的构成

一.项目构成

  • pages 用来存放小程序的页面
  • utils 用来存放工具性质的模块
  • app.js 小程序的入口文件
  • app.json 小程序项目的全局配置
  • app.wxss 小程序项目全局样式文件
  • project.config 项目的配置文件
  • sitemap.json 用来配置小程序及其页面是否允许被微信索引

二.小程序页面的组成部分

小程序官方建议把所有的页面都放在pages目录里面,以单独的文件夹存在

其中,每个页面由四个基本文件组成。它们分别是:                 1.js文件(页面的脚本文件,存放页面的数据、事件函数等)         2.json文件 (当前页面的配置文件,配置窗口的外观、表现等)   3.wxml文件(页面的模版结构)                                                     4.wxss文件(当前页面的样式文件)

小程序代码的构成

json配置文件

json是一种数据格式,在实际开发中,json总是以配置文件的形式出现。小程序项目中也不例外:通过不同的.json配置文件,可以对小程序项目进行不同级别的配置。

小程序项目中四种json配置文件,分别是:

  1. 项目根目录中的app.json配置文件
  2. 项目根目录中的project.conf
  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值