# film_admin_gp36

**Repository Path**: wuchencode/film_admin_gp36

## Basic Information

- **Project Name**: film_admin_gp36
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-10-23
- **Last Updated**: 2023-10-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 购票电影后台管理系统
## 背景
> 购票网站管理系统作为“万达影视”行业壁垒的核心服务，是公司未来战略规划中不可或缺的一部分。“购票网站管理系统”，是为万达各地院线提供票房管理的强大后台。
> 因此，开发此系统，目的是帮助“万达影视”获取更多用户和更便捷高效的管理，为万达创造更多的价值。
> 购票网站管理系统将作为管理后台的系统，允许各个影院门店，各省分公司管理者使用。

## 产品概述
> 目的：为运营人员提供快捷便利的管理后台用于管理片源和票房分析。
> 定位：WEB端后台管理系统

## 后台功能
- 用户管理
  - 账号管理
    - 新增账号
    - 账号列表
  - 角色管理
    - 角色列表
    - 新增角色
  - 权限管理
    - 权限列表
- 片源管理
  - 片源列表
  - 新增片源
- 片源类型

## 技术栈
```
├── nodejs@16.14.2
├── @vue/cli-plugin-babel@5.0.8
├── @vue/cli-service@5.0.8
├── animate.css@4.1.1  过渡动画库
├── axios@1.5.1 网络请求
├── core-js@3.33.0
├── dayjs@1.11.10  日期处理
├── sass-loader@12.6.0
├── sass@1.69.3
├── vue-router@3.6.5 路由管理
├── vue-template-compiler@2.7.14
├── vue@2.7.14  vue核心库
├── vuex-persistedstate@4.1.0 数据持久化
└── vuex@3.6.2 全局状态
```

## 目录结构
```
/
 -- public 项目根目录
  -- index.html
  -- favico.ico
 -- src
  -- ...
```

## 项目亮点
- 大文件上传功能
- 图表展示
- 即时数据显示
- excel导入导出
- 拖拽上传
- 表单排序
- 富文本处理
- 动态表单
- 异步组件处理
- 骨架屏应用
- 组件二次封装
- 跨域
- 完善的XSS防范及脚本过滤，支持白名单过滤,彻底杜绝XSS攻击
- rbac权限控制
- 视频在线播放
- 文字转音频
- 接入ai功能

## 开发时遇到的问题
- 1
- 2

## 本地部署
- 安装依赖
```
npm i
```
- 开发运行
```
npm run serve
```
- 打包上线
```
npm run build
```
- 上线
> 需要nginx配置，把打包好的`dist`目录上传到nginx虚拟主机目录路径下，即可