小程序商城项目总结

一，涉及到技术点包括（商品模块，购物车模块，订单中心模块，微信登录，微信支付，图片上传，收货地址...)

1.1，微信小程序有4个文件包

• WXSS : ⽤于描述 WXML 的组件样式，
• WXML ：微信⾃⼰定义的⼀套组件，
• js : 逻辑处理,
• json : ⼩程序⻚⾯配置。
• 

1.2，小程序app.json页面（pages可以创建新的文件夹，window可以改变全局页面的头部背景色，字体颜色，开启下拉刷新...，taBer设置taber切换，可以全局引入vant组件样式）

二，taBer优购首页业务流程介绍（vantWeapp组件）

• 轮播图布局通过（微信官方文档<组件<swiper<样式实例代码）

• import {api页面请求的后台数据} from "../../requset/http"

• 
• 宫格详情布局通过（vantWeapp组件的宫格，api页面请求接口，拿到后台数据渲染页面）
• 
• 楼层布局通过（vantWeapp组件的宫格，在全局api.js请求接口，拿到后台的数据，在js页面通过import导入请求的接口，在wxml页面循环出第一层的数据item，在循环出第二层的数据ite）
• 

 三，taBer优购分类业务流程介绍（vantWeapp组件）

•    点击搜索框进行跳转页面，跳转到搜索页面（使navigateTo跳转），微信小程序跳转分为

1. wx.navigateTo() : 保留当前⻚⾯，跳转到应⽤内的某个⻚⾯。但是不能跳到 tabbar ⻚⾯
2. wx.navigateBack() : 关闭当前⻚⾯，返回上⼀⻚⾯或多级⻚⾯
3. wx.switchTab() : 跳转到 TabBar ⻚⾯，并关闭其他所有⾮ tabBar ⻚⾯​​​​​​

• 左侧分类 布局左为tab切换一级菜单
• 左侧分类 右显示对应标题二级菜单，显示对应图片三级菜单，三级菜单图片盒子，