xjalt/WebRoot/view/common/footer.html

@@ -0,0 +1,23 @@
+<div class="pz_down">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="down">
+				<p>版权所有：吉林省技术算中心</p>
+				<p>
+					<span>技术支持：长春福瑞科技有限公司</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮编：130000</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>传真：239823982</span>
+				</p>
+				<p>
+					<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>电话：0134-1234567</span>
+					&nbsp;&nbsp;&nbsp;&nbsp;
+					<span>邮箱：123456@163.com</span>
+				</p>
+			</div>
+		</div>
+	</div>
+</div>

xjalt/WebRoot/view/common/header.html

@@ -0,0 +1,110 @@
+<div class="pz_top">
+	<div class="w_0100 topDate"> 
+		<div class="w_1200">
+			<div class="topDateInfo" id="curDate">
+				
+			</div>
+		</div>
+	</div>
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="top">
+				<div class="logo">
+					<p class="title"><a href="${contextPath}/index">阿勒泰地区科技创新创业服务平台</a></p>
+					<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+				</div>
+				<div class="search">
+					<form id="selForm" action="${contextPath}/search">
+					<input class="input" type="text" name="title" placeholder="关键词"/>
+					<button click="search();" class="button"><img src="${contextPath}/view/images/搜索.png"/></button>
+					</form>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<div class="pz_menu">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="menu">
+				<ul>
+					<li <#if homemenu! == '科技资讯'>class="active"</#if>><a href="${contextPath}/hometwo?menus_id=1&pageno=1" >科技资讯</a></li>
+					<li <#if homemenu! == '科技培训'>class="active"</#if>><a href="${contextPath}/hometwo?menus_id=2&pageno=2">科技培训</a></li>
+					<li <#if homemenu! == '科技资源'>class="active"</#if>><a target="_blank" href="${contextPath}/hometwo?menus_id=3&pageno=3">科技资源</a></li>
+					<li <#if homemenu! == '科技服务'>class="active"</#if>><a href="${contextPath}/hometwo?menus_id=4&pageno=4">科技服务</a></li>
+				</ul>
+			</div>
+		</div>
+	</div>
+</div>
+<script type="text/javascript">
+function getCurrentDate() {
+
+    var myDate = new Date();
+
+    var year = myDate.getFullYear(); //年
+
+    var month = myDate.getMonth() + 1; //月
+
+    var day = myDate.getDate(); //日
+
+    var days = myDate.getDay();
+
+    switch(days) {
+
+          case 1:
+
+                days = '星期一';
+
+                break;
+
+          case 2:
+
+                days = '星期二';
+
+                break;
+
+          case 3:
+
+                days = '星期三';
+
+                break;
+
+          case 4:
+
+                days = '星期四';
+
+                break;
+
+          case 5:
+
+                days = '星期五';
+
+                break;
+
+          case 6:
+
+                days = '星期六';
+
+                break;
+
+          case 0:
+
+                days = '星期日';
+
+                break;
+
+
+
+    }
+
+    var str = year + "年" + month + "月" + day + "日  " + days;
+
+    return str;
+
+}
+$("#curDate").text(getCurrentDate());
+function search(){
+	$("#selForm").submit();
+}
+</script>

xjalt/WebRoot/view/css/nav.css

@@ -0,0 +1,88 @@
+.pagination ul {
+    list-style: none;
+    padding-left: 0;
+}
+
+.pagination ul li {
+    padding: 0 10px;
+    vertical-align: top;
+    display: inline-block;
+    font-size: 14px;
+    min-width: 36px;
+    min-height: 28px;
+    line-height: 28px;
+    cursor: pointer;
+    box-sizing: border-box;
+    text-align: center;
+    background-color: #ffffff;
+    color: #606266;
+    border-radius: 6px;
+    margin: 0 1px;
+    border: 1px solid #ebebeb;
+    height: 30px;
+}
+
+.pagination ul li:hover {
+    transform: scale(1.1);
+    background-color: #F4F6F8;
+}
+
+.pagination  li.active {
+    background: #98A6AD;
+    color: white;
+    cursor: not-allowed;
+}
+
+.pagination li.disabled {
+    cursor: not-allowed;
+}
+.pagination li.totalPage {
+    background: transparent;
+    cursor: default;
+    border: none;
+    padding: 0 6px;
+}
+
+.pagination li.totalPage:hover {
+    transform: none;
+    background-color: #ffffff;
+}
+
+
+.pagination li input {
+    -webkit-appearance: none;
+    background-color: #fff;
+    background-image: none;
+    border-radius: 4px;
+    border: 1px solid #dcdfe6;
+    box-sizing: border-box;
+    color: #606266;
+    display: inline-block;
+    font-size: inherit;
+    outline: none;
+    padding: 3px 5px;
+    transition: border-color .2s cubic-bezier(.645,.045,.355,1);
+    width: 40px;
+    height: 25px;
+    margin: 0 6px;
+}
+
+.pagination li input:focus{
+    border-color: #98A6AD;
+}
+.pagination{
+    user-select: none;
+}
+
+.pagination ul:nth-child(2){
+    border-radius: 6px;
+}
+
+input[type=number] {
+    -moz-appearance:textfield;
+}
+input[type=number]::-webkit-inner-spin-button,
+input[type=number]::-webkit-outer-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}

