Commit 500ac032 authored by zhang.xin's avatar zhang.xin
Browse files

修改Demo页面

parent 43b7ef2b

skywalking-webui/demo/image/logo.png

+972 B (69.8 KiB)
Loading image diff...

skywalking-webui/demo/index.html

+35 −34
Original line number Diff line number Diff line 
<!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" />
@@ -7,8 +8,9 @@ 
  <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="navbar">

    <div class="container">

      <div class="navbar-header">

        <button data-target=".navbar-collapse" data-toggle="collapse" type="button" class="navbar-toggle collapsed">
@@ -17,15 +19,14 @@ 
          <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>

            <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>

            <a onclick="javascript:void(0);" href="#"><ins>sign up</ins></a>

          </li>

        </ul>

      </div>
@@ -33,17 +34,17 @@ 
  </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 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 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">

    <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>

skywalking-webui/demo/login.html

+1 −1
Original line number Diff line number Diff line
@@ -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">

skywalking-webui/demo/searchResult.html

+59 −29
Original line number Diff line number Diff line
@@ -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="col-md-8">

            <div class="row">

            <a>Http://www.baidu.com</a>

          </div>

          <div class = "row">

            HHHHHHHH

          </div>

        </div>

        <div class="row">

          HJHHH

        </div>

        <div class="row">

          HJHHH

        </div>

        <div class="row">

          HJHHH

              <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">

          HJHHH

              <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">

          HJHHH

              <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">

          HJHHH

          </div>

        <div class="row">

          HJHHH

          <div class="col-md-4">

            afafdasd

          </div>

        </div>

        <hr/>

    </div>

</body>

</html>