小程序的直观表现只是多个相互关联的页面。我们的小程序Hello WXapplet也一样,它由2个相互关联的页面构成:首页(index)与信息页(logs)。点击首页的头像就切换到信息页,在信息页点击“返回”可以再返回到首页。
小程序的开发实际上就是实现这些页面的展示(视图),以及实现“页面上用户交互事件”、“页面间切换逻辑”、“数据存储及网络调用”等事务与逻辑处理的过程。 Hello WXapplet项目目录及文件构成,我们先从文件目录结构上来了解Hello WXapplet项目的构成。点击开发者工具左侧导航的“编辑”,我们可以看到Hello WXapplet项目的目录结构及包含文件。
目录结构显示:小程序项目在创建时的目录(示例的本地开发目录为:“D:\小程序巧应用”)之下,包含3个app开头的文件(app.js、app.json、app.wxss)以及pages目录与utils目录。其中pages目录存放2个页面(index与logs)的构成文件。从示例中,我们看到:每个页面都是一个目录,目录名就是唯一的页面名,其下再由以页面名为前缀的2~4个文件组成。
对小程序的目录文件结构,我们可以归纳一下:
左侧3个app文件必须放在小程序根目录下,其他文件则由开发者自由控制。这3个文件说明如下:
app.js是小程序的脚本代码,用来监听并处理小程序的生命周期函数、声明全局变量。
·app.json是对整个小程序的全局配置,配置小程序是由哪些页面组成,配置小程序的窗口背景色等。
·app.wxss是整个小程序的公共样式表。
其中app.js和app.json是必需的。
小程序页面是由同路径下同名但不同后缀的2~4个文件组成:
·.js后缀的文件是页面脚本文件,该文件实现页面逻辑与事件处理。
·.json后缀的文件是页面配置文件。
·.wxss后缀的是页面样式表文件。
·.wxml后缀的文件是页面结构文件,该文件与.wxss文件一起构建出页面。
其中.js与.wxml文件是必需的。
猜你喜欢
- 商家开发微信小程序的原因是什么?
- 成都生鲜配送商城系统APP、小程序开发的价值与功能介绍
- 做一个成都微信小程序要多少钱?需要哪些流程?
- 微信应用与微信小程序出现的原因
- 成都充电桩管理系统
- 如何开发微信小程序,开发价格怎么样?
- 小程序技术开发方案
- 小程序的运营思路从这几点出发
- 成都校园跑腿app开发要具备什么条件?校园跑腿业务怎么做?
- 为啥企业一定要开发小程序,有哪些好处?
- 成都微信小程序商城如何开发才有实质型价值?
- 微信小程序成功的四个要素是什么
- 成都直播小程序开发有什么功能?为直播行业带来哪些服务上升级和优势?
- 成都开发品牌服装设计小程序基本功能和营销功能思路
- 小程序企业怎么开发?要做哪些准备工作?