微信小程序开发基础

本文详细介绍了微信小程序的基本目录结构,包括主体文件(app.js,app.json,app.wxss)和页面文件的组成,以及开发框架的组成部分(视图层、逻辑层、数据层和API支持)。此外,还讲述了如何创建和配置页面,以及页面结构文件(WXML)和样式文件(WXSS)的使用方法。
摘要由CSDN通过智能技术生成

小程序的基本目录结构

主体文件

       微信小程序的主体部分由3个文件组成,这3个文件必须放在项目的主目录中,负责小程序的整体配置,它们的名称是固定的。
        app.js小程序逻辑文件,主要用来注册小程序全局实例。在编译时,

         app.js文件会和其他页面的逻辑文件打包成一个JavaScript文件。该文件在项目中不可缺少。
         app.json 小程序公共设置文件,配置小程序全局设置。该文件在项目中不可缺少。 app. wxss小程序主样式表文件,类似 HTML的.ess文件。在主样式表文件中设置的样式在其他页面文件中同样有效。该文件在项目中不是必需的。

144018cb913a46f5b1fed289916aae29.png

页面文件

         小程序通常是由多个页面组成的,每个页面包含4个文件,同一页面的这4个文件必须
具有相同的路径与文件名。当小程序被启动或小程序内的页面进行跳转时,小程序会根据
app.json 设置的路径找到相对应的资源进行数据绑定。
         .js文件页面逻辑文件,在该文件中编写JavaScript代码控制页面的逻辑。该文件
在每个小程序的页面中不可缺少
         .wxml文件页面结构文件,用于设计页面的布局、数据绑定等,类似HTML页面
中的.html文件。该文件在页面中不可缺少
        .wxssS文件页面样式表文件,用于定义本页面中用到的各类样式表。当页面中有样
式表文件时,文件中的样式规则会层叠覆盖app.wss中的样式规则;否则,直接使用
app. wxss中指定的样式规则。该文件在页面中不可缺少
        .json文件页面配置文件。该文件在页面中不可缺少

ea9e96a775ed44b885a524bff3424e9c.png

小程序的开发框架

d4c4a6312090415d97bd8c395da257b7.png

        微信小程序的框架是一种基于微信开发者工具的开发平台,通过该平台可以快速开发出具有小程序特性的应用程序。微信小程序框架主要包括以下几个部分:


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值