xjalt/WebRoot/view/detail.html

@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
+<#include "../view/common/header.html">
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="detail">
+				<h3 class="title">${data.title!}</h3>
+				<div class="userDate">
+					<span class="user">文章来源：${data.release_unit!}</span>
+					<span class="date">时间：${data.release_date!}</span>
+				</div>
+				<p class="content">${data.memo!}</p>
+			</div>
+		</div>
+	</div>
+</div>
+<#include "../view/common/footer.html">
+<script type="text/javascript" src="${contextPath}/view/js/tabs.js"></script>
+</body>
+</html>

xjalt/WebRoot/view/index.html

@@ -0,0 +1,138 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
+<#include "../view/common/header.html">
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="main_1">
+				<div class="map">
+					<img src="${contextPath}/view/images/map.jpg"/>
+					<span>
+						创新地图提供科技企业的分布和位置信息
+					</span>
+				</div>
+				<div class="zixun">
+					<div class="zixunTop">
+						<div class="zixunTit">
+							<span class="shu"></span>
+							<span class="span">${columnFun("0","1","2").name}</span>
+						</div>
+						<div class="more">
+							<a href="${contextPath}/homelist?col_id=${columnFun("0","1","2").id!}"><img src="${contextPath}/view/images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="zixunInfo">
+						<ul>
+							<#list contentFun("0","1","2","0","8") as data>
+							<li>
+								<span class="dian">
+								</span>
+								<span class="title">
+									<a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a>
+								</span>
+								<span class="date">
+									${data.release_date!}
+								<span>
+							</li>
+							</#list>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="main_2">
+				<div class="notice">
+					<div class="noticeTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">
+								${columnFun("0","2","1").name}
+							</span>
+						</div>
+						<div class="more">
+							<a href="${contextPath}/homelist?col_id=${columnFun("0","2","1").id!}"><img src="${contextPath}/view/images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="noticeInfo">
+						<ul>
+							<#list contentFun("0","2","1","0","8") as data>
+							<li>
+								<span class="dian"></span><p class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></p>
+								<span class="date">${data.release_date?substring(5,10)}</span>
+							</li>
+							</#list>
+						</ul>
+					</div>
+				</div>
+				<div class="law">
+					<div class="noticeTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">
+								${columnFun("0","2","2").name}
+							</span>
+						</div>
+						<div class="more">
+							<a href="${contextPath}/homelist?col_id=${columnFun("0","2","2").id!}"><img src="${contextPath}/view/images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="noticeInfo">
+						<ul>
+							<#list contentFun("0","2","1","0","8") as data>
+							<li>
+								<span class="dian"></span><p class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></p>
+								<span class="date">${data.release_date?substring(5,10)}</span>
+							</li>
+							</#list>
+						</ul>
+					</div>
+				</div>
+				<div class="service">
+					<div class="noticeTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">
+								${columnFun("0","2","3").name}
+							</span>
+						</div>
+						<div class="more">
+							<a href="${contextPath}/hometwo?menus_id=4&pageno=4"><img src="${contextPath}/view/images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="serviceInfo">
+						<ul>
+							<#list contentFun("0","2","3","0","8") as data>
+							<li>
+								<a href="${data.url!}"><img style="width:170px;height:53px;" src="${data.filedir!}"/></a>
+							</li>
+							</#list>
+						</ul>
+					</div>
+				</div>
+			</div>
+			<div class="main_3">
+				<h3>${columnFun("0","3","1").name}</h3>
+				<div class="link">
+					<ul>
+						<#list contentFun("0","3","1","0","4") as data>
+						<li>
+							<a href="${data.url!}">
+								<img src="${data.filedir!}"/>
+							</a>
+						</li>
+						</#list>
+					</ul>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<#include "../view/common/footer.html">
+</body>
+</html>

