# service-mpvue-mini

**Repository Path**: chengzhx76/service-mpvue-mini

## Basic Information

- **Project Name**: service-mpvue-mini
- **Description**: 基于uniapp构建的小程序。顺风车、约车、拼车、通勤、滴滴微信小程序，目前已上线~~
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 22
- **Forks**: 7
- **Created**: 2022-04-02
- **Last Updated**: 2025-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 顺风车-小程序（service-mpvue-mini）

service-mini是基于`mpvue`构建的顺风车平台，已经上线（小程序码见下边），欢迎Star。

> 喜欢的请Star，fork这些是我坚持下去的动力

> GitHub: https://gitee.com/chengzhx76/service-mpvue-mini

> Gitee: https://gitee.com/chengzhx76/service-mpvue-min



新的作品欢迎体验（布谷鸟助手），后期可能考虑开源（基于`uni-app`构建）

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/qrcode_remind.jpg)


## 小程序码体验

#### 2.0版本

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/qrcode.jpg)

#### 1.0版本
源码版本



## 技术栈（2.0）

前端：小程序、uni-app、Vuex、flyio、font-awesome

后端：Go、BeeGo、MySQL


## 技术栈（1.0）

前端：小程序、mpvue、Vuex、flyio、font-awesome

后端：Java、SpringBoot、MySQL


## 构建步骤（1.0）

``` bash
# 安装依赖
npm install

# 开发模式启动
npm run dev

# 打包
npm run build

具体步骤参见 mpvue 官网
```

## 主要功能（2.0）

#### 首页
<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/10.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/11.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/12.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/13.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/14.jpg" width="260px">


#### 发布

<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/20.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/21.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/22.jpg" width="260px">


#### 查看发布后的行程

<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/23.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/24.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/25.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/26.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/27.jpg" width="260px">


#### 预定行程

<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/30.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/31.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/32.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/33.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/34.jpg" width="260px">


#### 乘客预定行程后（车主看到的行程信息）

<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/40.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/41.jpg" width="260px">


#### 信息中心

<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/50.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/51.jpg" width="260px">


#### 个人中心

<img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/60.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/61.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/62.jpg" width="260px"><img src="https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/2.0/63.jpg" width="260px">


### 主要功能（1.0）


#### 首页、列表页和筛选页

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-1.jpg)
![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-2.jpg)
![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-3.jpg)

#### 详情页

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-4.jpg)
![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-5.jpg)

#### 个人页

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-6.jpg)

#### 分享和生成分享图片页

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-7.jpg)
![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-8.jpg)

#### 个人发布行程和司机发布行程页

![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-9.jpg)
![image](https://gitee.com/chengzhx76/service-mpvue-mini/raw/master/resource/1.0/mp-10.jpg)


### 联系方式

WeChat：chengzhx76

Email：chengzhx76@qq.com