# 基于react + express + nodejs爬虫的移动书城(vue版本修改而来)
> 技术栈:react + react-router + redux + webpack + fetch + scss + flex + express + nodejs + mysql + localStorage
> [预览地址](http://tgxhx.xyz/book)
> [api地址](https://github.com/tgxhx/node-book-api)
> [爬虫地址](https://github.com/tgxhx/node-crawler)
## 使用说明
``` bash
#克隆项目
git clone git@github.com:tgxhx/react-reader.git
# 安装依赖
npm install
# 本地开发环境 访问http://localhost:3000
npm start
# 构建生产
npm run build
```
## 项目说明
关于爬虫和api就不详细说明了,完全跟vue版本的一样,[查看地址](https://github.com/tgxhx/vue-reader)
在写这个之前对于vue算是比较熟练了,转到react,jsx的语法研究了两天,然后研究了一下redux,发现跟vuex是类似的东西,上手起来也比较快。
然后开始用react全家桶重写这个项目,利用空余时间前后花了大概不到一个星期的样子,再之后花了一两天新增了vue版本没有的书架功能。
项目是基于create-react-app构建的,增加了sass的支持,组件热重载还未支持,加入了react-router和redux。
总结一下,vue和react的理念我认为是差不多的,重点都是组件化,state、props也是类似的作用,vuex和redux也有一定程度的类似,二者区别可能就是语法不一样了,vue写起来更像传统的html、js、css开发方式,jsx的写法有的人可能难以接受,但是也不难掌握,另外可能react对于js的掌握程度要求更高一些。
所以我认为,vue和react如果你熟悉其中之一,我相信上手另一个是很快的,因为核心理念你已经掌握了,剩下了就是语法了,vuex和redux也是一样。
本项目难点我认为是书架功能,也都写了注释,有类似想法的可以相互印证。
## 功能
- [x] 首页推荐
- [x] 书籍详情
- [x] 相似推荐
- [x] 分类查看
- [x] 阅读器
- [x] 章节跳转
- [x] 更改字体
- [x] 更换主题
- [x] 夜间模式
- [x] 翻页浏览
- [x] 本地存储(存储每本书的阅读进度)
- [x] 书架
## 项目截图
![](screen/1.png)![](screen/2.png)
![](screen/3.png)![](screen/4.png)
![](screen/5.png)![](screen/6.png)
没有合适的资源?快使用搜索试试~ 我知道了~
资源推荐
资源详情
资源评论
收起资源包目录
基于react + express + node爬虫的移动书城.zip (99个子文件)
项目授权码.txt 268B
react-reader-master
src
assets
js
local.js 239B
imgError.js 131B
css
util.css 0B
util.scss 2KB
images
2.jpg 66KB
1.jpg 49KB
5.jpg 87KB
sprite.0.50.png 5KB
3.jpg 84KB
4.jpg 94KB
routes.js 1011B
store.js 911B
components
People
PersonInput.js 979B
PeopleContainer.js 1KB
PersonList.js 344B
Person.js 260B
About
style.css 0B
index.js 853B
NotFound
style.css 0B
index.js 1KB
App
style.css 390B
index.js 231B
style.scss 390B
Reader
index.jsx 9KB
ListPanel.jsx 2KB
TopNav.jsx 447B
index.scss 6KB
Cover.jsx 802B
FontNav.jsx 2KB
Content.js 196B
BottomNav.jsx 2KB
index.css 7KB
Category
index.jsx 3KB
index.scss 2KB
index.css 2KB
Home
index.jsx 3KB
Recommend.js 792B
index.scss 4KB
Title.js 230B
BookList.js 1KB
images
2.jpg 66KB
1.jpg 49KB
5.jpg 87KB
1.js 0B
3.jpg 84KB
4.jpg 94KB
index.css 4KB
Swiper.jsx 773B
BookShelf
index.jsx 3KB
ShelfItem.js 2KB
index.scss 3KB
index.css 5KB
BookDetail
index.jsx 6KB
index.scss 4KB
Rating.jsx 788B
star_on.png 1KB
Similar.jsx 1KB
index.css 5KB
star_half.png 1KB
star_off.png 1KB
Loading
index.scss 935B
index.js 1KB
index.css 858B
index.js 660B
actions
action-types.js 936B
actions.js 1KB
reducers
index.js 2KB
people-reducer.js 238B
state.js 221B
counter.js 444B
index.css 198B
.idea
watcherTasks.xml 138B
workspace.xml 56KB
misc.xml 174B
abcd.iml 834B
modules.xml 260B
jsLibraryMappings.xml 187B
package.json 1021B
public
slick.min.css 1KB
manifest.json 298B
slick-theme.min.css 2KB
favicon.ico 24KB
index.html 1KB
fonts
slick.ttf 2KB
slick.eot 2KB
slick.svg 2KB
slick.woff 1KB
package-lock.json 360KB
screen
3.png 132KB
1.png 413KB
6.png 78KB
5.png 224KB
4.png 59KB
2.png 243KB
.gitignore 291B
server
app.js 563B
index.js 182B
README.md 2KB
共 99 条
- 1
资源评论
不走小道
- 粉丝: 3237
- 资源: 5112
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功