# movie-vue

**Repository Path**: guoxiaobing-zzuli/movie-vue

## Basic Information

- **Project Name**: movie-vue
- **Description**: 郑州轻工业大学实训项目。电影后台管理系统
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 3
- **Forks**: 1
- **Created**: 2022-11-14
- **Last Updated**: 2024-09-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, Vuex

## README

# movie
## 项目介绍
本项目使用了vue2框架，由vue-cli创建，idea编写 
1. [vue2](https://v2.cn.vuejs.org/)
2. [vuex](https://github.com/vuejs/vuex)
3. [vue-router](https://github.com/vuejs/router)
4. [axios](https://github.com/axios/axios)
5. [elementuiUI](https://element.eleme.cn/#/zh-CN/component/dialog)
6. [face-api.js](https://github.com/justadudewhohacks/face-api.js)



## 项目运行之前，需要安装依赖，请再终端运行下面的命令，注意在movie目录下运行命令，安装依赖

```
npm install
```

### 运行项目

```
npm run serve
```

### 打包项目

```
npm run build
```

### 后端项目地址网址： [movie项目后端地址](https://gitee.com/guoxiaobing020408/movie)

## 如果你的后端项目不是在9000端口，需要在前端修改端口号

### 1.在plugins文件的axios.js文件中修改baseURL

```js
//修改端口号
let config = {
    //后端项目地址
    baseURL: 'http://localhost:9000',
    //超时时间
    timeout: 5 * 1000, // Timeout
};
```
### 使用了百度API的人脸识别。如果想要使用此功能。请自行[注册](https://console.bce.baidu.com/ai/#/ai/face/app/list)
### 填入参数，在  src / components / Face.vue。这个文件中，下面有一个方法用于获取百度APi的token
### 更改   params 参数里面的数值

```js
 //获取百度api调用的token
    getAccessToken() {
      axios({
        method: "POST",
        baseURL: '',
        contentType: "application/json",
        url: "baidu/oauth/2.0/token",
        params: {
          grant_type: "client_credentials",
          client_id: "5YcdjTMaMtqKurLsAGtwaY3d",
          client_secret: "ML1eLB0fZF3d0XuA5rqwcRGLPUPU83G7"
        }
      }).then((response) => {
            this.access_token = response.data.access_token
          }, (error) => {
            console.log(error)
          }
      )
    }
```
# 部分演示图
## 登录与注册
![登录](src/assets/%E6%BC%94%E7%A4%BA%E5%9B%BE%E7%89%87/%E7%99%BB%E5%BD%95.png)
![注册](src/assets/%E6%BC%94%E7%A4%BA%E5%9B%BE%E7%89%87/%E6%B3%A8%E5%86%8C.png)
## 其他
![输入图片说明](src/assets/%E6%BC%94%E7%A4%BA%E5%9B%BE%E7%89%87/%E4%B8%BB%E9%A1%B5%E9%9D%A2.png)
![输入图片说明](src/assets/%E6%BC%94%E7%A4%BA%E5%9B%BE%E7%89%87/%E7%94%B5%E5%BD%B1%E6%95%B0%E6%8D%AE%E6%93%8D%E4%BD%9C.png)
![输入图片说明](src/assets/%E6%BC%94%E7%A4%BA%E5%9B%BE%E7%89%87/%E7%94%B5%E5%BD%B1%E6%B7%BB%E5%8A%A0.png)
![输入图片说明](src/assets/%E6%BC%94%E7%A4%BA%E5%9B%BE%E7%89%87/%E6%96%B0%E9%97%BB%E6%95%B0%E6%8D%AE%E6%93%8D%E4%BD%9C.png)