sau交流学习社区--看小说的lovebook一个无线端BS应用

一、前言

loveBook爱上阅读,是一款webapp的读小说等书籍的并且阅读的应用。如果觉得可以,欢迎fork和star。

自己最近在追斗破苍穹电视剧,下班时候在地铁上总听到有人说,斗破苍穹书籍比电视剧好看,于是想弄个看书的webapp,

这样在手机上看电子书很爽。找了好久发现发现只有追书神器的api暴露出来了,起点之类的api找不到。

同步:https://www.mwcxs.top/page/457

二、技术栈

vue2 + vuex + vue-router + webpack + ES6 + axios + sass

三、 源码地址

https://github.com/saucxs/loveBook

四、演示地址

http://book.mwcxs.top

1、版本功能

- [x] 热门模块-男生热门,女生热门,女频限免三部分

- [x] 分类模块-男生,女生,出版三部分

- [x] 分类详情模块-分为热门,新书,好评,完结,包月,根据小说内容分为全部,东方玄幻,异界大陆,异界争霸,远古神话

- [x] 书籍详情模块-包含书籍一些基本信息和简介,书籍目录入口,热门书评,同类推荐,包含加入书架功能,和立即阅读

- [x] 书籍目录模块-包含一共多少章,章节顺序(倒叙)

- [x] 同类推荐列表模块

- [x] 阅读模块-包含目录,昼夜阅读模式,以及字体调整和书籍背景颜色设置

- [x] 书架模块-包含加入到书架展示,以及上次阅读地方存储

- [x] 搜索模块-包含热搜的内容和历史搜索内容,以及清空历史搜索内容

+ 2018.10.17

- 完成热门模块

- 完成类别列表

- 完成书籍详情

+ 2018.10.21

- 完成分类模块

- 完成章节目录

- 完成阅读模块

+ 2018.10.24

- 完成书架模块

+ 2018.10.25

- 完成模糊搜索功能

- 清空搜索历史功能

- 修复bug:部署之后阅读章节返回的错误

五、项目截图

5.1热门模块

?

5.2分类模块

?

5.3分类详情模块

?

5.4书籍详情模块

?

5.5书籍目录模块

?

5.6同类推荐列表模块

?

5.7阅读模块

?

5.8阅读模块-夜间

?

5.9立即阅读模块-设置

?

5.10书架模块

?

5.11搜索模块-搜索前

?

5.12搜索模块-搜索后

?

六、项目运行

git clone https://github.com/saucxs/loveBook

cd loveBook

npm install

