/moviefront

电影推荐系统前端页面,后端代码地址https://github.com/pq-dong/movierecommend

Primary LanguageVueApache License 2.0Apache-2.0

moviefront

基于Vue的大数据电影推荐系统前端页面,采用前后端分离架构
后端代码 https://github.com/pq-dong/movierecommend

由于首页资源比较多,且服务器带宽太小,所以首次访问时加载速度会很慢(大约在30s左右,可怕!),请多等一下;
待功能开发完毕后会优化此页面加载速度

开发部署

A Vue.js project

Build Setup

# 本地开发,需要将域名 0.0.0.0换成127.0.0.1
npm install

npm run dev

# 线上部署
npm run build

# 单元测试
npm run unit

# run all tests
npm test

任务点

  • 开发环境搭建测试
  • 初步架构方案
  • Vue学习,开源项目学习
  • 等待后端mock接口
  • 用户登录页面,退出
  • demo部署
  • 用户信息详情页,修改页
  • 电影详情页
  • 评论页
  • 演员详情页
  • 首页
  • 部署方案

Git

# 创建本地分支并切换
git checkout -b dev
# 暂存代码
git add .
# 提交代码
git commit -m "本次提交说明"
# 推送到远程仓库
git push

技术栈

接口文档

工程结构

.
├── build
│   ├── build.js
│   ├── check-versions.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.dev.conf.js  // webpack配置文件
├── config
│   ├── dev.env.js           // 配置文件
│   ├── index.js
├── index.html               // vue加载页
├── package.json
├── package-lock.json
├── README.md
├── server.js
├── src
│   ├── App.vue
│   ├── assets
│   │   ├── css
│   │   ├── ele-custom-theme
│   │   ├── logo.png
│   │   ├── main.css
│   │   └── util
│   ├── components
│   │   ├── home.vue
│   │   ├── index.vue         // 首页
│   │   └── login.vue         // 登录页面
│   ├── http.js
│   ├── main.js
│   ├── index.js            // 路由
│   └── store                 // vuex store
│       ├── store.js
│       └── types.js          // 常量
├── static
└── yarn.lock