xjalt/WebRoot/view/index_1.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
+<#include "../view/common/header.html">
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="info">
+				<div class="infoLeft">
+					<div class="infoNews">
+						<div class="section-focus-pic" id="section-focus-pic">
+							<div class="pages" data-scro="list">
+								<ul>
+									<#list contentFun("${pageno}","1","1","0","3") as data>
+									<li class="item" style="left:0px;">
+										<a href="${contextPath}/homedetail?id=${data.id}"><img src="${data.filedir!}" width="514" height="340"></a>
+										<h3><a href="${contextPath}/homedetail?id=${data.id}" style="color:#FFF;text-decoration:none;">${data.title!}</a></h3>
+										<div></div>
+									</li>
+									</#list>
+								</ul>
+							</div>
+							<div class="controler" data-scro="controler">
+								<b class="down">1</b>
+								<b>2</b>
+							</div>
+							<div class="controler2" data-scro="controler2">
+								<a href="javascript:;" class="prev"><i></i></a>
+								<a href="javascript:;" class="next"><i></i></a>
+							</div>
+						</div>
+					</div>
+					<div class="infoMetti">
+						<div class="meitiTop">
+							<div class="zixunTit">
+								<span class="shu"></span>
+								<span class="span">${columnFun("${pageno}","2","1").name}</span>
+							</div>
+							<div class="more">
+								<a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","2","1").id!}"><img src="${contextPath}/view/images/更多.png"/></a>
+							</div>
+						</div>
+						<div class="meitiInfo">
+							<ul>
+								<#list contentFun("${pageno}","2","1","0","8") as data>
+								<li>
+									<span class="dian"></span><p class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></p>
+									<span class="date">${data.release_date?substring(5,10)}</span>
+								</li>
+								</#list>
+							</ul>
+						</div>
+					</div>
+				</div>
+				<div class="infoRight">
+					<div class="infoRightTop">
+						<div class="zixunTit">
+							<span class="shu"></span>
+							<span class="span">${columnFun("${pageno}","1","2").name}</span>
+						</div>
+						<div class="more">
+							<a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","1","2").id!}"><img src="${contextPath}/view/images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="infoRightInfo">
+						<ul>
+							<#list contentFun("${pageno}","1","2","0","16") as data>
+							<li>
+								<span class="dian"></span>
+								<span class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></span>
+								<span class="date">${data.release_date!}<span>
+							</li>
+							</#list>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<#include "../view/common/footer.html">
+<script type="text/javascript" src="${contextPath}/view/js/script.js"></script>
+</body>
+</html>

xjalt/WebRoot/view/index_2.html

@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
+<#include "../view/common/header.html">
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="natural">
+				<div class="naturalLeft">
+					<div class="naturalLeftTop">
+						<div class="noticeTit">
+							<span class="shu"></span>
+							<span class="span">${columnFun("${pageno}","1","1").name}</span>
+						</div>
+						<div class="more">
+							<a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","1","1").id!}"><img src="${contextPath}/view/images/更多.png"/></a>
+						</div>
+					</div>
+					<div class="naturalLeftInfo">
+						<ul>
+							<#list contentFun("${pageno}","1","1","0","6") as data>
+							<li>
+								<span class="date">
+									${data.release_date?substring(5,10)}
+								</span>
+								<div class="text">
+									<span class="title"><a target="_blank" href="${data.url!}">${data.title!}</a></span>
+									<p class="content">
+										${data.titlejj!}
+									</p>
+								</div>
+							</li>
+							</#list>
+						</ul>
+					</div>
+				</div>
+				<div class="naturalRight">
+					<div id="tab">
+					  	<div class="tabList">
+							<ul>
+								<li class="cur"><a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","1","2").id!}">${columnFun("${pageno}","1","2").name}</a></li>
+								<li><a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","1","3").id!}">${columnFun("${pageno}","1","3").name}</a></li>
+								<li><a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","1","4").id!}">${columnFun("${pageno}","1","4").name}</a></li>
+								<li><a href="${contextPath}/homelist?col_id=${columnFun("${pageno}","1","5").id!}">${columnFun("${pageno}","1","5").name}</a></li>
+							</ul>
+					 	</div>
+						<div class="tabCon">
+							<div class="cur">
+								<ul class="tabConList">
+									<#list contentFun("${pageno}","1","2","0","16") as data>
+									<li <#if data_index == 8>style="padding: 0 0 20px 0;border-bottom: 1px solid #ccc;"<#elseif data_index == 9>style="padding: 20px 0 0 0;"</#if>>
+										<span class="dian"></span>
+										<span class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></span>
+										<span class="date">${data.release_date}</span>
+									</li>
+									</#list>
+								</ul>
+							</div>
+							<div>
+								<ul class="tabConList">
+									<#list contentFun("${pageno}","1","3","0","17") as data>
+									<li>
+										<span class="dian"></span>
+										<span class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></span>
+										<span class="date">${data.release_date}</span>
+									</li>
+									</#list>
+								</ul>
+							</div>
+							<div>
+								<ul class="tabConList">
+									<#list contentFun("${pageno}","1","4","0","16") as data>
+									<li <#if data_index == 8>style="padding: 0 0 20px 0;border-bottom: 1px solid #ccc;"<#elseif data_index == 9>style="padding: 20px 0 0 0;"</#if>>
+										<span class="dian"></span>
+										<span class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></span>
+										<span class="date">${data.release_date}</span>
+									</li>
+									</#list>
+								</ul>
+							</div>
+							<div>
+								<ul class="tabConList">
+									<#list contentFun("${pageno}","1","5","0","17") as data>
+									<li>
+										<span class="dian"></span>
+										<span class="title"><a href="${contextPath}/homedetail?id=${data.id}">${data.title!}</a></span>
+										<span class="date">${data.release_date}</span>
+									</li>
+									</#list>
+								</ul>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<#include "../view/common/footer.html">
+<script type="text/javascript" src="${contextPath}/view/js/tabs.js"></script>
+</body>
+</html>

