| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <!DOCTYPE html>
- <html lang = "en">
- <head>
- <meta charset = "UTF-8">
- <title>CloudSql_首页</title>
- </head>
- <link rel = "stylesheet" type = "text/css" href = "css/Default.css">
- <body>
- <div class = "container">
- <!-- 顶部导航栏 -->
- <div class = "header">
- <div class = "header_column">
- <i class = "mdui-icon material-icons" id="icon">menu</i>
- <a href = "">CloudSQL Admin Panel</a>
- </div>
- <div class = 'header_icon'>
- <a href = ""><i class = "mdui-icon material-icons">exit_to_app</i></a>
- </div>
- </div>
- <!-- body -->
- <div class = 'body'>
- <!-- 左侧导航栏 -->
- <div id="sidebar">
- <div class = 'row'>
- <i class = "mdui-list-item-icon mdui-icon material-icons">view_list</i>
- <p class = 'p_database'>数据库列表</p>
- </div>
- <div class = 'row'>
- <i class = "mdui-list-item-icon mdui-icon material-icons">person</i>
- <p class = 'p_user'>用户列表</p>
- </div>
- <div class = 'row'>
- <i class = "mdui-list-item-icon mdui-icon material-icons">info</i>
- <p class = 'p_about'>关于</p>
- </div>
- </div>
- <!-- 页面导航 -->
- <div class = "main">
- <div class = "main_row">
- <!-- 用户列表导航 -->
- <div class = "col_user">
- <div class = "icon">
- <i class = "mdui-list-item-icon mdui-icon material-icons">person</i>
- </div>
- <div class = "col_text">
- <div class = "user_text">用户数量</div>
- <div class = "user_number">244</div>
- </div>
- </div>
- <!-- 数据库列表导航 -->
- <div class = "col_database">
- <div class = "icon">
- <i class = "mdui-list-item-icon mdui-icon material-icons">view_list</i>
- </div>
- <div class = "col_text">
- <div class = "database_text">数据库数量</div>
- <div class = "database_number">1360</div>
- </div>
- </div>
- <!-- 服务状态导航 -->
- <div class = "col_service">
- <div class = "icon">
- <i class = "mdui-list-item-icon mdui-icon material-icons">cloud</i>
- </div>
- <div class = "col_text">
- <div class = "service_text">服务状态</div>
- <div class = "service_number">正常</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
- <script src="js/Default.js" type="text/javascript"></script>
- </body>
- </html>
|
