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

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

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

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

其中

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

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

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

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

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

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

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

取个名字 然后按回车

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

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

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

输入名称按回车

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

这样就OK了

相关推荐
正小安4 小时前
如何在微信小程序中实现分包加载和预下载
前端·微信小程序·小程序
说私域4 小时前
基于定制开发与2+1链动模式的商城小程序搭建策略
大数据·小程序
丁总学Java10 小时前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
工业互联网专业12 小时前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
说私域15 小时前
社群团购中的用户黏性价值:以开源小程序多商户AI智能名片商城源码为例
人工智能·小程序
迷雾yx19 小时前
开发微信小程序 基础02
微信小程序·小程序
迷雾yx19 小时前
开发微信小程序 基础03
微信小程序·小程序
说私域20 小时前
地理定位营销与开源AI智能名片O2O商城小程序的融合与发展
人工智能·小程序
小雨cc5566ru1 天前
uniapp+Android面向网络学习的时间管理工具软件 微信小程序
android·微信小程序·uni-app
小雨cc5566ru2 天前
hbuilderx+uniapp+Android健身房管理系统 微信小程序z488g
android·微信小程序·uni-app