修改Demo页面

500ac032 · zhang.xin · 43b7ef2b · 43b7ef2b · 500ac032 · 500ac032
4 changed file
--- a/skywalking-webui/demo/image/logo.png
+++ b/skywalking-webui/demo/image/logo.png
--- a/skywalking-webui/demo/index.html
+++ b/skywalking-webui/demo/index.html
 <!DOCTYPE html>
 <html lang="zh-CN">
+
 <head>
  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
  <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="./node_modules/jquery/dist/jquery.min.js"></script>
  <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 </head>
+
 <body>
-  <div class="navbar navbar-default">
-      <div class="container">
-        <div class="navbar-header">
-          <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
-            <span class="sr-only">Toggle navigation</span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-            <span class="icon-bar"></span>
-          </button>
-          <a onclick="javascript:void(0);" href="#" class="navbar-brand hidden-sm">Skywalking-系统守望者</a>
-        </div>
-        <div role="navigation" class="navbar-collapse collapse">
-          <ul class="nav navbar-nav navbar-right hidden-sm">
-            <li>
-              <a onclick="javascript:void(0);" href="./login.html"><ins>Sign In</ins></a>
-            </li>
-            <li>
-              <a onclick="javascript:void(0);" href="#"><ins>Sign up</ins></a>
-            </li>
-          </ul>
-        </div>
+  <div class="navbar">
+    <div class="container">
+      <div class="navbar-header">
+        <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
+          <span class="sr-only">Toggle navigation</span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+          <span class="icon-bar"></span>
+        </button>
+      </div>
+      <div role="navigation" class="navbar-collapse collapse">
+        <ul class="nav navbar-nav navbar-right hidden-sm">
+          <li>
+            <a onclick="javascript:void(0);" href="./login.html"><ins>sign in</ins></a>
+          </li>
+          <li>
+            <a onclick="javascript:void(0);" href="#"><ins>sign up</ins></a>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+  <div class="container-fluid">
+    <div class="row">
+      <div class="col-md-4 col-md-offset-4" style="width:500px;height:200px;">
+        <img width="500px" src="./image/logo.png" class="img-responsive center-block" />
      </div>
    </div>
-    <div class="container-fluid">
-      <div class="row">
-        <div class="col-sm-6 col-md-4 col-md-offset-4">
-          <img src="./image/logo.png" class="img-responsive center-block"/>
-        </div>
-        <div class="row">
-          <img
-        </div>
-        <div class="input-group col-sm-6 col-md-6 col-md-offset-3 col-xs-4">
-            <input type="text" class="form-control">
-            <a class="input-group-addon btn btn-primary" href="./searchResult.html">搜索</a>
-        </div>
+    <div class="row">
+      <div class="input-group col-md-6 col-md-offset-3 ">
+        <input width="500px" type="text" class="form-control">
+        <a class="input-group-addon btn btn-primary" href="./searchResult.html">搜索</a>
      </div>
    </div>
+  </div>
 </body>
+
 </html>
--- a/skywalking-webui/demo/login.html
+++ b/skywalking-webui/demo/login.html
@@ -8,7 +8,7 @@
  <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
 </head>
 <body>
-  <div class="navbar navbar-default">
+  <div class="navbar">
      <div class="container">
        <div class="navbar-header">
          <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">

--- a/skywalking-webui/demo/searchResult.html
+++ b/skywalking-webui/demo/searchResult.html
@@ -6,54 +6,84 @@
  <link href="./node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <script src="./node_modules/jquery/dist/jquery.min.js"></script>
  <script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
+  <style>
+    .loginIco{
+      width:160px;
+      height:50px;
+    }
+  </style>
 </head>
 <body>
    <div class="container-fluid">
      <div class="row" style="margin-top:10px">
-        <div class="col-md-1">
-          <a href="#" class="thumbnail" >
+        <div class="col-md-1 col-xs-6 loginIco">
+          <a href="#">
            <img src="./image/logo.png" class="img-responsive center-block"/>
          </a>
        </div>
-        <div class="col-md-6">
+        <div class="col-md-6 col-xs-6" style=" margin-top:8px;">
            <div class="input-group">
              <input type="text" class="form-control">
              <span class="input-group-addon btn btn-primary">搜索</span>
            </div>
        </div>
+        <div class="col-md-2 col-md-offset-2">
+          <ul class="nav navbar-nav navbar-right hidden-sm">
+            <li>
+              <a onclick="javascript:void(0);" href="./login.html"><ins>sign in</ins></a>
+            </li>
+            <li>
+              <a onclick="javascript:void(0);" href="#"><ins>sign up</ins></a>
+            </li>
+          </ul>
+        </div>
      </div>
      <hr/>
      <div class="container">
        <div class="row">
-          <div class="row">
-            <a>Http://www.baidu.com</a>
+          <div class="col-md-8">
+            <div class="row">
+              <h4><a>http://localhost:8080/ordersave</a></h4>
+              <p>http://localhost:8080/ordersave<br/>
+                &nbsp;&nbsp;com.ai.test.controller.com.ai.test.controllersaveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                ....
+              </p>
+              <p style="font-color">2016年03月已经被调用100次，成功100次，失败0次 <a class="pull-right"><ins>more</ins></a></p>
+              <hr/>
+            </div>
+            <div class="row">
+              <h4><a>http://localhost:8080/ordersave</a></h4>
+              <p>http://localhost:8080/ordersave<br/>
+                &nbsp;&nbsp;com.ai.test.controller.com.ai.test.controllersaveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                ....
+              </p>
+              <p style="font-color">2016年03月已经被调用100次，成功100次，失败0次 <a class="pull-right"><ins>more</ins></a></p>
+              <hr/>
+            </div>
+            <div class="row">
+              <h4><a>http://localhost:8080/ordersave</a></h4>
+              <p>http://localhost:8080/ordersave<br/>
+                &nbsp;&nbsp;com.ai.test.controller.com.ai.test.controllersaveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; com.ai.test.controller.saveOrder()<br/>
+                &nbsp;&nbsp;com.ai.test.controller.saveOrder()<br/>
+                ....
+              </p>
+              <p style="font-color">2016年03月已经被调用100次，成功100次，失败0次 <a class="pull-right"><ins>more</ins></a></p>
+              <hr/>
+            </div>
          </div>
-          <div class = "row">
-            HHHHHHHH
+          <div class="col-md-4">
+            afafdasd
          </div>
        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-        <div class="row">
-          HJHHH
-        </div>
-      </div>
+        <hr/>
    </div>
 </body>
 </html>