基于Vue+Vuex+Nodejs+MySql开发小说阅读器
参考项目:https://github.com/tgxhx/vue-reader
本文项目:https://github.com/YepFury/reader
技术栈:Vue + Vuex + Vue-router + nodejs + express + mysql 等
说明:在空闲时间,想通过一个项目来总结一下目前的知识体系,因此在参考 大佬的项目之后,打算自己实现一遍。
功能实现:
- 注册(简单的校验)
- 登录
- 首页
- 我的
- 书籍详情
- 分类查看
- 阅读器
- 搜索
- 更改字体大小
- 更改阅读器主题(夜间模式)
- 上下翻页
- 本地存储(账户信息)
- 阅读记录(同步到数据库)
- 书架
- …
- 数据获取时的loading、懒加载
准备工作
1. 数据导入
本项目在参考项目的基础上增加了登录、注册等功能,因此增加了用户相关的一些表,sql文件**下载地址**,下载之后导入到MySQL数据库即可使用
2. 接口开发
使用express进行接口开发
接口项目地址:https://github.com/YepFury/reader-api
本地使用方法:
# 克隆项目
git clone git@github.com:YepFury/reader-api.git
# 进入到项目根目录,安装依赖
cd read-api
npm install
# 启动接口
node app.js
服务器使用方法:
# 克隆项目
git clone git@github.com:YepFury/reader-api.git
# 进入到项目根目录,安装依赖
cd read-api/
npm install
# 使用pm2启动服务
pm2 start app.js
开发及项目截图
按照所列功能点和需求点进行相应的开发
截图






本文介绍了一位开发者如何基于Vue、Vuex、Node.js和MySQL构建一个小说阅读器应用。项目包括注册、登录、首页、我的、书籍详情、分类查看等模块,并实现了阅读器功能,如字体大小调整、主题切换、页面翻动等。还涉及到数据导入、Express接口开发以及本地存储和数据库同步。项目源码可在GitHub找到。
1163

被折叠的 条评论
为什么被折叠?



