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

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

```java
<!--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

posted @ 2022-07-24 23:41  小草1234  阅读(404)  评论(0编辑  收藏  举报