大致成型```

data/item0.txt

@@ -0,0 +1,40 @@
+{
+    "title": "Windows",
+    "total": 3,
+    "data": [
+        {
+            "name": "Adobe Dreamweaver CC 2016",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页设计",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-1"
+        },
+        {
+            "name": "Adobe Dreamweaver CC 2015",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-9"
+        },
+        {
+            "name": "Adobe Dreamweaver CC 2014",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页切图",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-5"
+        }
+    ]
+}

data/item1.txt

@@ -0,0 +1,39 @@
+{
+    "title": "Android",
+    "total": 3,
+    "data": [
+        {
+            "name": "Adobe xxxx CC 2016",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-13"
+        },
+        {
+            "name": "Adobe xxxxx CC 2016",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-12"
+        },
+        {
+            "name": "Adobe xxxxx CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-14"
+        }
+    ]
+}

data/item2.txt

@@ -0,0 +1,40 @@
+{
+    "title": "Mac",
+    "total": 3,
+    "data": [
+        {
+            "name": "Adobe qqqqqq CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-21"
+        },
+        {
+            "name": "Adobe deaqqqqqqqmweaver CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-22"
+        },
+        {
+            "name": "Adobe qqqqqqqqqqqqqqqqqqq CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-23"
+        }
+    ]
+}

data/item3.txt

@@ -0,0 +1,40 @@
+{
+    "title": "iOS",
+    "total": 3,
+    "data": [
+        {
+            "name": "Adobe aaaaaaaaaaaaaa CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-22"
+        },
+        {
+            "name": "Adobe ttttttttttttttttttttttttt CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "baidu": "http://baidu.com/image/cache/catalog/demo/40_1-47x47.jpg",
+                "s360": "http://360.cn/image/cache/catalog/demo/40_1-47x47.jpg",
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-21"
+        },
+        {
+            "name": "Adobe tttttttttttttttttttttttttttttttttttttttt CC 20163",
+            "body": "这个是软件简介",
+            "other": "这个是其他信息",
+            "type": "网页制作",
+            "url": {
+                "local": "/demo/40_1-47x47.jpg"
+            },
+            "times": "2016-3-23"
+        }
+    ]
+}

data/win.txt

@@ -1,10 +0,0 @@
-  {
-      "engine": 5,
-      "browser": 4,
-      "platform": {
-         "inner": 3
-      },
-      "details": [
-        "1", "2"
-     ]
-  }

index.html

@@ -1,440 +0,0 @@
-<!doctype html>
-<html class="no-js">
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="description" content="">
-    <meta name="keywords" content="">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>软件大全 - 追风逐雨</title>
-
-    <!-- Set render engine for 360 browser -->
-    <meta name="renderer" content="webkit">
-
-    <!-- No Baidu Siteapp-->
-    <meta http-equiv="Cache-Control" content="no-siteapp"/>
-
-    <link rel="icon" type="image/png" href="assets/i/favicon.png">
-
-    <!-- Add to homescreen for Chrome on Android -->
-    <meta name="mobile-web-app-capable" content="yes">
-    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
-
-    <!-- Add to homescreen for Safari on iOS -->
-    <meta name="apple-mobile-web-app-capable" content="yes">
-    <meta name="apple-mobile-web-app-status-bar-style" content="black">
-    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
-    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
-
-    <!-- Tile icon for Win8 (144x144 + tile color) -->
-    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
-    <meta name="msapplication-TileColor" content="#0e90d2">
-
-    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
-    <!--
-    <link rel="canonical" href="http://www.example.com/">
-    -->
-
-    <link rel="stylesheet" href="assets/css/amazeui.min.css">
-    <link rel="stylesheet" href="assets/css/app.css">
-    <link rel="stylesheet" href="assets/css/amazeui.datatables.min.css">
-  </head>
-  <body>
-    <!--[if lte IE 9]>
-    <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a
-      href="http://browsehappy.com/" target="_blank">升级浏览器</a>
-      以获得更好的体验！</p>
-    <![endif]-->
-
-    <!-- 页面内容开始-->
-    <header data-am-widget="header" class="am-header am-header-default" data-am-sticky>
-      <div class="am-header-left am-header-nav">
-        <a href="#left-link" class="" data-am-offcanvas="{target: '#left-link', effect: 'push'}">
-          <i class="am-header-icon am-icon-bars"></i>
-        </a>
-      </div>
-
-      <h1 class="am-header-title">
-        <a href="#title-link" class="">
-          软件云集
-        </a>
-      </h1>
-
-      <div class="am-header-right am-header-nav">
-        <a href="/" class="">
-          <i class="am-header-icon am-icon-home"></i>
-        </a>
-      </div>
-    </header>
-    <div id="left-link" class="am-offcanvas">
-      <div class="am-offcanvas-bar">
-        <div class="am-offcanvas-content">
-          <p>
-            这是追风逐雨博主自用软件的集合<br/>
-            初衷只为方便博主<br/>
-            以后如何以后再说
-          </p>
-        </div>
-      </div>
-    </div>
-    <div data-am-widget="tabs" class="am-tabs am-tabs-default">
-      <ul class="am-tabs-nav am-cf">
-        <li class="am-active"><a href="[data-tab-panel-0]">Windows</a></li>
-        <li class=""><a href="[data-tab-panel-1]">Android</a></li>
-        <li class=""><a href="[data-tab-panel-2]">MAC</a></li>
-        <li class=""><a href="[data-tab-panel-3]">iOS</a></li>
-      </ul>
-      <div class="am-tabs-bd">
-        <div data-tab-panel-0 class="am-tab-panel am-active">
-          <table width="100%" class="am-table am-table-striped am-table-bordered am-table-compact am-text-nowrap" id="Windows">
-            <thead>
-              <tr>
-                <th>软件名称</th>
-                <th>简介</th>
-                <th>其他</th>
-                <th>下载</th>
-                <th>日期</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td>1Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>网页三剑客硕果仅存的NX工具...</li></td>
-                <td>s已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-18</td>
-              </tr>
-              <tr>
-                <td>2Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>4网页三剑客硕果仅存的NX工具1</td>
-                <td>d已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <div data-tab-panel-1 class="am-tab-panel ">
-          <table width="100%" class="am-table am-table-striped am-table-bordered am-table-compact am-text-nowrap" id="Android">
-            <thead>
-              <tr>
-                <th>名称</th>
-                <th>简介</th>
-                <th>其他</th>
-                <th>下载</th>
-                <th>日期</th>
-              </tr>
-            </thead>
-            <!--tfoot>
-              <tr>
-                <th>软件名称</th>
-                <th>简介</th>
-                <th>官网</th>
-                <th>下载</th>
-                <th>其他信息</th>
-              </tr>
-            </tfoot-->
-            <tbody>
-              <tr>
-                <td>1Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>网页三剑客硕果仅存的NX工具</td>
-                <td>s已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-18</td>
-              </tr>
-              <tr>
-                <td>2Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>4网页三剑客硕果仅存的NX工具</td>
-                <td>d已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <div data-tab-panel-2 class="am-tab-panel ">
-          <table width="100%" class="am-table am-table-striped am-table-bordered am-table-compact am-text-nowrap" id="MAC">
-            <thead>
-              <tr>
-                <th>名称</th>
-                <th>简介</th>
-                <th>其他</th>
-                <th>下载</th>
-                <th>日期</th>
-              </tr>
-            </thead>
-            <!--tfoot>
-              <tr>
-                <th>软件名称</th>
-                <th>简介</th>
-                <th>官网</th>
-                <th>下载</th>
-                <th>其他信息</th>
-              </tr>
-            </tfoot-->
-            <tbody>
-              <tr>
-                <td>1Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>网页三剑客硕果仅存的NX工具</td>
-                <td>s已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-18</td>
-              </tr>
-              <tr>
-                <td>2Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>4网页三剑客硕果仅存的NX工具</td>
-                <td>d已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-        <div data-tab-panel-3 class="am-tab-panel ">
-          <table width="100%" class="am-table am-table-striped am-table-bordered am-table-compact am-text-nowrap" id="iOS">
-            <thead>
-              <tr>
-                <th>名称</th>
-                <th>简介</th>
-                <th>其他</th>
-                <th>下载</th>
-                <th>日期</th>
-              </tr>
-            </thead>
-            <!--tfoot>
-              <tr>
-                <th>软件名称</th>
-                <th>简介</th>
-                <th>官网</th>
-                <th>下载</th>
-                <th>其他信息</th>
-              </tr>
-            </tfoot-->
-            <tbody>
-              <tr>
-                <td>1Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>网页三剑客硕果仅存的NX工具</td>
-                <td>s已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-18</td>
-              </tr>
-              <tr>
-                <td>2Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>4网页三剑客硕果仅存的NX工具</td>
-                <td>d已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>3Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>5网页三剑客硕果仅存的NX工具</td>
-                <td>f已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-26</td>
-              </tr>
-              <tr>
-                <td>4Adobe Dreamweaver CC 2016 绿色便携版</td>
-                <td>7网页三剑客硕果仅存的NX工具</td>
-                <td>g已集成破解文件,无须注册.</td>
-                <td class="center"><a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a></td>
-                <td class="center">2016-03-22</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </div>
-
-
-
-
-    <!-- 页面内容结束-->
-
-    <!--[if lt IE 9]>
-    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
-    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
-    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
-    <![endif]-->
-
-    <!--[if (gte IE 9)|!(IE)]><!-->
-    <script src="assets/js/jquery.min.js"></script>
-    <!--<![endif]-->
-    <script src="assets/js/amazeui.min.js"></script>
-    <script src="assets/js/amazeui.datatables.min.js"></script>
-    <script src="assets/js/dataTables.responsive.min.js"></script>
-    <script>
-      jQuery.extend(jQuery.fn.dataTableExt.oSort, {
-        "chinese-string-asc": function (s1, s2) {
-          return s1.localeCompare(s2);
-        },
-        "chinese-string-desc": function (s1, s2) {
-          return s2.localeCompare(s1);
-        }
-      });
-      //$('#example').DataTable();
-      $('#Windows,#Android,#MAC,#iOS').DataTable({
-      data:   [
-        {
-            "name":       "Tiger Nixon",
-            "position":   "System Architect",
-            "start_date": "2011/04/25",
-            "office":     "Edinburgh",
-            "extn":       '<a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> <a href="#" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> <a href="#" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a>'
-        },
-        {
-            "name": "Garrett Winters",
-            "position": "Director",
-            "start_date": "2011/07/25",
-            "office": "Edinburgh",
-            "extn": "8422"
-        },
-    ],
-	  "columns": [
-        { "data": "name" },
-        { "data": "position" },
-        { "data": "office" },
-        { "data": "extn" },
-        { "data": "start_date" },
-    ],
-        responsive: true,
-        paging: false,
-        dom: 't',
-        order: [[4, 'desc'], [0, 'asc']],
-        columnDefs: [
-          {type: 'chinese-string', targets: '0'},
-          {targets: [1,2,3], orderable: false}
-          //{targets: 2, visible: false}
-        ]
-      });
-      $(function () {
-        $('#download-tabs').tabs();
-      })
-    </script>
-  </body>
-</html>

index.php

@@ -0,0 +1,172 @@
+<?php
+for ($i=0; $i < 4; $i++) { 
+  $items[$i] = json_decode(file_get_contents("data/item".$i.".txt"));
+}
+?>
+<!doctype html>
+<html class="no-js">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="description" content="">
+    <meta name="keywords" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>软件大全 - 追风逐雨</title>
+
+    <!-- Set render engine for 360 browser -->
+    <meta name="renderer" content="webkit">
+
+    <!-- No Baidu Siteapp-->
+    <meta http-equiv="Cache-Control" content="no-siteapp"/>
+
+    <link rel="icon" type="image/png" href="assets/i/favicon.png">
+
+    <!-- Add to homescreen for Chrome on Android -->
+    <meta name="mobile-web-app-capable" content="yes">
+    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">
+
+    <!-- Add to homescreen for Safari on iOS -->
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black">
+    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
+    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
+
+    <!-- Tile icon for Win8 (144x144 + tile color) -->
+    <meta name="msapplication-TileImage" content="assets/i/app-icon72x72@2x.png">
+    <meta name="msapplication-TileColor" content="#0e90d2">
+
+    <!-- SEO: If your mobile URL is different from the desktop URL, add a canonical link to the desktop page https://developers.google.com/webmasters/smartphone-sites/feature-phones -->
+    <!--
+    <link rel="canonical" href="http://www.example.com/">
+    -->
+
+    <link rel="stylesheet" href="assets/css/amazeui.min.css">
+    <link rel="stylesheet" href="assets/css/app.css">
+    <link rel="stylesheet" href="assets/css/amazeui.datatables.min.css">
+  </head>
+  <body>
+    <!--[if lte IE 9]>
+    <p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a
+      href="http://browsehappy.com/" target="_blank">升级浏览器</a>
+      以获得更好的体验！</p>
+    <![endif]-->
+
+    <!-- 页面内容开始-->
+    <header data-am-widget="header" class="am-header am-header-default" data-am-sticky>
+      <div class="am-header-left am-header-nav">
+        <a href="#left-link" class="" data-am-offcanvas="{target: '#left-link', effect: 'push'}">
+          <i class="am-header-icon am-icon-bars"></i>
+        </a>
+      </div>
+      <h1 class="am-header-title">
+        <a href="#title-link" class="">
+          软件云集
+        </a>
+      </h1>
+      <div class="am-header-right am-header-nav">
+        <a href="/" class="">
+          <i class="am-header-icon am-icon-home"></i>
+        </a>
+      </div>
+    </header>
+    
+    <div id="left-link" class="am-offcanvas">
+      <div class="am-offcanvas-bar">
+        <div class="am-offcanvas-content">
+          <p>
+            这是追风逐雨博主自用软件的集合<br/>
+            初衷只为方便博主<br/>
+            以后如何以后再说
+          </p>
+        </div>
+      </div>
+    </div>
+    
+    <div data-am-widget="tabs" class="am-tabs am-tabs-default">
+      <ul class="am-tabs-nav am-cf">
+      <?php for ($i = 0; $i < count($items); $i++) { ?>
+        <li class="<?php if($i==0) {echo 'am-active'; } ?>"><a href="[data-tab-panel-<?php echo $i ?>]"><?php echo $items[$i]->title; ?></a></li>
+      <?php } ?>
+      </ul>
+      <div class="am-tabs-bd">
+      <?php for ($i = 0; $i < count($items); $i++) { ?>
+        <div data-tab-panel-<?php echo $i ?> class="am-tab-panel <?php if($i==0) {echo 'am-active'; } ?>">
+          <table width="100%" class="am-table am-table-striped am-table-bordered am-table-compact am-text-nowrap" id="<?php echo $items[$i]->title; ?>">
+            <thead>
+              <tr>
+                <th>软件名称</th>
+                <th>日期</th>
+                <th>分类</th>
+                <th>介绍</th>
+                <th>下载</th>
+              </tr>
+            </thead>
+            <tbody>
+            <?php foreach ($items[$i]->data as $key) { ?>
+              <tr>
+                <td><?php echo $key->name; ?></td>
+                <td class="center"><?php echo $key->times; ?></td>
+                <td><?php echo $key->type; ?></td>
+                <td><?php echo $key->body; ?></td>
+                <td class="center">
+                <?php if(isset($key->url->baidu) && $key->url->baidu != '') { ?>
+                  <a href="<?php echo $key->url->baidu; ?>" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 百度网盘</a> 
+                <?php } ?>
+                <?php if(isset($key->url->s360) && $key->url->s360 != '') { ?>
+                  <a href="<?php echo $key->url->s360; ?>" class="am-btn am-btn-success am-radius am-btn-xs"><i class="am-icon-cloud-download"></i> 360网盘</a> 
+                <?php } ?>
+                <?php if(isset($key->url->local) && $key->url->local != '') { ?>
+                  <a href="<?php echo $key->url->local; ?>" class="am-btn am-btn-warning am-radius am-btn-xs"><i class="am-icon-download"></i> 本地下载</a>
+                <?php } ?>
+                </td>
+                
+              </tr>
+            <?php } ?>
+            </tbody>
+          </table>
+        </div>
+      <?php } ?>
+      </div>
+    </div>
+    <!-- 页面内容结束-->
+
+    <!--[if lt IE 9]>
+    <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
+    <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
+    <script src="assets/js/amazeui.ie8polyfill.min.js"></script>
+    <![endif]-->
+
+    <!--[if (gte IE 9)|!(IE)]><!-->
+    <script src="assets/js/jquery.min.js"></script>
+    <!--<![endif]-->
+    <script src="assets/js/amazeui.min.js"></script>
+    <script src="assets/js/amazeui.datatables.min.js"></script>
+    <script src="assets/js/dataTables.responsive.min.js"></script>
+    <script>
+      jQuery.extend(jQuery.fn.dataTableExt.oSort, {
+        "chinese-string-asc": function (s1, s2) {
+          return s1.localeCompare(s2);
+        },
+        "chinese-string-desc": function (s1, s2) {
+          return s2.localeCompare(s1);
+        }
+      });
+      //$('#example').DataTable();
+
+      $('<?php for ($i = 0; $i < count($items); $i++) { echo ($i==0) ? '#'.$items[$i]->title : ', #'.$items[$i]->title; }?>').DataTable({
+        responsive: true,
+        paging: false,
+        dom: 't',
+        order: [[1, 'desc'], [2, 'asc']],
+        columnDefs: [
+          {type: 'chinese-string', targets: '2'},
+          {targets: [0,3,4], orderable: false}
+          //{targets: 2, visible: false}
+        ]
+      });
+      $(function () {
+        $('#download-tabs').tabs();
+      })
+    </script>
+  </body>
+</html>