miduo_gm/src/main/resources/templates/index.html

<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org">
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="Bookmark" href="/favicon.ico"/>
    <link rel="Shortcut Icon" href="/favicon.ico"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="lib/html5shiv.js"></script>
    <script type="text/javascript" src="lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title th:text="${title}"></title>
</head>
<body>
<header class="navbar-wrapper">
    <div class="navbar navbar-fixed-top">
        <div class="container-fluid cl"><a class="logo navbar-logo f-l mr-10 hidden-xs">游戏管理平台</a>
            <a class="logo navbar-logo-m f-l mr-10 visible-xs">H-ui</a>
            <span class="logo navbar-slogan f-l mr-10 hidden-xs">v3.1</span>
            <a aria-hidden="false" class="nav-toggle Hui-iconfont visible-xs" href="javascript:;">&#xe667;</a>
            <nav class="nav navbar-nav navbar-userbar hidden-xs">
                <ul class="cl">
                    <li class="dropDown dropDown_hover">
                        <a href="#" id="sessions" class="dropDown_A"
                           style="color: green;background-color: #c6c6c6;font-weight: bolder;">0</a>
                        <ul id="sessionul" class="dropDown-menu menu radius box-shadow">
                        </ul>
                    </li>
                </ul>
            </nav>
            <nav id="Hui-userbar" class="nav navbar-nav navbar-userbar hidden-xs">
                <ul class="cl">
                    <li class="dropDown dropDown_hover">
                        <a href="#" class="dropDown_A"><span th:text="${admin.userName}"></span> <i
                                class="Hui-iconfont">&#xe6d5;</i></a>
                        <ul class="dropDown-menu menu radius box-shadow">
                            <!--<li><a href="javascript:;" onClick="myselfinfo()">个人信息</a></li>-->
                            <li><a href="/logout">切换账户</a></li>
                            <li><a href="" onclick="resetMyPwd()">修改密码</a></li>
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </div>
    </div>
</header>
<aside class="Hui-aside">
    <div class="menu_dropdown bk_2">
        <div th:each="pos:${sidebar}">
            <div th:each="key:${pos.getKey()}">
                <dl>
                    <dt>
                        <div th:if="${key.getId() == key.getBelong() && key.getShow() == 1}">
                            <i class="Hui-iconfont">&#xe60d;</i>
                            <span th:text="${key.getName()}"></span>
                            <i class="Hui-iconfont menu_dropdown-arrow">&#xe6d5;</i>
                        </div>
                    </dt>
                    <dd>
                        <ul>
                            <li th:each="value:${pos.getValue()}">
                                <a th:if="${value.getShow() == 1 && value.getUrl() != ''}"
                                   th:attr="data-href=${value.getUrl()}, data-title=${value.getName()}"
                                   href="javascript:;">
                                    <span th:text="${value.getName()}"></span>
                                </a>
                            </li>
                        </ul>
                    </dd>
                </dl>
            </div>
        </div>
    </div>
</aside>
<div class="dislpayArrow hidden-xs"><a class="pngfix" href="javascript:void(0);" onClick="displaynavbar(this)"></a>
</div>
<section class="Hui-article-box">
    <div id="Hui-tabNav" class="Hui-tabNav hidden-xs">
        <div class="Hui-tabNav-wp">
            <ul id="min_title_list" class="acrossTab cl">
                <li class="active">
                    <span title="我的桌面" data-href="welcome">我的桌面</span>
                    <em></em></li>
            </ul>
        </div>
        <div class="Hui-tabNav-more btn-group"><a id="js-tabNav-prev" class="btn radius btn-default size-S"
                                                  href="javascript:;">
            <i class="Hui-iconfont">&#xe6d4;</i>
        </a><a id="js-tabNav-next" class="btn radius btn-default size-S" href="javascript:;"><i class="Hui-iconfont">&#xe6d7;</i></a>
        </div>
    </div>
    <div id="iframe_box" class="Hui-article">
        <div class="show_iframe">
            <div style="display:none" class="loading"></div>
            <iframe scrolling="yes" frameborder="0" src="welcome.html"></iframe>
        </div>
    </div>
</section>
<div class="contextMenu" id="Huiadminmenu">
    <ul>
        <li id="closethis">关闭当前</li>
        <li id="closeall">关闭全部</li>
    </ul>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>
<script type="text/javascript">

    // function conn(){
    //     $.ajax({
    //             type: "POST",
    //             data: {},
    //             url: "/action",
    //             success: function (data) {
    //                 var aObj = document.getElementById("sessions");
    //                 if (data != "" && null != data){
    //                     var list = data.split("|");
    //                     aObj.innerText = (list.length-1)+"";
    //                     aObj.style.color = "red";
    //                     // 消息体
    //                     sessionShow(list);
    //                 }else {
    //                     aObj.innerText = "0";
    //                     aObj.style.color = "green"
    //                 }
    //             }
    //         }
    //     )
    // }
    // window.setInterval("conn()",1000);
    //
    // var arr1 = new Array();
    //
    // /**
    //  * 展示信息
    //  * @param list
    //  */
    // function sessionShow(list) {
    //     if (list == "" || list == null){
    //         return;
    //     }
    //     // 获取本地存储的消息
    //     for (j=0,len=list.length;j<len;j++){
    //         if (list[j] == "" || list[j] == null){
    //             continue;
    //         }
    //         var split = list[j].split("#");
    //         var key = split[0];
    //         var index = arr1.indexOf(key);
    //         if (index != -1){
    //             continue;
    //         }
    //         var value = split[1];
    //         // 创建li，设置内容和id
    //         var ele = document.createElement("li");
    //         ele.id = "li"+key;
    //         ele.innerHTML = "<a href='#' id='"+ key +"' style='color: darkred;' onclick='return readSessions(this)'>"+value+"</a>";
    //         // 添加到ul
    //         document.getElementById("sessionul").appendChild(ele);
    //         arr1.push(key);
    //     }
    // }
    //
    // function readSessions(obj) {
    //     var id = $(obj).attr("id");
    //     $.ajax({
    //             type: "POST",
    //             data: {
    //                 "id": id
    //             },
    //             url: "/readAction",
    //             success: function () {
    //                 $(('#li'+id)).html("");
    //                 arr1.remove(id);
    //                 conn();
    //             }
    //         }
    //     )
    // }

    function resetMyPwd() {
        var ret = prompt('请输入新的密码', 123456);
        if (ret !== null && ret != '') {
            $.ajax({
                type: 'POST',
                url: "/resetMyPwd",
                data: {
                    "pwd": ret
                },
                dataType: 'json',
                success: function (data) {
                    if (data === 1) {
                        alert('修改成功!');
                        location.reload();
                    } else {
                        alert('修改失败！');
                    }
                }
            });
        } else {
            return false;
        }
    }

</script>

</body>
</html>