npm run dev(本地运行 访问:http://localhost:8083)

npm run build (部署上线 生成的dist文件夹放到服务器中即可:需要配置代理,如使用nginx,可参考下面问题中的配置)

七、说明 

是基于[structure_webApp](https://github.com/saucxs/structure_webApp)架子上进行添加业务逻辑。

八、最后

最后打个小广告

源码:(https://github.com/saucxs/loveBook)

都已在GitHub上开源,目前在逐步完善功能中。欢迎感兴趣的同学fork和star。

原文地址:https://www.cnblogs.com/chengxs/p/10031661.html

时间: 2024-10-09 19:18:59

sau交流学习社区--看小说的lovebook一个无线端BS应用的相关文章

sau交流学习社区--songEagle开发系列:Vue.js + Koa.js项目中使用JWT认证

一.前言 JWT(JSON Web Token),是为了在网络环境间传递声明而执行的一种基于JSON的开放标准(RFC 7519). JWT不是一个新鲜的东西,网上相关的介绍已经非常多了.不是很了解的可以在网上搜索一下相关信息. 同步sau交流学习社区:https://www.mwcxs.top/page/454.html 二.源码 Talk is cheap. Show me the code. 三.工作流程 JWT本质来说是一个token.在前后端进行HTTP连接时来进行相应的验证. 1. 

sau交流学习社区—vue总结:使用vue的computed属性实现监控变量变化,使用vue的watch属性监控变量变化从而实现其他业务

有时候遇到这么个需求,输入框为空的时候,请求一遍接口,如果输入框不为空的时候,需要点击搜索按钮请求接口. 一.使用computed属性的实时监控计算 我第一反应是做一个computed属性监控这个输入框的值,一旦监控发现值为空,我就重新执行一遍请求的方法. <el-col :xs="8" :sm="8" :md="4" :lg="4" :xl="4"> <el-input v-model=

如何快速掌握一门技术【婴儿最强学习回头看一看】

分享一篇以前看到的文章,也为了以后找着方便. 几周前一个朋友也打算通过跑步来甩一甩脂肪,控制一下自己那已经严重扭曲了的身材 —— 他便求教我从衣服到鞋,从腕表到心率带,都买了什么装备,性能如何,他好照着原样来一套.我告诉他我什么装备都没买,跑了半年多了,我还是随便套上件纯棉的T恤,穿条舒服的运动短裤,蹬着跑鞋,抓着手机,就这么跑将起来.他连连说不信,一个连排汗速干的衣服,臂包,运动腕表都没配的人,怎么也能(配得上)跑步? 这让我想起了我在撰写「程序人生」公众号经常会遇到的一些读者留言: 「我想学

2019年Python爬虫学习必看

如果你用Python3写爬虫,强力推荐<Python网络数据采集>这本书,应该是目前最系统最完善介绍python爬虫的书.可以去图灵社区买电子版.书的内容很新也很系统,从beautifulSoup,requests到ajax,图像识别,单元测试.比起绝大多数blog零散的教程要好的多,看完书后就可以去做些实战项目,这个时候可以去github上找类似的项目借鉴下.图灵社区 : 图书:<Python网络数据采集>国内也有一本讲爬虫的好书,<自己动手写网络爬虫>,这本书除了介

iOS动画详解(学习动画看这一篇就够了)

iOS动画详解(学习动画看这一篇就够了) 一.基础知识 CAAnimation.png 二.CABasicAnimation 1. 动画的属性和解释 2.属性值的解释 repeatCount : 如果在swift中需要一直不断重复:Float.infinity,OC:HUGE_VALF timingFunction: timingFunction.png kCAMediaTimingFunctionLinear--在整个动画时间内动画都是以一个相同的速度来改变.也就是匀速运动.一个线性的计时函数

Cocos2d-x 3.1.1 学习日志13--CocosStudio学习必看

听说Cocos Studio很久了,主要是因为骨骼动画.目前看来Cocos2d-x播放动画的方式只有2种: 第一种:是播放序列帧动画,即将动画的每一帧都加载进缓存里,需要播放时再使用Animation类来播放,这种方法简单暴力,应对一些细节要求低的动画场景的时候,这么干无伤大雅.但是当动画帧数稍高的时候就会需要大量的图片,消耗资源很大. 第二种:是由Cocos2d-x提供的Action类来播放动画,这种动画是在帧循环中靠调整每次渲染的坐标来打到动画效果,由于帧循环是1/60秒刷新一次,会让这样播

[转]关于深度学习,看这一篇就够了

关于深度学习,看这一篇就够了 原文地址:http://www.dlworld.cn/XueXiSuanFa/13.html [日期:2016-04-26] 来源:36氪  作者: [字体:大 中 小] 编者按:本文作者王川,投资人,中科大少年班校友,现居加州硅谷,个人微信号9935070,36 氪经授权转载自其个人微信公众号 investguru. 一 2016 年一月底,人工智能的研究领域,发生了两件大事. 先是一月二十四号,MIT 的教授,人工智能研究的先驱者,Marvin Minsky 去

从友盟微社区看Android第三方SDK架构实践【转载】

从友盟微社区看Android第三方SDK架构实践[转载] “先写在前面吧,本来想通过链接来转载这篇文章,发现没找到有相关的按钮.上网查了一下,都说博客园没有这功能.我在博客园也有一段时间了,鼓励原创是必须的,不过适当的转载也算是一种将有价值的文章进行分享的方式,不知道以后会不会支持呢!” 原文链接:http://www.csdn.net/article/2015-05-08/2824648-micro-community 摘要:第三方SDK的开发需要考虑很多因素,比如稳定性.灵活性等,并且还要做

看小说与写小说

大学时期,我很痴迷于看小说,曾经有一段时间,从白天到夜深,我除了吃饭,就只在看小说. 看的是网络小说,什么玄幻.武侠.言情,我几乎都翻了个遍,一直到大三下半年,一直读到觉得已经无书可看,小说已无新意时,才停止了这种行为. 往后几年,也只是偶尔看起,也持续不久,难有那种最初的激情. 到了上班后,看小说的时间就更少了,除了已经熟知小说的套路外,还有觉得这些网络小说并没有什么价值.所说的价值,其实就是对个人的提升,以前常常觉得读小说很爽,很带感,但爽过之后,就没留下什么. 绝大多数的书只能为了迎合读者