xjalt/WebRoot/view/index_3.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<style type="text/css">
+body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
+</style>
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body >
+<div id="allmap"></div>		
+<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=hBMSWzhG6vGdgnwa2Y6LwkFXjkGu0lpr"></script>
+<script type="text/javascript">
+	// 百度地图API功能
+	var map = new BMap.Map("allmap");    // 创建Map实例
+	map.centerAndZoom(new BMap.Point(88.144266, 47.830626), 14);  // 初始化地图,设置中心点坐标和地图级别
+	//添加地图类型控件
+	map.addControl(new BMap.MapTypeControl({
+		mapTypes:[
+            BMAP_NORMAL_MAP,
+            BMAP_HYBRID_MAP
+        ]}));	  
+	map.setCurrentCity("阿勒泰市");          // 设置地图显示的城市 此项是必须设置的
+	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
+	var points = [{point:new BMap.Point(88.144896,47.85032),title:"阿勒泰地区科技局",description: '',address:''},
+		
+		];
+	var infoList = [];
+	function turnPoint(points){
+		//添加gps marker和label
+	    var changePoint = new BMap.Marker(points.point);
+		//添加info框
+		var info = new BMap.InfoWindow(points.description);
+		changePoint.addEventListener("click", function() {
+			// 调用了marker对象的openInfoWindow方法
+			this.openInfoWindow(info); 
+		});
+		infoList.push(changePoint);
+	    map.addOverlay(changePoint); //添加GPS marker
+	    var changeLabel = new BMap.Label(points.title,{offset:new BMap.Size(20,0)});
+	    changeLabel.setStyle({
+	    	display: "inline-table"
+	    });
+	    changePoint.setLabel(changeLabel); //添加GPS label
+	}
+	   
+	
+	   setTimeout(function(){
+	   	if(points.length>0){
+	   		var convertor = new BMap.Convertor();
+	        for(var i=0;i<points.length;i++){
+	        	turnPoint(points[i]);
+	        }
+	   	}
+	   }, 1000);
+</script>
+</body>
+</html>

xjalt/WebRoot/view/index_4.html

@@ -0,0 +1,161 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
+<#include "../view/common/header.html">
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="service">
+				<div class="service_1">
+					<div class="service_1Left">
+						<div class="zixunTop">
+							<div class="zixunTit">
+								<span class="shu"></span>
+								<span class="span">政务公开</span>
+							</div>
+						</div>
+						<div class="zhengwu">
+							<ul>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu1.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu2.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu3.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu4.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu5.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu6.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu7.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/zhengwu8.jpg"/>
+									</a>
+								</li>
+							</ul>
+						</div>
+					</div>
+					<div class="service_1right">
+						<div class="zixunTop">
+							<div class="zixunTit">
+								<span class="shu"></span>
+								<span class="span">常用服务</span>
+							</div>
+						</div>
+						<div class="changyong">
+							<ul>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/changyong1.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/changyong2.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/changyong3.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/changyong4.jpg"/>
+									</a>
+								</li>
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/changyong5.jpg"/>
+									</a>
+								</li>
+								
+								<li>
+									<a href="#">
+										<img src="${contextPath}/view/images/changyong6.jpg"/>
+									</a>
+								</li>
+							</ul>
+						</div>
+					</div>
+				</div>
+				<div class="service_2">
+					<div class="zixunTop">
+						<div class="zixunTit">
+							<span class="shu"></span>
+							<span class="span">公众参与</span>
+						</div>
+					</div>
+					<div class="gongzhong">
+						<ul>
+							<li>
+								<a href="#">
+									<img src="${contextPath}/view/images/gongzhong1.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="#">
+									<img src="${contextPath}/view/images/gongzhong2.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="#">
+									<img src="${contextPath}/view/images/gongzhong3.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="#">
+									<img src="${contextPath}/view/images/gongzhong4.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="#">
+									<img src="${contextPath}/view/images/gongzhong5.jpg"/>
+								</a>
+							</li>
+							<li>
+								<a href="#">
+									<img src="${contextPath}/view/images/gongzhong6.jpg"/>
+								</a>
+							</li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<#include "../view/common/footer.html">
+<script type="text/javascript" src="${contextPath}/view/js/tabs.js"></script>
+</body>
+</html>

xjalt/WebRoot/view/js/js.js

