1.所用技术
前端:vue+vuex+vue-router+cube-ui
后端:django+drf(只是实现用户管理功能)
2.项目效果
可以访问这个链接
3.项目地址
前端项目:https://github.com/huyu456/vue-douban
后端项目:https://github.com/huyu456/douban
4.项目的结构
├─public
└─src
├─api // axios请求
├─assets // logo
├─base // 基础组件
│ ├─commentHeader // 评论组件的header
│ ├─ImageScroll // 图片滚动
│ ├─Item // 列表页的单条数据
│ ├─loading // 加载
│ ├─longComment // 长评论
│ ├─modifyForm // 表单
│ ├─rankItem // 推荐页单条数据
│ ├─shortComment // 短评论
│ └─star // 评分
├─common
│ ├─css
│ ├─icon // 字体文件
│ ├─image
│ ├─js
│ └─yangtu // 标注文件
├─components
│ ├─celebrity // 影人详情
│ ├─comments // 评论组件
│ ├─Detail // 详情
│ │ └─component
│ ├─Home // 首页
│ ├─login // 登录
│ ├─profile // 影人介绍
│ ├─rank // 推荐
│ ├─rankOther
│ ├─registered // 注册
│ ├─reviewDetail // 评论详情
│ ├─reviews // 评论页
│ ├─search // 搜索
│ ├─search-result // 搜索结果
│ ├─top250 // 电影top250
│ ├─userCenter // 用户中心
│ ├─userInfo // 用户信息
│ └─works // 影人作品
├─router // vue-router路由管理
├─store // vuex
└─views