Notice: fwrite(): write of 89 bytes failed with errno=28 No space left on device in C:\phpstudy_pro\WWW\9e9.net\d.php on line 16

微信小程序企业级商城项目

微信小程序企业级商城是一款面向企业的全功能电子商务平台，基于uni-app平台开发，旨在为企业提供一站式的移动商城解决方案。该商城具有完整的购物流程、商品展示、订单管理、用户中心等功能，能够帮助企业快速构建自己的品牌商城，并提供优质的购物体验给用户。

项目结构

首页

分类

购物车

我的

一键登录

用户信息

商品搜索

搜索吸顶：将搜索组件固定在页面顶部，不会被轮播图等区域覆盖

搜索建议：提供根据关键词查询商品的功能

搜索历史：保证最新搜索的关键词在最前面且不出现重复关键词

商品列表

展示商品信息

上拉加载更多

下拉刷新页面

点击跳转详情页

加入购物车

微信支付

微信支付流程

1. 创建订单

   请求创建订单的 API 接口：把（订单金额、收货地址、订单中包含的商品信息）发送到服务器

   服务器响应的结果：订单编号

2. 订单预支付

   请求订单预支付的 API 接口：把（订单编号）发送到服务器

   服务器响应的结果：订单预支付的参数对象，里面包含了订单支付相关的必要参数

3. 发起微信支付

   调用 uni.requestPayment() 这个 API，发起微信支付；把步骤 2 得到的 “订单预支付对象” 作为参数传递给 uni.requestPayment() 方法

   监听 uni.requestPayment() 这个 API 的 success，fail，complete 回调函数

微信支付代码实现

该部分功能由于权限问题只能完成代码实现，不能进行效果展示

// 点击了结算按钮
settlement() {
  // 先判断是否勾选了要结算的商品
  if(!this.checkedCount) return uni.$showMsg('请选择要结算的商品！')
  // 再判断用户是否选择了收货地址
  if(!this.addstr) return uni.$showMsg('请选择收货地址')

  // if(!this.token) return uni.$showMsg('请先登录！')
  if(!this.token) return this.delayNavigate()
  this.payOrder()
},

async payOrder() {
  // 1. 创建订单
  // 1.1 组织订单的信息对象
  const orderInfo = {
    // 开发期间，注释掉真实的订单价格，
    // order_price: this.checkedGoodsAmount,
    // 写死订单总价为 1 分钱
    order_price: 0.01,
    consignee_addr: this.addstr,
    goods: this.cart.filter(x => x.goods_state).map(x => ({ goods_id: x.goods_id, goods_number: x.goods_count, goods_price: x.goods_price }))
  }
  // 1.2 发起请求创建订单
  const {data : res} = await uni.$http.post('/api/public/v1/my/orders/create', orderInfo)

  if(res.meta.status !== 200) return uni.$showMsg('创建订单失败！')
  // 1.3 得到服务器响应的“订单编号”
  const orderNumber = res.message.order_number

  // 2. 订单预支付
  // 2.1 发起请求获取订单的支付信息
  const {data : res2} = await uni.$http.post('/api/public/v1/my/orders/req_unifiedorder', {order_number:orderNumber})
  // 2.2 预付订单生成失败
  if(res2.meta.status !== 200) return uni.$showMsg('预付订单生成失败！')
  // 2.3 得到订单支付相关的必要参数
  const payInfo = res2.message

  // 3. 发起微信支付
  // 3.1 调用 uni.requestPayment() 发起微信支付
  const [err, succ] = await uni.requestPayment(payInfo)
  // 3.2 未完成支付
  if(err) return uni.$showMsg('订单未支付！')
  // 3.3 完成了支付，进一步查询支付的结果
  const {data: res3} = await uni.$http.post('/api/public/v1/my/orders/chkOrder', {order_number:orderNumber})
  // 3.4 检测到订单未支付
  if(res3.meta.status !== 200) return uni.$showMsg('订单未支付！')
  // 3.5 检测到订单支付完成
  uni.showToast({
    title: '支付完成！',
    icon: 'success'
  })
}