vue 示例项目 · 仿豆瓣 （前端 + 后端 + 爬虫数据）

目录

§ 技术栈

§ 快速开始

• 安装
• 启动

§ 功能

§ 待完善功能

§ 截图

---

§ 技术栈

详情可参阅 package.json

前端

• vue
• vuex (处理组件交互)
• vue-router (提供路由功能)
• axios（提供ajax ...）
• Webpack
• sass
• banner-swiper (我自己写的一个关于vue的轮播图)
• ES6 + Babel
• better-scroll

后端

• express (用于后台接口编写)
• mongoose (一个小型的数据库)
• connect-mongo (在session中保存mongo信息)
• jwt (生成token)

数据

• cheerio
• superagent

---

§ 快速开始

⊙ 安装

推荐升级到 node 8+ 环境，强烈推荐使用 cnpm 安装依赖或手动
切换到淘宝 npm 源：npm set registry https://registry.npm.taobao.org/

⊙ 下载

在git界面：

git clone [email protected]:yezi12138/douban.git

或者直接下载： https://github.com/yezi12138/douban

⊙ 启动

1. 本项目依赖mongodb，请先行安装mongodb 教程：mongodb安装和使用 先打开命令窗口下，敲下 mongod –dbpath=D:\data\db (按照你设置的路径启动mongodb)
2. 然后在项目的根目录下进入cmd，敲下 npm install 安装依赖 (如果安装失败就用cnpm 敲下 cnpm install)
3. 最后 敲下 npm start 项目正式启动

⊙ 功能

1. search 搜索（电影，图书，音乐）功能
2. 主页今日精选的展示
3. 广告轮播图展示
4. 电影，读书的内容展示
5. 详情页的展示
6. 上传头像功能
7. 登陆注册功能

⊙ 待完善功能

1. 评论区页面
2. 音乐界面
3. 搜索组件和提示功能
4. // 。。慢慢我再完善

⊙ 截图

---