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

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

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

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

其中

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

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

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

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

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

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

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

取个名字 然后按回车

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

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

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

输入名称按回车

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

这样就OK了

相关推荐
低代码布道师18 小时前
医疗小程序05完善就诊人信息
低代码·小程序
小小王app小程序开发18 小时前
场馆预约小程序拓展功能分析:技术赋能下的效率革命与商业破局
小程序
小小王app小程序开发18 小时前
上门家政小程序用户激励机制分析:用 “利益 + 情感” 双驱动,解锁高复购增长密码
大数据·小程序
TiAmo zhang18 小时前
微信小程序开发案例 | 幸运抽签小程序(下)
微信小程序·小程序·notepad++
说私域18 小时前
基于“开源AI智能名片链动2+1模式S2B2C商城小程序”的私域用户池构建与运营研究
人工智能·小程序
海鸥两三20 小时前
uniapp 小程序引入 uview plus 框架,获得精美的UI框架
前端·vue.js·ui·小程序·uni-app
一匹电信狗1 天前
【C++】封装红黑树实现map和set容器(详解)
服务器·c++·算法·leetcode·小程序·stl·visual studio
汤姆yu1 天前
基于微信小程序的个性化漫画阅读推荐系统
微信小程序·小程序
说私域1 天前
链动2+1模式、AI智能名片与S2B2C商城小程序:破解直播电商流量转化困局的创新路径
人工智能·小程序
2501_916008892 天前
iOS 跨平台开发实战指南,从框架选择到开心上架(Appuploader)跨系统免 Mac 发布全流程解析
android·macos·ios·小程序·uni-app·iphone·webview