miniprogram+thinkphp+mysql5实现小程序商城前后台解决方案

miniprogram+thinkphp+mysql5实现小程序商城前后台解决方案

• ​​一、系统介绍​​

• ​​1.系统功能​​
• ​​2.环境配置​​

• ​​二、系统展示​​

• ​​1.首页​​
• ​​2.商品分类​​
• ​​3.商品详情​​
• ​​4.确认订单​​
• ​​5.购物车​​
• ​​6.个人中心​​
• ​​7.我的订单​​
• ​​8.地址管理​​
• ​​9.添加产品​​
• ​​10.产品管理​​
• ​​11.添加品牌​​
• ​​12.品牌管理​​
• ​​13.添加分类​​
• ​​14.分类管理​​
• ​​15.订单管理​​
• ​​16.添加广告​​
• ​​17.广告管理​​

• ​​三、部分代码​​

• ​​index.wxml​​
• ​​util.js​​

• ​​四、其他​​

• ​​获取源码​​

一、系统介绍

1.系统功能

1.首页
2.商品分类
3.商品详情
4.确认订单
5.购物车
6.个人中心
7.我的订单
8.地址管理
9.添加产品
10.产品管理
11.添加品牌
12.品牌管理
13.添加分类
14.分类管理
15.订单管理
16.添加广告
17.广告管理

2.环境配置

小程序开发工具：1.05.2106250
Mysql:5.7
thinkphp:3.2

二、系统展示

1.首页

2.商品分类

3.商品详情

4.确认订单

5.购物车

6.个人中心

7.我的订单

8.地址管理

9.添加产品

10.产品管理

11.添加品牌

12.品牌管理

13.添加分类

14.分类管理

15.订单管理

16.添加广告

17.广告管理

三、部分代码

index.wxml

<!-- index.wxml -->
<view class="page">
  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">
    <block wx:for="{{imgUrls}}">
      <swiper-item>
        <image src="{{item.photo}}" class="slide-image" width="100%" height="200"  />
      </swiper-item>
    </block>
  </swiper>
  
    
    <view class="cont">
      <navigator class="pr" url="../product/detail?productId={{item.id}}" hover-class="changestyle"
                 wx:for="{{productData}}">
        <image class="photo" src="{{item.photo_x}}"></image>
        <view class="title">{{item.name}}</view>
        <view style="display:flex;line-height:50rpx;padding:10rpx 0;">
          <view class="gmxx" style="  color: red;">¥ {{item.price_yh}}</view>
          <view class="gmx">¥ {{item.price}}</view>
        </view>
        <view style="display:flex;line-height:50rpx;color:#999">
          <view class="gmxx" style="font-size:28rpx;width:30%">
            <text wx:if="item.is_show==1">新品</text>
            <text wx:elif="item.is_hot==1">热销</text>
            <text wx:else>推荐</text>
          </view>
          <view class="ku" style="width:60%">销量：{{item.shiyong}}</view>
        </view>
      </navigator>
    </view>
    <view class="clear mt10" bindtap="getMore">点击查看更多</view>
  </view>

util.js

function formatTime(date) {
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()

  var hour = date.getHours()
  var minute = date.getMinutes()
  var second = date.getSeconds()


  return [year, month, day].map(formatNumber).join('/') + ' ' + [hour, minute, second].map(formatNumber).join(':')
}

function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}

module.exports = {
  formatTime: formatTime
}

function checkStringEmpty(data){
  if(null == data || "" == data){
    return false;
  }
  return true;
}