[奇妙盒子]将图片网站转为原生App

By | 2020年8月6日

功能简介


在手机上通过浏览器访问一个图片网站往往体验都很糟糕。一方面大多数网站都有烦人的广告,稍有不慎就跳转到一个莫名其妙的地方。另一方面有些网站内容多而杂,要进到你感兴趣的版块往往要经过多次点击。甚至还有少数网站还没有适配手机页面。所以我有了这样一个想法。通过爬虫技术将网站指定模块的数据模型保存下来。然后在手机端通过一个原生的列表来展示爬取的数据。图片列表浏览器支持手指滑动来切换图片,长按保存。

效果预览


 

工程设计逻辑


第一步: 点击“网页解析”输入图片网址。等待菊花转完之后可以在底部看到自动识别出来的列表(建议双击修改你需要那一列表名称,后续赋值会更快速的找到它)

第二步:设置翻页。如果这个图片网站的列表是支持翻页的。一般都会有一个固定的链接格式。比如这个网站翻到第二页之后网址变为 https://www.nanrenwo.net/tupian/baoxiaoqutu/list_40_2.html ,可以很明显的看出页码就是链接最后那一个数字。所以在设置翻页后面的链接中填写https://www.nanrenwo.net/tupian/baoxiaoqutu/list_40_{+page}.html (表示page是可变的外部变量,由控制器自己计算)

第三步:点击列表的指定图片会跳转到新的页面,新页面会展示所有详情图片。详情页的链接就是上个页面图片列表中的”link1″ 。我们需要填写动态路径,即由上一页传过来的link部分。比如当前链接是 https://www.nanrenwo.net/tupian/165869.html 那么动态路径就填写  /tupian/165869.html。表示将后面这部分改为可以替换的部分。

到此为止数据部分就完成了,接下来就是将数据赋值到指定控件上了。目前暂时只支持列表和网格列表两种控件来展示网页列表数据。同学们可以按需设置

工程包地址 趣图

发表评论

电子邮件地址不会被公开。 必填项已用*标注