成都小程序开发的基础知识
小程序的直观表现只是多个相互关联的页面。我们的小程序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开发需要经过哪些步骤?
- 微信小程序的开发模式有哪些?
- 成都小程序开发公司做一个商城小程序要多少钱?如何选择才能降低成本?
- 成都企业微信小程序开发方式有哪些?
- 成都电商小程序开发:小程序是否具有保护我们隐私的能力
- 开发商城系统小程序要注意什么?
- 成都开发品牌服装设计小程序基本功能和营销功能思路