微信小程序商城项目实例代码

项目描述

# 微信小程序文件结构

## 主体文件结构

主体部分由三个文件组成，必须放在项目的根目录，如下：

| 文件 | 必填 | 作用 |
| ---------------------------------------- | ---- | -------- |
| [app.js](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/app.html) | 是 | 小程序逻辑 |
| [app.json](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html) | 是 | 小程序公共设置 |
| [app.wxss](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html) | 否 | 小程序公共样式表 |

## 页面文件结构

页面由四个文件组成，分别是：

| 文件类型 | 必填 | 作用 |
| ---------------------------------------- | ---- | ---------------------------------- |
| [js](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/app-service/page.html) | 是 | 页面逻辑 ( 微信小程序没有window和document对象 ) |
| [wxml](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxml/) | 是 | 页面结构 ( XML语法，不是HTML语法 ) |
| [wxss](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/view/wxss.html) | 否 | 页面样式表 ( **拓展了rpx尺寸单位，微信专属响应式像素** ) |
| [json](https://mp.weixin.qq.com/debug/wxadoc/dev/framework/config.html#pagejson) | 否 | 页面配置 ( 不能写注释，否则编译报错 )

运行环境

系统开发环境: 微信开发者工具

项目技术(必填)

wxss + wxml + JSON

是否原创(转载必填原文地址)

转载(http://www.biyesheji318.com/)

项目截图(必填)