基于Vue的大数据电影推荐系统前端页面,采用前后端分离架构
后端代码 https://github.com/pq-dong/movierecommend
demo地址:http://movie.pqdong.com/#/
由于首页资源比较多,且服务器带宽太小,所以首次访问时加载速度会很慢(大约在30s左右,可怕!),请多等一下;
待功能开发完毕后会优化此页面加载速度
A Vue.js project
# 本地开发,需要将域名 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 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