vue技术栈+express+node爬虫写的移动书城
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build first commit Jul 4, 2017
config readme Jul 8, 2017
screen readme Jul 8, 2017
src modify preview address Dec 16, 2017
.babelrc first commit Jul 4, 2017
.editorconfig first commit Jul 4, 2017
.gitignore first commit Jul 4, 2017
.postcssrc.js first commit Jul 4, 2017
111.html first commit Jul 4, 2017
README.md Update README.md May 9, 2018
index.html 修改优化 Jul 6, 2017
package-lock.json modify preview address Dec 16, 2017
package.json first commit Jul 4, 2017

README.md

基于vue+express+nodejs爬虫的移动书城 ssr版本

技术栈:vue + vue-router + vuex + webpack + axios + less + flex + express + nodejs + mysql + localStorage

预览地址

api地址

爬虫地址

出了个人考虑,暂时关闭了在线api接口,提供sql文件下载,包含了接口使用的数据,可直接导入mysql中,下载地址

另外推荐一下本项目的react版本,自己另外一个vue高仿网易云音乐和一个MD风格Cnode社区

使用说明

#克隆项目
git clone git@github.com:tgxhx/vue-reader.git

# 安装依赖
npm install

# 本地开发环境 访问http://localhost:8080
npm run dev

# 构建生产
npm run build

项目说明

该项目很早以前就开始写了,算是用vue写的第一个项目,所以代码还是有不少问题,但是应该很符合vue入门使用者的写法,比如直接修改state:this.$store.state.xx = xx。

最开始是用jQuery写了阅读器部分,后来为了学习,就尝试用vue重构,学习了整个vue技术栈。

后来想想阅读器写好了,没有书可不行,想想应该用爬虫爬点数据,于是各种查找node爬虫的资料,写了不少爬虫,本项目使用的爬虫地址在这:地址

数据有了,接下来该构建api了,谷歌了一下发现用express好像不错,于是又学习了express部分,构建了所需的api,地址在这

有的同学刚开始学习vue的时候可能有点茫然,不光是vue本身的用法、api、组件等等,查资料后发现还有vue-router、vuex等等需要学习。

本项目就是那个阶段写的第一个比较完善的vue项目,现在才拿出来是因为中间有不少事耽搁了,如果你想看代码,可能会发现不少地方跟自己写得很像,一共只有四个路由,够简单吧,但是用到的东西在其他复杂应用中也是必需的,仔细想想其实vue也就那么点东西,多写就容易了。

vue-router方面,常用的内容基本都用到了,比如 动态路由、编程式导航、命名路由、重定向、数据获取时的loading、懒加载等等。

vuex采用分离的写法,state、mutation、action分开写,方便维护。

另外本项目中还写了一些可直接迁移使用的组件、比如loading组件、左右弹出层的背景阴影组件。

功能

  • 首页推荐
  • 书籍详情
  • 相似推荐
  • 分类查看
  • 阅读器
  • 章节跳转
  • 更改字体
  • 更换主题
  • 夜间模式
  • 翻页浏览
  • 本地存储(存储每本书的阅读进度)
  • 书架(待考虑)

项目截图