微信小程序+SpringBoot实现校园快递代收平台

1.技术介绍
java+springboot+Mybatis+mysql+Vue+微信小程序
开发工具:IDEA
2.主要功能说明:
后台:java
后台管理端:Vue
小程序:微信原生
主要功能:
注册、登录、发布快递、接单、快递列表、我的发单、我的接单、查看订单、完成配送
用户管理、订单管理、数据统计等
3.部分代码展示:
发单页面

<!--pages/getOrder/getOrder.wxml-->
<view>
  <cu-custom bgColor="bg-sendorder" isBack="{{true}}">
    <view slot="backText">返回</view>
    <view slot="content">我的发单</view>
  </cu-custom>
  <scroll-view scroll-x class="bg-sendorder page-sendorder nav text-center">
    <view class="flex text-center">
      <view class="cu-item flex-sub {{index==TabCur?'active cur':''}}" wx:for="{{type}}" wx:key="index"
        bindtap="tabSelect" data-type="{{index}}">
        {{type[index]}}
      </view>
    </view>
  </scroll-view>
  <view class="list">

    <view class="list-item shadow" wx:for="{{listDatas}}" wx:key="*this">
      <view class="flex-wrap item-header">
        <text class="express-comp text-blue">{{item.company}}</text>
        <text class="text-gray time">{{item.createdTimea}}</text>
      </view>
      <view class="flex-wrap item-content">
        <view class="left-info">
          <text>配送地址:{{item.shippingAddress}}</text>
          <text>期望送达时间:{{item.expectedTime}}</text>
          <view class="flex-wrap bottom-info">
            <text>快递类型:{{item.expressType}}</text>
            <view class="cu-capsule round money">
              <view class="cu-tag bg-blue ">赏金</view>
              <view class="cu-tag line-blue">{{item.reward}}</view>
            </view>
          </view>
        </view>
        <view class="flex-wrap flex-vertical btn-group" wx:if="{{TabCur==0}}">
          <button class="cu-btn round bg-gradual-blue shadow" bindtap="showDetail" data-modalname="cancelDialog"
            data-item="{{item}}">取消订单</button>
        </view>
        <view class="flex-wrap flex-vertical btn-group" wx:elif="{{TabCur==1}}">
          <button class="cu-btn round bg-gradual-blue shadow" bindtap="showDetail" data-modalname="detailDialog"
            data-item="{{item}}">联系小哥</button>
          <!-- <button class="cu-btn round bg-gradual-purple shadow" bindtap="showDetail" data-modalname="finishDialog"
            data-item="{{item}}">完成支付</button> -->
        </view>
      </view>
    </view>

  </view>


  <view class="cu-modal {{modalName=='cancelDialog'?'show':''}}">
    <view class="cu-dialog">
      <view class="cu-bar bg-white justify-end">
        <view class="content">取消订单提示</view>
        <view class="action" bindtap="hideModal">
          <text class="icon-close text-red"></text>
        </view>
      </view>
      <view class="padding-sm content text-orange">
        请确认是否取消此订单?点击“确认”将取消订单!
      </view>
      <view class="cu-bar bg-white justify-end">
        <view class="action">
          <button class="cu-btn line-blue text-blue" bindtap="hideModal">取消</button>
          <button class="cu-btn bg-blue margin-left" bindtap="deleteOrder">确定</button>
        </view>
      </view>
    </view>
  </view>

  <view class="cu-modal {{modalName=='finishDialog'?'show':''}}">
    <view class="cu-dialog">
      <view class="cu-bar bg-white justify-end">
        <view class="content">完成支付提示</view>
        <view class="action" bindtap="hideModal">
          <text class="icon-close text-red"></text>
        </view>
      </view>
      <view class="padding-sm content text-orange">
        请确认是否已完成此订单的支付?如已完成请点击“确认”完成此订单!
      </view>
      <view class="cu-bar bg-white justify-end">
        <view class="action">
          <button class="cu-btn line-blue text-blue" bindtap="hideModal">取消</button>
          <button class="cu-btn bg-purple margin-left" bindtap="confrimFinish">确定</button>
        </view>
      </view>
    </view>
  </view>
</view>

4.系统演示地址:
链接:https://pan.baidu.com/s/1zpdloWEiJK4m2C0iFTOjog
提取码:9g06

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值