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

上文 简单讲解并梳理微信小程序默认几个文件和文件夹结构及其作用 我们简述了整个小程序创建之初 几个模块与文件的作用
其中 我们说过 pages 就是放我们所有page界面的

它所有page模块 都是分为四个文件
在这里插入图片描述
其中
js 其中包括 页面逻辑 响应式数据 函数
json 文件,界面的逻辑 展示 窗口等配置信息
wxml 页面文件 写页面标签和整个树形dom结构体
wxss 样式文件 写界面元素和全局的css样式

我们小程序运行时 这四个文件 最终会被编译成一个 page界面
所以 我们小程序 每个页面都是这四部分组成的

你想新建一个界面 就可以在想建的文件夹上 去右键 选择新建一个page
在这里插入图片描述
取个名字 然后按回车
在这里插入图片描述
这样 它就直接把这四个文件创出来了
在这里插入图片描述
但这显然不是我们想要的效果
我们应该先右键目录 创建一个文件夹
在这里插入图片描述
输入名称按回车
在这里插入图片描述
然后 我们再在这个文件夹下重复刚才创建page的操作

这样就OK了
在这里插入图片描述

  • 7
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值