You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

209 lines
11 KiB

3 years ago
<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<!--[endif]-->
<html xmlns:th="http://www.thymeleaf.org"
xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
>
<head>
<meta charset="utf-8"/>
<title>湖南茶陵旅游网 </title>
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
<meta name="description" content="湖南茶陵旅游网"/>
<meta name="keywords" content="湖南茶陵旅游网"/>
<meta name="author" content="湖南茶陵旅游网"/>
<!--start theme style -->
<link rel="stylesheet" type="text/css" th:href="@{/css/animate.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/font-awesome.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/linecons.css}">
<link rel="stylesheet" type="text/css" th:href="@{/plugins/slider-pro/css/slider-pro.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{/plugins/owlcarousel/css/owl.carousel.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{/plugins/owlcarousel/css/owl.theme.default.min.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/style.css}">
<link rel="stylesheet" type="text/css" th:href="@{/css/responsive.css}"/>
<!-- favicon link-->
<link rel="shortcut icon" type="image/icon" th:href="@{/images/logo.png}" />
</head>
<body>
<div id="wrapper">
<div id="page-wrapper">
<div id="preloader">
<div id="status"><img th:src="@{/images/preloader.gif}" id="preloader_image" alt="loader">
</div>
</div>
<!--top header start 项目头部 -->
<div class="top_header_wrapper">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="top_header_add">
<ul>
<li><a th:href="@{/}"><i class="fa fa-home"
aria-hidden="true"></i> 湖南茶陵旅游网 </a>
</li>
</ul>
</div>
<div class="top_login">
<ul>
<li id="login"><i class="fa fa-sign-in" aria-hidden="true"></i> 你好,请<a
th:href="@{/loginUI}">登录</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a
th:href="@{/registerUI}">注册</a>
/&nbsp;&nbsp;<a target="_blank"
href="/travel/system">后台管理</a></li>
<li id="logout"><i class="fa fa-sign-in"></i> 你好,<a id="yonghuming"
th:href="@{/user/centerUI}"></a>&nbsp;&nbsp;<a
th:href="@{/logout}">退出</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--header menu wrapper 导航栏 -->
<div class="menu_wrapper header-area hidden-menu-bar stick">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-sm-2 col-xs-12">
<div class="header_logo">
<a th:href="@{/}" class="hidden-xs"><img th:src="@{/images/logo.png}" width="150px" height="58px" alt="logo" title="湖南茶陵旅游系统"
class="img-responsive"></a>
</div>
</div>
<div class="col-lg-9 col-md-9 col-sm-10 col-xs-12">
<nav class="navbar hidden-xs">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse respose_nav" id="bs-example-navbar-collapse-1">
<div class="et_navbar_search_wrapper hidden-xs">
<div class="et_search_bar" id="search_button">
<a href="javascript:void(0);"><i class="fa fa-search"
aria-hidden="true"></i></a>
</div>
<div id="search_open" class="et_search_box">
<input type="text" placeholder="请输入关键词">
<button><i class="fa fa-search" aria-hidden="true"></i></button>
</div>
</div>
<ul class="nav navbar-nav" id="nav_filter">
<li><a th:href="@{/}">系统首页</a></li>
<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">景区游玩路线 <i
class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu hovr_nav_tab">
<li><a th:href="@{/route/travelRouteListUI}">景区游玩路线</a></li>
<li><a th:href="@{/route/routeManageUI}">我关注的路线</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-raexpanded="false">景区游玩攻略 <i
class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu hovr_nav_tab">
<li><a th:href="@{/strategy/travelStrategyListUI}">景区游玩攻略</a></li>
<li><a th:href="@{/strategy/pushStrategyListUI}">我发布的攻略</a></li>
<li><a th:href="@{/strategy/strategyManageUI}">我关注的攻略</a></li>
</ul>
</li>
<li class="dropdown"><a href="javascript:void(0);" class="dropdown-toggle"
data-toggle="dropdown" role="button"
aria-haspopup="true" aria-expanded="false">在线预订 <i
class="fa fa-angle-down"></i></a>
<ul class="dropdown-menu hovr_nav_tab">
<li><a th:href="@{/reserve/reserveHotelListUI}">酒店预订</a></li>
<li><a th:href="@{/reserve/reserveAttractionsListUI}">景点预订</a></li>
<li><a th:href="@{/reserve/reserveManageUI}">我的预订</a></li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<!--预留填充模块-->
<div layout:fragment="content">
</div>
<!-- ser_footer section start 页面底部-->
<div class="footer_wrapper">
<div class="container">
<div class="text-center">
<p><a href="javascript:void(0);">网站地图</a> | <a href="javascript:void(0);">帮助中心</a> | <a
href="javascript:void(0);">联系我们</a>
| <a href="javascript:void(0);">关于平台</a> | <a href="javascript:void(0);">网站维护</a></p>
<p>copyright© 2020 by @node</p>
<p>电话号码150XXXXXX31</p>
</div>
</div>
<div class="container-fluid">
<div class="up_wrapper">
<a href="javascript:" id="return-to-top"><i class="fa fa fa-arrow-up" aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>
</div>
<!--main js files 所有可能用到的js-->
<script th:src="@{/js/jquery_min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/wow.min.js}"></script>
<script th:src="@{/js/custom.js}"></script>
<script th:src="@{/plugins/slider-pro/js/jquery.sliderPro.min.js}"></script>
<script th:src="@{/plugins/owlcarousel/js/owl.carousel.min.js}"></script>
<script th:src="@{/layer/layer.js}"></script>
<!--js code-->
<script th:inline="javascript" type="text/javascript">
$(function () {
var username = getCookie('username');
console.log(username);
if (username !== '' && username) {
console.log("111111111");
$("#login").hide();
$("#logout").show();
$("#yonghuming").text(username);
} else {
console.log("2222222222");
$("#logout").hide();
$("#login").show();
console.log('隐藏后面登出');
}
});
function getCookie(key) {
var arr1 = document.cookie.split("; ");//由于cookie是通过一个分号+空格的形式串联起来的,所以这里需要先按分号空格截断,变成[name=Jack,pwd=123456,age=22]数组类型;
for (var i = 0; i < arr1.length; i++) {
var arr2 = arr1[i].split("=");//通过=截断把name=Jack截断成[name,Jack]数组;
if (arr2[0] == key) {
return decodeURI(arr2[1]);
}
}
}
</script>
</body>
</html>