微信小程序page组成部分分析与创建page方法演示

上文 简单讲解并梳理微信小程序默认几个文件和文件夹结构及其作用 我们简述了整个小程序创建之初 几个模块与文件的作用

其中 我们说过 pages 就是放我们所有page界面的

它所有page模块 都是分为四个文件

其中

js 其中包括 页面逻辑 响应式数据 函数

json 文件,界面的逻辑 展示 窗口等配置信息

wxml 页面文件 写页面标签和整个树形dom结构体

wxss 样式文件 写界面元素和全局的css样式

我们小程序运行时 这四个文件 最终会被编译成一个 page界面

所以 我们小程序 每个页面都是这四部分组成的

你想新建一个界面 就可以在想建的文件夹上 去右键 选择新建一个page

取个名字 然后按回车

这样 它就直接把这四个文件创出来了

但这显然不是我们想要的效果

我们应该先右键目录 创建一个文件夹

输入名称按回车

然后 我们再在这个文件夹下重复刚才创建page的操作

这样就OK了

相关推荐
CSharp精选营15 小时前
记一次家庭物品管理的折腾:从“收纳”到“可检索”
微信小程序·aicoding·屋册有序·物品收纳管理·家庭收纳管理工具
dreams_dream1 天前
微信小程序:页面事件-上拉触底
微信小程序·小程序
鹏多多2 天前
AI 到底能不能独立做个产品?我拿一个小程序验证了
前端·微信小程序·ai编程
wafrdggh2 天前
2026电商快递批量查询怎么用?固乔助手模板设置评测
大数据·数据库·小程序
计算机毕设定制辅导-无忧学长3 天前
《基于微信小程序的居家医疗陪护预约系统设计与实现》
java·spring boot·微信小程序·uniapp·居家医疗陪护预约系统
wafrdggh3 天前
2026 商城小程序平台哪个价格合理?把跨境附加成本这个坑算透
大数据·小程序
大数据技术派4 天前
我用AI写代码,做了3个小玩意儿
后端·微信小程序
律宏阔5 天前
Taro 4 项目从 npm 迁移到 pnpm 踩坑实录
前端·微信小程序·taro
恩创软件开发5 天前
自助KTV系统管理员续单功能
经验分享·小程序
多客:duokelijie6 天前
代练订单系统选型思路:跨品类游戏接入、订单分层管理、自动结算逻辑拆解!
数据库·mysql·微信小程序·前端框架·uni-app·php·持续部署