@@ -0,0 +1,57 @@
+// JavaScript Document
+var xPos = 300;
+var yPos = 200; 
+var step = 1;
+var delay = 30; 
+var height = 0;
+var Hoffset = 0;
+var Woffset = 0;
+var yon = 0;
+var xon = 0;
+var pause = true;
+var interval;
+img1.style.top = yPos;
+function changePos() 
+{
+	width = document.body.clientWidth;
+	height = document.body.clientHeight;
+	Hoffset = img1.offsetHeight;
+	Woffset = img1.offsetWidth;
+	img1.style.left = xPos + document.body.scrollLeft;
+	img1.style.top = yPos + document.body.scrollTop;
+	if (yon) 
+		{yPos = yPos + step;}
+	else 
+		{yPos = yPos - step;}
+	if (yPos < 0) 
+		{yon = 1;yPos = 0;}
+	if (yPos >= (height - Hoffset)) 
+		{yon = 0;yPos = (height - Hoffset);}
+	if (xon) 
+		{xPos = xPos + step;}
+	else 
+		{xPos = xPos - step;}
+	if (xPos < 0) 
+		{xon = 1;xPos = 0;}
+	if (xPos >= (width - Woffset)) 
+		{xon = 0;xPos = (width - Woffset);   }
+	}
+	
+	function start()
+	 {
+	 	img1.visibility = "visible";
+		interval = setInterval('changePos()', delay);
+	}
+	function pause_resume() 
+	{
+		if(pause) 
+		{
+			clearInterval(interval);
+			pause = false;}
+		else 
+		{
+			interval = setInterval('changePos()',delay);
+			pause = true; 
+			}
+		}
+	start();

xjalt/WebRoot/view/js/nav.js

@@ -0,0 +1,200 @@
+function myPagination(_ref) {
+    var pageSize = _ref.pageSize,
+        pageTotal = _ref.pageTotal,
+        curPage = _ref.curPage,
+        id = _ref.id,
+        getPage = _ref.getPage,
+        showPageTotalFlag = _ref.showPageTotalFlag,
+        showSkipInputFlag = _ref.showSkipInputFlag,
+        pageAmount = _ref.pageAmount,
+        dataTotal = _ref.dataTotal;
+
+    this.pageSize = pageSize || 3; //分页个数
+    this.pageTotal = pageTotal || 0; //总共多少页
+    this.pageAmount = pageAmount || 13; //每页多少条
+    this.dataTotal = dataTotal || 0; //总共多少数据
+    this.curPage = curPage || 1; //初始页码
+    this.ul = document.createElement('ul');
+    this.id = id;
+    this.getPage = getPage;
+    this.showPageTotalFlag = showPageTotalFlag || false; //是否显示数据统计
+    this.showSkipInputFlag = showSkipInputFlag || false; //是否支持跳转
+    this.init();
+};
+
+// 给实例对象添加公共属性和方法
+myPagination.prototype = {
+    init: function init() {
+        var pagination = document.getElementById(this.id);
+        pagination.innerHTML = '';
+        this.ul.innerHTML = '';
+        pagination.appendChild(this.ul);
+        var that = this;
+        //首页
+        that.firstPage();
+        //上一页
+        that.lastPage();
+        //分页
+        that.getPages().forEach(function (item) {
+            var li = document.createElement('li');
+            if (item == that.curPage) {
+                li.className = 'active';
+            } else {
+                li.onclick = function () {
+                    that.curPage = parseInt(this.innerHTML);
+                    that.init();
+                    that.getPage(that.curPage);
+                };
+            }
+            li.innerHTML = item;
+            that.ul.appendChild(li);
+        });
+        //下一页
+        that.nextPage();
+        //尾页
+        that.finalPage();
+
+        //是否支持跳转
+        if (that.showSkipInputFlag) {
+            that.showSkipInput();
+        }
+        //是否显示总页数,每页个数,数据
+        if (that.showPageTotalFlag) {
+            that.showPageTotal();
+        }
+    },
+    //首页
+    firstPage: function firstPage() {
+        var that = this;
+        var li = document.createElement('li');
+        li.innerHTML = '首页';
+        this.ul.appendChild(li);
+        li.onclick = function () {
+            var val = parseInt(1);
+            that.curPage = val;
+            that.getPage(that.curPage);
+            that.init();
+        };
+    },
+    //上一页
+    lastPage: function lastPage() {
+        var that = this;
+        var li = document.createElement('li');
+        li.innerHTML = '<';
+        if (parseInt(that.curPage) > 1) {
+            li.onclick = function () {
+                that.curPage = parseInt(that.curPage) - 1;
+                that.init();
+                that.getPage(that.curPage);
+            };
+        } else {
+            li.className = 'disabled';
+        }
+        this.ul.appendChild(li);
+    },
+    //分页
+    getPages: function getPages() {
+        var pag = [];
+        if (this.curPage <= this.pageTotal) {
+            if (this.curPage < this.pageSize) {
+                //当前页数小于显示条数
+                var i = Math.min(this.pageSize, this.pageTotal);
+                while (i) {
+                    pag.unshift(i--);
+                }
+            } else {
+                //当前页数大于显示条数
+                var middle = this.curPage - Math.floor(this.pageSize / 2),
+                    //从哪里开始
+                    i = this.pageSize;
+                if (middle > this.pageTotal - this.pageSize) {
+                    middle = this.pageTotal - this.pageSize + 1;
+                }
+                while (i--) {
+                    pag.push(middle++);
+                }
+            }
+        } else {
+            console.error('当前页数不能大于总页数');
+        }
+        if (!this.pageSize) {
+            console.error('显示页数不能为空或者0');
+        }
+        return pag;
+    },
+    //下一页
+    nextPage: function nextPage() {
+        var that = this;
+        var li = document.createElement('li');
+        li.innerHTML = '>';
+        if (parseInt(that.curPage) < parseInt(that.pageTotal)) {
+            li.onclick = function () {
+                that.curPage = parseInt(that.curPage) + 1;
+                that.init();
+                that.getPage(that.curPage);
+            };
+        } else {
+            li.className = 'disabled';
+        }
+        this.ul.appendChild(li);
+    },
+    //尾页
+    finalPage: function finalPage() {
+        var that = this;
+        var li = document.createElement('li');
+        li.innerHTML = '尾页';
+        this.ul.appendChild(li);
+        li.onclick = function () {
+            var yyfinalPage = that.pageTotal;
+            var val = parseInt(yyfinalPage);
+            that.curPage = val;
+            that.getPage(that.curPage);
+            that.init();
+        };
+    },
+    //是否支持跳转
+    showSkipInput: function showSkipInput() {
+        var that = this;
+        var li = document.createElement('li');
+        li.className = 'totalPage';
+        var span1 = document.createElement('span');
+        span1.innerHTML = '跳转到';
+        li.appendChild(span1);
+        var input = document.createElement('input');
+        input.setAttribute("type","number");
+        input.onkeydown = function (e) {
+            var oEvent = e || event;
+            if (oEvent.keyCode == '13') {
+                var val = parseInt(oEvent.target.value);
+                if (typeof val === 'number' && val <= that.pageTotal) {
+                    that.curPage = val;
+                    that.getPage(that.curPage);
+                }else{
+                    alert("跳转页数不能大于总页数 !")
+                }
+                that.init();
+            }
+        };
+        li.appendChild(input);
+        var span2 = document.createElement('span');
+        span2.innerHTML = '页';
+        li.appendChild(span2);
+        this.ul.appendChild(li);
+    },
+    //是否显示总页数,每页个数,数据
+    showPageTotal: function showPageTotal() {
+        var that = this;
+        var li = document.createElement('li');
+        li.innerHTML = '共&nbsp' + that.pageTotal + '&nbsp页';
+        li.className = 'totalPage';
+        this.ul.appendChild(li);
+        var li2 = document.createElement('li');
+        li2.innerHTML = '每页&nbsp' + that.pageAmount + '&nbsp条';
+        li2.className = 'totalPage';
+        this.ul.appendChild(li2);
+        var li3 = document.createElement('li');
+        li3.innerHTML = '合计&nbsp' + that.dataTotal + '&nbsp条数据';
+        li3.className = 'totalPage';
+        this.ul.appendChild(li3);
+    }
+};

