# shoupiao

**Repository Path**: lujx123/shoupiao

## Basic Information

- **Project Name**: shoupiao
- **Description**: vux框架写的售票网
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2019-08-10
- **Last Updated**: 2021-03-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 售票网

简单写了一个移动端售票网练手，诸多细节不够完善望见谅</br></br>

# 技术栈

vux组件库 + egg.js + MySQL</br></br>

# 项目运行

```bash
git clone https://github.com/Leesssssssss/shoupiao.git

//运行后端
cd egg-bus

npm install

npm run dev

//运行前端
cd vue

npm install

npm run dev
```
</br></br>

# 目前实现的功能
- [x] 首页选择车票日期、出发地以及到达地</br>
- [x] 登录注册</br>
- [x] 显示车票详情</br>
- [x] 点击车票进入购买界面</br>
- [x] 输入乘客信息后进入支付界面</br>
- [x] 支付成功后车票会显示在我的订单</br>
- [x] 可在我的订单界面进行评价</br>
- [x] 常用地址界面可显示之前购买的出发地以及到达地，点击查询即可再次进入车票详情</br></br>

# 部分运行截图

**首页和车票详情**

<img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/1.png" width="300" alt="首页"/>    <img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/2.png" width="300" alt="车票详情"/>

**注册登录**

<img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/5.png" width="300" alt="注册"/>    <img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/4.png" width="300" alt="登录"/>

**购买支付**

<img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/3.png" width="300" alt="购买"/>    <img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/6.png" width="300" alt="支付"/>

**支付成功和我的订单**

<img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/7.png" width="300" alt="支付成功"/>    <img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/8.png" width="300" alt="我的订单"/>

**评价和常用地址**

<img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/9.png" width="300" alt="评价"/>    <img src="https://github.com/Leesssssssss/shoupiao/raw/master/Screenshots/10.png" width="300" alt="常用地址"/>

# 说明

>  如果对您有帮助，可以点右上角 "Star" 支持一下 谢谢!

>  或者您可以 "follow" 一下，我会不断开源更多的有趣的项目