<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8" import="javax.servlet.http.HttpSession"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="java.util.*"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<title>青少年健康工程管理-健康要聞、家庭教育、心理諮詢</title>
<link href="${pageContext.request.contextPath}/css/ggw/style.css"
rel="stylesheet" type="text/css">
<link
href="${pageContext.request.contextPath}/css/bootstrap/bootstrap.min.css"
rel="stylesheet">
<script
src="${pageContext.request.contextPath}/js/jQuery/jquery-1.10.2.min.js"></script>
<script
src="${pageContext.request.contextPath}/js/jQuery/jquery.cookie.js"></script>
<script
src="${pageContext.request.contextPath}/js/bootstrap/bootstrap.js"></script>
<script
src="${pageContext.request.contextPath}/js/bootstrap/bootstrap-paginator.min.js"></script>
<link href="${pageContext.request.contextPath}/css/ggw/ui-style.css"
rel="stylesheet" type="text/css">
<script src="${pageContext.request.contextPath}/js/common.js"></script>
<script type="text/javascript">
$(function() {
var pageCount = $("#pageCount").val();
var options = {
bootstrapMajorVersion : 3, //版本
currentPage : 1, //當前頁數
numberOfPages : 5, //最多顯示Page頁
totalPages : pageCount, //所有數據可以顯示的頁數
alignment : "center",
onPageClicked : function(e, originalEvent, type, page) {
$.ajax({
type : 'get', //提交方式
url : "${pageContext.request.contextPath}/news/newsPage",//路徑
data : {
typeId : 83,
pagesize : 5,
pagenum : page
},
//數據，這裏使用的是Json格式進行傳輸
dataType : 'json',
success : function(result) {//返回數據根據結果進行相應的處理
var str = '';
var r = JSON.parse(result.data);
for (var i = 0; i < r.list.length; i++) {
str += '<div class="_list_item"><div class="_title">'
+ r.list[i].title + '</div>';
str += '<div class="_body"><div><a href="${pageContext.request.contextPath}/news/intro?infoId=${item.id}&typeId=${item.typeId}">'
+ r.list[i].intro + '</a>';
str += '</div><div class="_time clearfix"><div class="pull-left">'
+ dateF(r.list[i].time)
+ '</div></div></div></div>';
}
$("#newList").empty().append(str);
},
error : function(e) {
console.log(e);
}
});
},
pageUrl : "",
itemTexts : function(type, page, current) {
switch (type) {
case "first":
return "首頁";
case "prev":
return "上一頁";
case "next":
return "下一頁";
case "last":
return "末頁";
case "page":
return page;
}
}
}
$("#page").bootstrapPaginator(options);
})
function dateF(val) {
if (val != null) {
var rval = val.replace(/-/g, "/");
var date = new Date(rval);
var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1)
: date.getMonth();
var dateDay = date.getDate() < 10 ? '0' + date.getDate() : date
.getDate();
return date.getFullYear() + '-' + month + '-' + dateDay;
}
}
</script>
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-4">
<img src="${pageContext.request.contextPath}/images/logo.png"
class="ggw-logo" alt="">
</div>
<div class="col-md-8">
<div class="index-list-1 pull-right clearfix">
<a>
<div class="_item">
<img src="${pageContext.request.contextPath}/images/index-user.png" alt=""> <span> <a
href="${pageContext.request.contextPath}/news/login" target="_blank"> <c:if
test="${empty cookie.userName.value}">
登錄
</c:if> <c:if test="${not empty cookie.userName.value}">
歡迎您：<span id="userName"></span>
</c:if>
</a>
</span>
</div>
</a>
<div class="_item">
<img
src="${pageContext.request.contextPath}/images/index-updata.png"
alt=""><span><a
href="${pageContext.request.contextPath}/news/lxwm">聯繫我們</a></span>
</div>
<div class="_item">
<img src="${pageContext.request.contextPath}/images/index-xx.png"
alt=""><span><a href="#">加入收藏</a></span>
</div>
</div>
</div>
</div>
<!--頂部結束 -->
<div class="row" style="border-bottom: 1px solid #eee;">
<div class="col-md-8">
<div class="ggw-nav-top">
<ul class="nav nav-pills">
<li role="presentation" class="dropdown active"><a
class="dropdown-toggle"
href="${pageContext.request.contextPath}/news/index"
role="button" aria-haspopup="true" aria-expanded="false"> 首頁</a></li>
<%-- <li role="presentation" class="dropdown "><a
class="dropdown-toggle" data-toggle="dropdown" href="#"
role="button" aria-haspopup="true" aria-expanded="false">
工作動態 </a>
<ul class="dropdown-menu">
<li><a
href="${pageContext.request.contextPath}/news/org?id=1">機構概況</a></li>
<li><a
href="${pageContext.request.contextPath}/news/org?id=2">領導信息</a></li>
</ul></li> --%>
<li role="presentation" class="dropdown"><a
class="dropdown-toggle"
href="${pageContext.request.contextPath}/news/news?typeId=85&pagesize=5&pagenum=1"> 工作動態</a></li>
<li role="presentation" class="dropdown"><a
class="dropdown-toggle"
href="${pageContext.request.contextPath}/news/news?typeId=101&pagesize=5&pagenum=1">健康要聞</a></li>
<li role="presentation" class="dropdown"><a
class="dropdown-toggle"
href="${pageContext.request.contextPath}/news/news?typeId=81&pagesize=5&pagenum=1">家庭教育</a></li>
<li role="presentation" class="dropdown"><a
class="dropdown-toggle"
href="${pageContext.request.contextPath}/news/news?typeId=102&pagesize=5&pagenum=1">心理諮詢</a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="navbar-form navbar-left pull-right clearfix"
style="border-radius: 4px; padding: 0; border: 1px solid #E5322B;">
<div class="form-group pull-left">
<input id="keyword" name="textfield" type="text"
class="form-control" placeholder="請輸入關鍵詞進行搜索" style="border: 0;">
</div>
<button class="btn btn-default pull-left ggw-btn-search-1"
οnclick="searchNews()">搜索</button>
</div>
</div>
</div>
<!--菜單結束 -->
<div class="ggw-crumbs">
您現在的位置:<span class="active"> 視力健康</span>
</div>
<div class="ggw-news-list_head clearfix">
<div class="ggw-news-list_title">視力健康</div>
</div>
<div class="ggw-news-list" id="newList">
<c:forEach var="item" items="${list}" begin="0" end="4">
<input type="hidden" id="pageCount" name="pageCount" value=${pageCount}>
<div class="_list_item">
<div class="_title">${item.title}</div>
<div class="_body">
<div>
<a
href="${pageContext.request.contextPath}/news/intro?infoId=${item.id}&typeId=${item.typeId}">${item.intro}</a>
</div>
<div class="_time clearfix">
<div class="pull-left">
<fmt:formatDate value="${item.pubDate}" pattern="yyyy-MM-dd" />
</div>
<!-- <div class="_yd pull-right">閱讀：222</div> -->
</div>
</div>
</div>
</c:forEach>
</div>
<!-- 分頁插件 -->
<div class="ggw-paginator" style="text-align: center;">
<ul id="page" class="clearfix"></ul>
</div>
</div>
<!-- 底部 -->
<div class="ggw-foot">
<div class="_bq">
<div class="container">
<div class="row">
<div class="col-md-1"></div>
<div class="col-md-4">版權所有：XXXXXXXXXX工程辦公室</div>
<div class="col-md-1"></div>
<div class="col-md-4">聯繫地址：</div>
<div class="col-md-2"></div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
$(document).ready(function() {
var userName;
var cookiearr = document.cookie.split("; ");
for (var i = 0; cookiearr.length > i; i++) {
var status = cookiearr[i].split("=")[0];
if (status == "userName") {
var testname = decodeURI(cookiearr[i])
userName = testname.split("=")[1];
$("#userName").html(userName);
}
}
$("#nav li").hover(function() {
$(this).find("ul").slideDown("slow");
}, function() {
$(this).find("ul").slideUp("fast");
});
var week;
if (new Date().getDay() == 0)
week = "星期日"
if (new Date().getDay() == 1)
week = "星期一"
if (new Date().getDay() == 2)
week = "星期二"
if (new Date().getDay() == 3)
week = "星期三"
if (new Date().getDay() == 4)
week = "星期四"
if (new Date().getDay() == 5)
week = "星期五"
if (new Date().getDay() == 6)
week = "星期六"
$('#week').html(week);
});
function searchNews() {
var title = $("#keyword").val();
window.location.href = "${pageContext.request.contextPath}/news/query?title="
+ title;
}
</script>
</html>