基于uniapp开发的小说阅读器 您所在的位置:网站首页 小说app翻页怎么做到的 基于uniapp开发的小说阅读器

基于uniapp开发的小说阅读器

2024-06-30 19:43| 来源: 网络整理| 查看: 265

uniapp 开发的H5端 APP端小说阅读器

缘起

学习uniapp有一年多,前期做过一个同城项目,后面工作忙,没有继续深入学习。2020年由于疫情的缘故,在家搁置时间过长,期间父亲大人迷上了小说,我就去网上找各种破解版小说APP给他。刚开始还好,看着看着软件强制更新了,就又给他找其他的破解APP,看一段时间又更新了。。。周而复始,后来就想为什么不自己弄一个呢,于是就有了今天这个项目。

主要功能

我主张一切从简,小说阅读器的主要功能:能看,能搜。无论是三岁小孩,还是八十老妪,打开就能懂如何使用。

界面设计

业余前端,不追求页面的极致,能看就行。

主页

分类页

书籍详情页

书籍阅读页

书架页

我的页

我的页没有实质性功能,没有登录操作。

制作期间去uniapp的插件市场观摩了其他大佬做的小说阅读器,本来是不想重复造轮子的,使用过程中发现了一些BUG,我无法解决,后来不得不自己造轮子了。

程序开发

鉴于自己都是前端小白,努力做到页面结构划分清晰,让人看着不乱,能自己扩展。所以组件我选用了官方组件,css纯手写。 页面内部js也有注释说明,能详尽详。

结语

经过半个月的努力,一套属于我自己的小说阅读器诞生了,uniapp可以打包成H5和APP。我自己买了个服务器,部署了H5端,运行了一段时间,自我感觉还好。1M的带宽,后台还要抓小说,正式站点就不放出来了。怕崩。

疑问:小说从哪里来?

百度 免费小说 会出来一堆网站,自己选一个反应快的界面不乱的广告少的网站进行抓取。 怎么抓取?

打包成APP的,可以参考uniapp插件里头的仔仔小说阅读器,直接前端抓取。 打包成H5形式的,有跨域问题,不能在前端抓取,需要有自己的后台进行抓。如果你会JAVA就用Java抓,会python就用python抓。 抓取技术Java我用的jsoup,会jquery就能分析出来界面结构。

采集之后的小说可以保存到自己的数据库中,这样页面基本是秒加载的。当然你可以不保存到库,页面打开的时候后台动态抓取,动态返回文章内容章节内容等。这样是做的一点好处就是:后台不用跑自动任务去更新小说章节;缺点:就是有点慢。目前我采用的是动态采集,孰优孰劣,自己取舍。

源码地址

开源中国: https://gitee.com/aper/iread/



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有