xjalt/WebRoot/view/js/script.js

@@ -0,0 +1,84 @@
+/**
+ **		公用滚动方法 
+ **     支持定时自动轮播、前后轮播、单独点击轮播
+ **/
+(function($){
+		  
+	$("div[data-scro='controler'] b,div[data-scro='controler2'] a").click(function(){
+		var T = $(this);
+		if(T.attr("class")=="down") return false;
+		J2ROLLING_ANIMATION.st({
+			findObject : T,	//当前点击对象 默认写
+			main : T.parent().parent().find("div[data-scro='list']"),	//滚动目标容器窗口对象
+			pagSource : T.parent().parent().find("div[data-scro='controler'] b"),	//切换按钮对象
+			className : "down",		//选中的样式
+			duration : "slow",		//滚动速度 和jquery速度一致
+			on : $(this)[0].tagName=="A" ? true : false		//用于判断是否开启无限滚动 or 来回切换
+		});
+		return false;
+	});
+	
+	var J2SETTIME="", J2Time=true,J2ROLLING_ANIMATION = {
+		init : function(){
+			this.start();
+			this.time();	
+		},
+		st : function(o){
+			if(J2Time){
+				this.animate(o.findObject,o.main,o.className,o.duration,o.pagSource,o.on);
+				J2Time = false;
+			}
+		},
+		animate : function(T,M,C,S,P,O){
+				var _prevDown = O ? P.parent().find("*[class='"+C+"']") : T.parent().find(T[0].tagName+"[class='"+C+"']"),
+					_prevIndex = _prevDown.index(),
+					_thisIndex = O ? (T.attr("class")=="next" ? _prevIndex+1 : _prevIndex-1) : T.index(),
+					_list = M.find(".item"),
+					p2n = 1;
+				_prevDown.removeClass(C);
+				if(O){
+					if(_thisIndex==-1) _thisIndex=_list.size()-1;
+					if(_thisIndex==_list.size()) _thisIndex=0;
+					P.eq(_thisIndex).addClass(C);
+				}else{
+					T.addClass(C);
+				}
+				if(T.attr("class")=="prev" || _thisIndex<_prevIndex) p2n = false;
+				if((T.attr("class")=="next" || _thisIndex>_prevIndex)&&T.attr("class")!="prev") p2n = true;
+				
+				!p2n ? _list.eq(_thisIndex).css("left",-M.width()) : '';
+				_list.eq(_prevIndex).animate({left:p2n ? -M.width() : M.width()},S,function(){
+					$(this).removeAttr("style");	
+					J2Time = true;
+				});
+				_list.eq(_thisIndex).animate({left:"0px"},S);
+		},
+		start : function(){
+			$("#section-focus-pic div[data-scro='controler'] b,#section-focus-pic div[data-scro='controler2'] a").mouseover(function(){
+				window.clearInterval(J2SETTIME);																			   
+			}).mouseout(function(){
+				J2ROLLING_ANIMATION.time();
+			});
+		},
+		time : function(){
+			J2SETTIME = window.setInterval(function(){
+				var num = $("#section-focus-pic div[data-scro='controler'] b[class='down']").index(),
+					_list = $("#section-focus-pic div[data-scro='list'] li");
+				_list.eq(num).animate({"left":-$("#section-focus-pic div[data-scro='list']").width()},"slow",function(){
+					$(this).removeAttr("style");	
+					$("#section-focus-pic div[data-scro='controler'] b").removeClass("down").eq(num).addClass("down");
+				});	
+				num++;
+				if(num==_list.size()){
+					num=0;
+				}
+				_list.eq(num).animate({"left":"0px"},"slow");		
+			},4000);
+		}
+	};
+	$("a").click(function(){
+		$(this).blur();				  
+	});
+	
+	J2ROLLING_ANIMATION.init();	//是否开启自动轮播
+})(this.jQuery || this.baidu);

