123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186 |
- <%@ page language="java" contentType="text/html; charset=utf-8"
- pageEncoding="utf-8"%>
- <%
- String path = request.getContextPath();
- String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
- %>
- <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
- <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- <html>
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
- <title>UU助手</title>
- <link rel="icon" href="<%=basePath %>resource/images/icon_title.png" type="image/x-icon"/>
- <link rel="stylesheet" href="<%=basePath %>resource/bootstrap/bootstrap.min.css" />
- <script type="text/javascript" src="<%=basePath %>resource/sources/jquery-3.0.0.min.js"></script>
- <link rel="stylesheet" href="<%=basePath %>resource/css/uuHelper.css" />
- <script type="text/javascript">
- //数据列表
- var data;
- //默认页码
- var page ="${page}";
- //默认每页
- var pagesize = "${pageSize}";
-
- if(page==""){
- page = 1;
- }
- if(pagesize==""){
- pagesize = 10;
- }
- //默认每页
-
-
-
- var apiurl="https://uas.usoftchina.com/";
-
- function getData(page,pagesize){
- $.ajax({
- url: apiurl+"api?method=queryContentPage&module=uuhelper&status=normal&orderBy=meta:push_time",
- type:"get",
- data:{
- "pagesize":pagesize,
- "page":page
- },
- dataType:"json",
- success:function(result){
- //返回登录结果成功
- data = result.data;
- setPage(data);
-
- setTimeout(function(){
- hideLoading();
- setListDiv(data);
- }, 800);
- }
- });
-
- }
- //显示页码
- function setPage(data){
- if($(".pageNumber").length>0){
- $(".pageNumber").remove();
- }
- $(".totalPage").html("共"+data.totalPage+"页");
- for(var i = 1;i<=data.totalPage;i++){
- if(data.pageNumber==i){
- var pageNumber = '<li class="pageNumber active"><a onclick="getData('+i+','+pagesize+')">'+i+'</a></li>';
- }else{
- var pageNumber = '<li class="pageNumber"><a onclick="getData('+i+','+pagesize+')">'+i+'</a></li>';
- }
-
- $(".Next").before(pageNumber);
- }
- }
- //隐藏预加载元素
- function hideLoading(){
- $("#uuloading").hide();
- }
-
- //显示列表
- function setListDiv(data){
- $("#uulist").show();
- $("#uuUl").empty();
- var title,created,summary,text,temp,link,thumbnail,author;
- for(var i = 0;i<data.list.length;i++){
- thumbnail = '<div class="temp_l fl"><img class="thumbnail" src="'+apiurl+data.list[i].thumbnail+'"/></div>'
- title = '<h3 class="title">'+data.list[i].title+'</h3>';
- summary = '<p class="summary">'+data.list[i].summary+'</p>';
- created = '<span class="created">'+data.list[i].created+'</span>';
- author = '<span class="author">'+data.list[i].author+'</span>';
- temp = '<div class="temp">'+thumbnail+'<div class="temp_r fl" onclick="getdetail('+i+')">'+title+summary+created+author+'</div>'+'</div>';
- $("#uuUl").append(temp);
- }
- }
-
- //跳转详情
- function getdetail(i){
- $("#uulist").hide();
- var title = '<h3 class="title">'+data.list[i].title+'</h3>';
- var created = '<span class="created">'+data.list[i].created+'</span>';
- var author = '<span class="author">'+data.list[i].author+'</span>';
- var tempdetail = title +'<div class="Detail_head">'+created + author+"</div>" + checkText(data.list[i].text) + '<div class="Detail_Bottom"></div>';
-
- $(".content").append(tempdetail);
- $("#uudetail").show();
- }
- //检查内容
- function checkText(content){
- return content.replace(new RegExp('src=\"/attachment','g'),'src=\"'+apiurl+'attachment');
- }
- //后退
- function back(){
- $("#uulist").show();
- $("#uudetail").hide();
- $(".content").empty();
- }
-
- $(function(){
- getData(page,pagesize);
- $(".Previous").on('click',function(){
- if(data.pageNumber>1){
- getData(data.pageNumber-1,pagesize);
- }
- })
- $(".Next").on('click',function(){
- if(data.pageNumber<data.totalPage){
- getData(data.pageNumber+1,pagesize);
- }
- })
- });
- </script>
- </head>
- <body>
- <div>
- <div class="container">
- <div id = "uuloading">
- <div id='loading'>
- <div class='block' id='rotate_01'></div>
- <div class='block' id='rotate_02'></div>
- <div class='block' id='rotate_03'></div>
- <div class='block' id='rotate_04'></div>
- <div class='block' id='rotate_05'></div>
- <div class='block' id='rotate_06'></div>
- <div class='block' id='rotate_07'></div>
- <div class='block' id='rotate_08'></div>
- </div>
- </div>
- <div id = "uulist">
- <div>
- <div id = "uuUl"></div>
- </div>
- <div id="pagelist">
- <nav style="text-align: center" aria-label="Page navigation">
- <ul class="pagination">
- <li class="Previous">
- <a href="#" aria-label="Previous">
- <span aria-hidden="true">上一页</span>
- </a>
- </li>
- <li class="Next">
- <a href="#" aria-label="Next">
- <span aria-hidden="true">下一页</span>
- </a>
- </li>
- <li>
- <span class="totalPage"></span>
- </li>
- </ul>
- </nav>
- </div>
- </div>
- <div id = "uudetail">
- <div>
- <a href="#top"></a>
- </div>
- <div class = "content">
- </div>
- <div class="sideBar">
- <a class="btn btn-danger btn-block" role="button" onclick="back()">后退</a>
- <a name="top" href="#" class="btn btn-success btn-block" role="button">回到顶部</a>
- </div>
- </div>
- </div>
- </div>
- </body>
- </html>
|