## 基于Vue+Vuex+Nodejs+MySql开发小说阅读器
参考项目：[https://github.com/tgxhx/vue-reader](https://github.com/tgxhx/vue-reader)
本文项目：[https://github.com/YepFury/reader](https://github.com/YepFury/reader)
技术栈：Vue + Vuex + Vue-router + nodejs + express + mysql 等
说明：在空闲时间，想通过一个项目来总结一下目前的知识体系，因此在参考 [大佬](https://github.com/tgxhx)的项目之后，打算自己实现一遍。
功能：
- [x] 注册（简单的校验）
- [x] 登录
- [x] 首页
- [x] 我的
- [x] 书籍详情
- [x] 分类查看
- [x] 阅读器
- [x] 搜索
- [x] 更改字体大小
- [x] 更改阅读器主题（夜间模式）
- [x] 上下翻页
- [x] 本地存储（账户信息）
- [x] 阅读记录（同步到数据库）
- [x] 书架
- [x] ......
- [ ] 数据获取时的loading、懒加载
### 准备工作
#### 1. 数据导入
本项目在参考项目的基础上增加了登录、注册等功能，因此增加了用户相关的一些表，sql文件[下载地址](https://pan.baidu.com/s/1YBJKqj1q9biAdaDlx0TPDQ)，下载之后导入到MySQL数据库即可使用
#### 2. 接口开发
使用express进行接口开发
接口项目地址：[https://github.com/YepFury/reader-api](https://github.com/YepFury/reader-api)
本地使用方法：
```shell
# 克隆项目
git clone git@github.com:YepFury/reader-api.git
# 进入到项目根目录，安装依赖
cd read-api
npm install
# 启动接口
node app.js
```
服务器使用方法：
```shell
# 克隆项目
git clone git@github.com:YepFury/reader-api.git
# 进入到项目根目录，安装依赖
cd read-api/
npm install
# 使用pm2启动服务
pm2 start app.js
```
### 开发及项目截图
按照所列功能点和需求点进行相应的开发
#### 截图
 
 
 
 
基于Vue+Vuex+Nodejs+MySql开发小说阅读器.zip （74个子文件） 
WGT-code 
.editorconfig 147B screenshots 
9.png 65KB 3.png 50KB 1.png 305KB 6.png 8KB 5.png 19KB 4.png 27KB 8.png 19KB 7.png 7KB 2.png 176KB .eslintrc.js 791B src App.vue 311B store modules types.js 636B mutations.js 2KB actions.js 1KB state.js 652B index.js 257B assets 
user.svg 1KB lock.svg 810B logo.svg 321B less common.less 3KB reset.css 1KB icons.less 10KB main.js 538B components Category.vue 2KB Reader.vue 6KB Personal.vue 2KB Search.vue 2KB BookDetail.vue 7KB common TitleList.vue 3KB HorizontalList.vue 695B TopMenu.vue 1KB Fonts.vue 3KB VerticalList.vue 1KB Similar.vue 838B BottomMenu.vue 2KB Login.vue 3KB Home.vue 6KB rate star_on.png 1KB star_half.png 1KB star_off.png 1KB Rate.vue 1KB BookShelf.vue 2KB Register.vue 5KB fetch index.js 4KB router index.js 2KB .babelrc 354B package.json 3KB build check-versions.js 1KB utils.js 2KB vue-loader.conf.js 553B webpack.prod.conf.js 6KB build.js 1KB webpack.base.conf.js 3KB webpack.dev.conf.js 3KB webpack.test.conf.js 867B package-lock.json 517KB .postcssrc.js 246B
index.html 331B .gitignore 180B .eslintignore 51B static .gitkeep 0B images 
2.jpg 66KB sprite@2x.0.50.png 8KB 1.jpg 49KB 5.jpg 87KB sprite.0.50.png 5KB 3.jpg 84KB 4.jpg 94KB README.md 2KB config test.env.js 149B prod.env.js 104B index.js 2KB dev.env.js 234B资源评论
