Python+Vue撸个小说站点
作者: dkvirus 发表于: 2018-10-02 10:43:33 最近更新: 2018-10-17 14:25:05

七品出新书《兵者》,九灯和善的《极品巫师》也更新了几百章。练习 python + vue 写个小说站点,无广告。代码托管在 github:py-novel,浏览器端在线访问地址:https://novel.dkvirus.top

一、服务端:Python 提供数据来源

笔趣阁网站上,http 请求返回是 html 字符串,使用 Python 在中间再处理一层,截取 html 字符串,用正则表达式获取需要的数据:小说名称、作者名、正文内容、上一章的 url、下一章的 url 等,最终返回的是 json 数据。

中间层处理的好处是:仅仅提供数据,无论是浏览器端,还是小程序端还是移动app端,拿到数据都可以自定义阅读页面的样式。

二、客户端:浏览器端

第一版浏览器端直接用原生 html+css 撸的,样子不要太丑,但功能 ok;

第二版使用 Vue + iview 对页面进行了优化,iview 里有栅格布局,顺便也做了手机浏览器端适配。

之前接触 Vue 接触的脚手架工具还是 vue-cli 2.0 版本,这次接触 3.0 版本,只要一个 .vue 文件就可以撸工程了,最简化,是我认知中最完美的脚手架工具,值得研究研究源码。

在做手机浏览器适配时发现一个问题:单页应用并不适合手机浏览器端。原因:退出手机浏览器端再次进入时会默认打开上一次遗留的网址,单页应用由于网址是不变的,并不会出现上一次阅读页面,这一点通过服务端渲染可以解决,路由由服务端控制。python + flask + jinja2 是下一阶段的任务,安排在小程序端后面做。

小说、目录页面

web端图示1

小说阅读页面

web端图示2

手机浏览器阅读页面

web端图示3

三、客户端:小程序端

在手机里看小说最常用两个入口:浏览器网页+阅读app。移动 app 还比较陌生,小程序还是比较熟悉,因此琢磨着可以整个小程序端入口。

已上线,微信中搜索 公羊阅读

公羊阅读

首页
友链
归档
dkvirus
动态
RSS