xjalt/WebRoot/view/js/tabs.js

@@ -0,0 +1,32 @@
+window.onload = function() {
+    var oDiv = document.getElementById("tab");
+    var oLi = oDiv.getElementsByTagName("div")[0].getElementsByTagName("li");
+    var aCon = oDiv.getElementsByTagName("div")[1].getElementsByTagName("div");
+    var timer = null;
+    for (var i = 0; i < oLi.length; i++) {
+        oLi[i].index = i;
+        oLi[i].onmouseover = function() {
+            show(this.index);
+        }
+    }
+    function show(a) {
+        index = a;
+        var alpha = 0;
+        for (var j = 0; j < oLi.length; j++) {
+            oLi[j].className = "";
+            aCon[j].className = "";
+            aCon[j].style.opacity = 0;
+            aCon[j].style.filter = "alpha(opacity=0)";
+        }
+        oLi[index].className = "cur";
+        clearInterval(timer);
+        timer = setInterval(function() {
+            alpha += 2;
+            alpha > 100 && (alpha = 100);
+            aCon[index].style.opacity = alpha / 100;
+            aCon[index].style.filter = "alpha(opacity=" + alpha + ")";
+            alpha == 100 && clearInterval(timer);
+        },
+        5)
+    }
+}

xjalt/WebRoot/view/list.html

@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<title>阿勒泰地区科技创新创业服务平台</title>
+<link href="${contextPath}/view/css/style.css" rel="stylesheet" type="text/css" />
+<link rel="stylesheet" href="${contextPath}/dist/js/layui/css/layui.css">
+<script type="text/javascript" src="${contextPath}/view/js/jquery-1.7.2.min.js"></script>
+</head>
+<body style="background-image: url(${contextPath}/view/images/bg.jpg);background-size: 100% 100%;">
+<#include "../view/common/header.html">
+<div class="pz_main">
+	<div class="w_0100">
+		<div class="w_1200">
+			<div class="list">
+				<div class="zixunTop">
+					<div class="zixunTit">
+						<span class="shu"></span>
+						<span class="span">${column.name!}</span>
+					</div>
+				</div>
+				<div class="listInfo">
+					<ul>
+						<#list dataList as data>
+						<li>
+							<a href="">
+								<span class="dian"></span>
+								<p class="title">${data.title!} <span class="date">${data.release_date!}</span></p>
+							</a>
+						</li>
+						</#list>
+					</ul>
+					<div class="page">
+						<form id="searchForm" action="${contextPath}/homelist">
+							<input type="hidden" id="currentPage" name="currentPage" value="${currentPage}"/>
+							<input type="hidden" id="col_id" name="col_id" value="${col_id}"/>
+						</form>
+						<div id="page"></div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
+<#include "../view/common/footer.html">
+<script src="${contextPath}/dist/js/layui/layui.js"></script>
+<script>
+//JavaScript代码区域
+layui.use(['element', 'laypage', 'layer'], function(){
+  var element = layui.element;
+  var laypage = layui.laypage
+	,layer = layui.layer;
+	// 分页功能
+	laypage.render({
+	  elem: 'page'
+	  ,count: ${totalRow}
+	  ,limits: [10]
+	  ,limit:${pagenum}
+	  ,curr:${currentPage}
+	  ,layout: ['count', 'prev', 'page', 'next','limit', 'refresh', 'skip']
+	  ,jump: function(obj,first){
+		  console.log(first);
+	    if(!first){
+	    	$("#currentPage").val(obj.curr);
+		    $("#searchForm").submit();
+	    }
+	  }
+	});
+});
+</script>
+</body>
+</html>

