# movie-front

**Repository Path**: Marthkoper/movie-front

## Basic Information

- **Project Name**: movie-front
- **Description**: 影视数据管理后台
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

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

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

电影前端项目基于Vue框架，主要功能包括电影信息展示、模板管理等模块。项目结构清晰，使用了现代化的前端技术栈，便于维护和扩展。

## 功能特性

- **电影信息展示**：通过`MovieDetailView.vue`组件展示电影的详细信息，包括名称、原始名称、简介、类型、国家/地区、状态、播放信息、画质、更新时间、海报、评分信息等。
- **模板管理**：通过`TemplateList.vue`组件实现模板的增删改查功能，包括模板名称、描述、状态等字段的管理。
- **响应式设计**：项目采用响应式布局，适配不同设备的屏幕尺寸。
- **组件化开发**：使用Vue组件化开发模式，提高代码复用率和开发效率。

## 安装步骤

1. 安装Node.js和npm（建议使用最新稳定版）。
2. 安装Vite：`npm install -g vite`
3. 克隆项目：`git clone https://gitee.com/Martinkeep/movie-front.git`
4. 进入项目目录：`cd movie-front`
5. 安装依赖：`npm install`
6. 启动开发服务器：`npm run dev`

## 使用说明

- **电影信息展示**：访问`/src/views/admin-json/MovieDetailView.vue`路径，即可查看电影的详细信息。
- **模板管理**：访问`/src/views/admin-json/TemplateList.vue`路径，即可进行模板的增删改查操作。

## 技术栈

- Vue 3
- Vite
- Element Plus
- Vue Router
- Pinia

## 目录结构

```
movie-front/
├── public/               # 静态资源
├── src/                  # 源码目录
│   ├── api/              # 接口请求
│   ├── assets/           # 静态资源
│   ├── components/       # 组件
│   ├── stores/           # 状态管理
│   ├── styles/           # 样式文件
│   ├── utils/            # 工具函数
│   ├── views/            # 页面视图
│   │   └── admin-json/   # 管理后台页面
│   ├── App.vue           # 根组件
│   ├── main.js           # 入口文件
│   └── router/index.js   # 路由配置
├── index.html            # 主页模板
├── package.json          # 项目配置
└── vite.config.js        # Vite配置
```

## 贡献指南

欢迎贡献代码！请遵循以下步骤：
1. Fork项目。
2. 创建新分支。
3. 提交PR请求。

## 许可证

本项目采用MIT许可证。详情请查看LICENSE文件。