# ✈️ Python Flask + Vue 旅游网站系统
由于项目大部分是手写,所以bug挺多的.....哈哈
这是一个基于 Python Flask 后端和 Vue.js 前端的前后端分离旅游管理系统。包含管理员后台管理系统和前台用户界面。
## 🛠️ 技术栈 (Tech Stack)
### 后端 (Backend)
- Language: Python 3.8+
- Framework: Flask
- ORM: SQLAlchemy
- Database: MySQL (推荐) / SQL Server
- Auth: JWT (JSON Web Token)
### 前端 (Frontend)
- Framework: Vue.js 2.x
- UI Component: Element UI
- Build Tool: Webpack / Vue CLI
- Style: Sass/SCSS
---
## 📂 目录结构 (Directory Structure)
```text
python1s2c1/
├── api/
│ ├── templates/front/admin/ # 管理后台前端源码 (Vue + ElementUI)
│ ├── templates/front/front/ # 用户前台前端源码 (Vue)
│ ├── models/ # 数据库模型
│ └── ...
├── config.ini # 数据库连接配置文件
├── configs.py # 项目全局配置
├── run.py # 后端启动入口
├── requirements.txt # Python 依赖列表
└── ...
- 确保本地已安装 MySQL (5.7 或 8.0)。
- 创建数据库(例如
travel_db)。 - 将
db/目录下的 SQL 文件导入数据库。 - 修改根目录下的
config.ini文件,配置你的数据库账号密码:
[sql]
type = mysql
host = 127.0.0.1
port = 3306
user = root
passwd = 你的密码
db = 你的数据库名
在项目根目录下打开终端:
# 1. 安装依赖
pip install -r requirements.txt
# 2. 启动服务 (默认运行在 5000 端口)
python run.py run
打开新的终端窗口:
# 1. 进入后台目录
cd api/templates/front/admin
# 2. 安装依赖 (推荐使用淘宝镜像)
npm config set registry [https://registry.npmmirror.com](https://registry.npmmirror.com)
npm install
# 3. 启动后台 (运行在 8081 端口)
npm run serve
打开新的终端窗口:
# 1. 进入前台目录
cd api/templates/front/front
# 2. 安装依赖
npm install
# 3. 启动前台
npm run serve
- 用户模块: 注册、登录、个人中心、我的收藏
- 景点管理: 景点列表、景点详情、门票预订
- 资讯模块: 旅游资讯发布与浏览
- 交互模块: 评论留言、评分反馈
- 系统管理: 用户权限管理、轮播图配置
- 管理员账号:
admin - 密码:
123456
如果遇到 node-sass 或 sass-loader 版本报错,请执行以下命令修复依赖:
npm uninstall node-sass
npm install -D sass sass-loader@10