xjalt/WebRoot/view/login.html

@@ -0,0 +1,133 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title></title>
+		<link rel="stylesheet" type="text/css" href="css/style.css"/>
+	</head>
+	<body style="background-image: url(images/bg.jpg);background-size: 100% 100%;">
+		<div class="pz_top">
+			<div class="w_0100 topDate"> 
+				<div class="w_1200">
+					<div class="topDateInfo">
+						2019年12月5日&nbsp;星期四
+					</div>
+				</div>
+			</div>
+			<div class="w_0100">
+				<div class="w_1200">
+					<div class="top">
+						<div class="logo">
+							<a href="index.html">
+								<p class="title">阿勒泰地区科技创新创业服务平台</p>
+								<p class="english">Altay technology innovation and entrepreneurship service platform</p>
+							</a>
+						</div>
+						<div class="search">
+							<input class="input" type="text" placeholder="关键词"/>
+							<button class="button"><img src="images/搜索.png"/></button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="pz_menu">
+			<div class="w_0100">
+				<div class="w_1200">
+					<div class="menu">
+						<ul>
+							<li class="active"><a href="">科技资讯</a></li>
+							<li><a href="">科技培训</a></li>
+							<li><a href="">科技资源</a></li>
+							<li><a href="">科技服务</a></li>
+						</ul>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="pz_main">
+			<div class="w_0100">
+				<div class="w_1200">
+					<div class="loginMain">
+						<div class="loginLeft">
+							<img class="images" src="images/bg.jpg" >
+							<p>阿勒泰地区科技创新创业服务平台</p>
+						</div>
+						<div class="loginRight">
+							<div class="loginRightTop">
+								<button class="button active" type="button">登 录</button>
+								<button class="button " type="button">注 册</button>
+							</div>
+							<div class="loginRightInfo">
+								<div class="infoLogin" style="display: block;">
+									<form class="formLogin" action="" method="post">
+										<div class="user">
+											<input type="text" placeholder="用户名称" />
+										</div>
+										<div class="user">
+											<input type="password" placeholder="登录密码" />
+										</div>
+										<div class="loginBtn">
+											<button type="button">登&nbsp;&nbsp;录</button>
+										</div>
+									</form>
+								</div>
+								<div class="register" style="display:none;">
+									<form class="formRegister" action="" method="post">
+										<div class="user">
+											<input type="text" placeholder="用户名称" />
+										</div>
+										<div class="user">
+											<input type="text" placeholder="登录名称" />
+										</div>
+										<div class="user">
+											<input type="password" placeholder="设置密码" />
+										</div>
+										<div class="user">
+											<input type="password" placeholder="确认密码" />
+										</div>
+										<div class="user">
+											<input type="text" placeholder="身份证号" />
+										</div>
+										<div class="user">
+											<input type="text" placeholder="联系电话" />
+										</div>
+										<div class="user">
+											<input type="text" placeholder="地址" />
+										</div>
+										<div class="loginBtn">
+											<button type="button">注&nbsp;&nbsp;册</button>
+										</div>
+									</form>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+		<div class="pz_down">
+			<div class="w_0100">
+				<div class="w_1200">
+					<div class="down">
+						<p>版权所有：吉林省技术算中心</p>
+						<p>
+							<span>技术支持：长春福瑞科技有限公司</span>
+							&nbsp;&nbsp;&nbsp;&nbsp;
+							<span>邮编：130000</span>
+							&nbsp;&nbsp;&nbsp;&nbsp;
+							<span>传真：239823982</span>
+						</p>
+						<p>
+							<span>地址：吉林省长春市朝阳区前进大街1244号</span>
+							&nbsp;&nbsp;&nbsp;&nbsp;
+							<span>电话：0134-1234567</span>
+							&nbsp;&nbsp;&nbsp;&nbsp;
+							<span>邮箱：123456@163.com</span>
+						</p>
+					</div>
+				</div>
+			</div>
+		</div>
+	</body>
+</html>