一点一点拆轮子---网盘资源搜索页面

rodster

为了照顾群众，从浅入深，从易到难
我们就从这个源码 汇通网盘搜索引擎.rar (151.73 KB, 下载次数: 0)

2016-12-25 16:17 上传

点击文件名下载附件

入手（HTML+little js）。感谢@loser提供的源码，虽然是从合购扒来的源码里面每个页面基本上都有广告，我也无意去除它，毕竟人家作者写了这玩意，总要有点收益啊！
提到拆轮子，看代码，肯定得推荐点工具啊！
在这里我推荐webstorm、source insight和notepad++
webstorm不必提它，前端神器，跨平台的。
我们解压压缩包，然后在webstorm上打开它，这里会出现中文乱码，因为它的代码编码为gbk2312
，
file ----->  settings--->editors-->File Encodings此处改为GBK
就可以解决中文乱码问题了。因为左上角默认IDE整个环境和项目都是utf-8编码，所以要改。

好，现在我们正式开始分析代码，html代码很简单，所以也不会太详细，相信有点html基础都应该看得懂
一般来说，简单的网站程序分析都可以从网站入口处开始，一般为index文件。
那么此处就是index.html
我也不想直接把代码贴出来，那样就没意义了，还不如大家自己看呢，还不用看我BB。
我喜欢把网站的结构图或者大概结构描述/画出来，这样更加清晰，也不用看代码忘代码又回过头看代码反反复复。红红火火恍恍惚惚
index.html文件结构大致如下
------------------------------------------------------------------我是淫荡分割线-----------------------------------------------------------
标签
外部链接
<form action="s.html"id="cse-search-box" target="_blank">表单（重要部分），这个页面其实就是干了这件事，其余广告之类的尽皆可以忽略。
  <div>
    <input type="hidden" name="cx" value="011351791383603448606:h6i1vy9bm9a" />
    <input type="hidden" name="cof" value="forid:10" />
    <input type="hidden" name="ie" value="gb2312" />
    <input type="text" name="q" class="s_tx" />
    <input type="submit" name="sa" value="搜索" class="s_bo" />
  </div>
</form>像同目录下的s.html发送了表单数据
广告代码
友情链接
--------------------------------------------------------------------我是淫荡分割线---------------------------------------------------
像s.html发送如下数据
s.html?cx=011351791383603448606%3Ah6i1vy9bm9a&cof=forid%3A10&ie=gb2312&q=2333&sa=%CB%D1%CB%F7

然后s.html接受到表单后，用谷歌进行搜索

看s.html代码就知道了，用的是谷歌自定义搜索API

<div class="con">
       <div style="text-align:center">
                   <div id="cse-search-results"></div>
                   <script type="text/javascript">
                     var googleSearchIframeName = "cse-search-results";
                     var googleSearchFormName = "cse-search-box";
                     var googleSearchFrameWidth = 800;
              var googleSearchResizeIframe = true;
                     var googleSearchDomain = "www.google.com";
                     var googleSearchPath = "/cse";
                   </script>
                   <script type="text/javascript" src="http://www.google.com/afsonline/show_afs_search.js"></script>//这是引入广告的js代码。。妈的，干货不多广告倒是很多的嘛
               <br>
       </div>   
   </div>
这里定义了一个谷歌搜索结果页面，将结果显示在里面 详情请看官方文档https://developers.google.com/custom-search/docs/element

所以说什么特么的网盘搜索源码，就特么一个谷歌自定义API，谷歌又被墙，这种源码就该进历史的垃圾堆，竟然还有人发出来，WTF!!!!!

又看了一下其他的文件，大多都是一堆广告然后嵌着谷歌自定义API，这特么的就是一个糊弄人帮他点广告的东西
综上所述真特么坑！竟然还有碧莲发出来



好吧 这次我也坑了，下次来分析更精彩点的代码