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

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

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

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

其中

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

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

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

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

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

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

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

取个名字 然后按回车

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

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

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

输入名称按回车

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

这样就OK了

相关推荐
青企通7 小时前
电商小程序购物车与库存扣减:SKU 模型、合并规则与防超卖实践
小程序·apache
AI源码7 小时前
家乡介绍小程序
小程序·notepad++
2501_9159214312 小时前
iOS应用耗电测试:使用Energy Log、Keymob和Instruments进行性能监控与能源消耗分析
android·ios·小程序·https·uni-app·iphone·webview
txc14 小时前
我用 AI 给两个人写了个微信小程序(二):从「能用」到「用得对」
微信小程序
FX1317887KP_15 小时前
KET/PET/FCE备考攻略:口语训练的三大误区与科学训练路径
小程序·ket口语·pet口语·fce备考·剑桥英语
海上彼尚16 小时前
【微信小程序】xxx该网站的安全证书存在问题,可选择 “继续”在浏览器中访问。
安全·微信小程序·小程序
FX1317887KP_16 小时前
KPF口语考试题目类型全梳理:KET、PET、FCE各级别考什么、怎么练
小程序·ket口语·pet口语·fce备考·剑桥英语
Ai-_Man18 小时前
ChatGPT还是不可以导出左侧所有对话,只能点进去单条内容导出,方法不对吗?
开发语言·javascript·人工智能·chatgpt·小程序·ecmascript
andrsted20 小时前
练题簿在线免费刷题:个人备考,从练新题到模拟自测怎么用?
学习·微信小程序·小程序·学习方法·刷题
多客:duokelijie21 小时前
婚恋交友小程序合规梳理:上线运营需要准备哪些资质与许可手续?
后端·mysql·微信小程序·前端框架·uni-app·php·持续部署