# flightstrip-frontend

**Repository Path**: Martinkeep/flightstrip-frontend

## Basic Information

- **Project Name**: flightstrip-frontend
- **Description**: 机票、酒店、景点、行程数据抓取前端
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-08-26
- **Last Updated**: 2025-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# Flightstrip Frontend

## 项目介绍
本项目是基于 Vue 3 和 Vite 构建的前端应用，主要用于航班信息的展示与搜索功能，包括单程航班和往返航班的查询和详细信息展示。项目结构清晰，适合用于扩展和维护。

后端传送门：[后端代码](https://gitee.com/Martinkeep/tourism-data)

## 技术栈
- Vue 3
- Vite
- TypeScript
- SCSS
- Eslint
- Git

## 主要功能
- 单程航班搜索与展示

  <img src="images/0.png" width="300" />
  
- 往返航班搜索与展示

  <img src="images/1.png" width="300" />

- 景点信息展示

  <img src="images/3.png" width="300" />

- 酒店搜索功能

  <img src="images/2.png" width="300" />

- 任务管理与产品管理

  <img src="images/6.png" width="300" />

  <img src="images/4.png" width="300" />
  
  <img src="images/5.png" width="300" />

- 系统设置与定时任务管理

  <img src="images/7.png" width="300" />

## 目录结构
```
├── public/                  # 静态资源目录
│   ├── css/                 # 样式文件
│   └── vite.svg             # Vite 图标资源
├── src/                     # 源码目录
│   ├── api/                 # 接口调用逻辑
│   ├── assets/              # 项目资源文件（图片、样式等）
│   ├── components/          # Vue 公共组件
│   ├── stores/              # Pinia 状态管理相关
│   ├── utils/               # 工具类方法（如请求封装、数据处理等）
│   ├── views/               # 页面视图组件
│   ├── main.js              # 入口文件
│   └── router/index.js      # 路由配置
├── .env                     # 环境变量配置文件
├── .gitignore               # Git 忽略文件配置
├── index.html               # 入口 HTML 文件
├── vite.config.js           # Vite 构建配置
├── package.json             # 项目依赖和脚本配置
└── README.md                # 项目说明文档
```

## 安装与运行
1. 确保你已安装 Node.js 和 yarn。
2. 克隆项目：
   ```bash
   git clone https://gitee.com/Martinkeep/flightstrip-frontend.git
   ```
3. 进入项目目录并安装依赖：
   ```bash
   cd flightstrip-frontend
   yarn install
   ```
4. 运行项目：
   ```bash
   yarn dev
   ```

## 使用说明
- 访问应用首页，选择单程或往返航班，输入相关信息进行搜索。
- 使用景点列表和酒店搜索功能来规划旅行内容。
- 管理定时任务和系统设置以满足业务需求。

## 贡献指南
欢迎贡献代码！请遵循以下步骤：
1. Fork 项目仓库。
2. 创建新分支并提交你的改进。
3. 发起 Pull Request，等待审核。

## 许可证
本项目未明确指定开源许可证，如需使用请与作者联系确认相关条款。