有奖:文档满意度调查问卷,诚邀您填写> HOT
本文以一个商城小程序开发项目为例,介绍了在微信小程序开发的项目过程中的准备工作,小程序的创建过程、目录中各个文件的功能,以及在开发过程中要使用的云开发功能,如云存储、云数据库和云函数。
说明
本实例教程所涉及到的相关源码材料,均已得到相应授权。

准备工作

2. 开通 云开发环境

操作流程

具体操作流程可分为以下4步。更多详情可参见 示例
步骤1:环境配置
步骤2:搭建商城首页
步骤3:搭建详情页 步骤4:搭建购物车

项目目录

文件
说明
配置文件 .json
项目配置文件 app.json:用于配置各个页面的路径,设置窗口和底部的导航栏。
页面的配置文件如 index.json:用于实现所属页面的个性化设置。
模板文件 .wxml
常用的是页面模板文件如 index.wxml,类似于 HTML,使用的是标签语言,用于设计界面的各个组件、事件系统,进而构建出页面的结构。
样式文件 .wxss
项目样式文件 app.wxss:用于配置全局的样式。
页面样式文件如 index.wxss:用于配置页面的个性化样式,在所在页面中可以覆盖掉全局样式。
逻辑文件 .js
逻辑文件是用来实现页面的业务逻辑功能的,例如数据的获取、判定,页面提示等功能,都是由逻辑文件中编写方法来实现的。