Code Monkey home page Code Monkey logo

reader's Introduction

基于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 等

说明:在空闲时间,想通过一个项目来总结一下目前的知识体系,因此在参考 大佬的项目之后,打算自己实现一遍。

功能:

  • 注册(简单的校验)
  • 登录
  • 首页
  • 我的
  • 书籍详情
  • 分类查看
  • 阅读器
  • 搜索
  • 更改字体大小
  • 更改阅读器主题(夜间模式)
  • 上下翻页
  • 本地存储(账户信息)
  • 阅读记录(同步到数据库)
  • 书架
  • ......
  • 数据获取时的loading、懒加载

准备工作

1. 数据导入

本项目在参考项目的基础上增加了登录、注册等功能,因此增加了用户相关的一些表,sql文件下载地址,下载之后导入到MySQL数据库即可使用

2. 接口开发

使用express进行接口开发 接口项目地址:https://github.com/YepFury/reader-api

本地使用方法:

# 克隆项目
git clone [email protected]:YepFury/reader-api.git

# 进入到项目根目录,安装依赖
cd read-api
npm install

# 启动接口
node app.js

服务器使用方法:

# 克隆项目
git clone [email protected]:YepFury/reader-api.git

# 进入到项目根目录,安装依赖
cd read-api/
npm install

# 使用pm2启动服务
pm2 start app.js

开发及项目截图

按照所列功能点和需求点进行相应的开发

截图

reader's People

Contributors

yepfury avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.