本地提交

donate-console/src/main/java/test/SmsTestApplication.java

@@ -0,0 +1,22 @@
+package test;
+
+import com.uas.console.donate.model.SmsMessage;
+import com.uas.platform.core.util.HttpUtil;
+import com.uas.platform.core.util.serializer.FlexJsonUtils;
+
+import java.util.ArrayList;
+import java.util.List;
+
+public class SmsTestApplication {
+    public static void main(String[] args) {
+        SmsMessage sms = new SmsMessage();
+        String messageUrl = "http://message.ubtob.com/sms/send";
+        sms.setReceiver("18702604604");
+        List<Object> obj = new ArrayList<Object>();
+        obj.add("史晨如");
+        obj.add("测试");
+        sms.setParams(obj);
+        sms.setTemplateId("72cc98e4-0c2b-4d16-944b-2e0515048b8d");
+        HttpUtil.sendPost(messageUrl, FlexJsonUtils.toJsonDeep(sms));
+    }
+}

donate-console/src/main/resources/config/application-prod.properties

@@ -1,58 +0,0 @@
-datasource.url=jdbc:mysql://192.168.253.12:3306/donate?characterEncoding=utf-8
-datasource.username=root
-datasource.password=select111***
-datasource.driverClassName=com.mysql.jdbc.Driver
-datasource.initialSize=3
-datasource.minIdle=1
-datasource.maxActive=20
-datasource.maxWait=60000
-datasource.timeBetweenEvictionRunsMillis=60000
-datasource.minEvictableIdleTimeMillis=300000
-datasource.validationQuery=SELECT 1 FROM DUAL
-datasource.testWhileIdle=true
-datasource.testOnBorrow=true
-datasource.testOnReturn=false
-datasource.poolPreparedStatements=true
-datasource.timeBetweenLogStatsMillis=60000
-datasource.maxPoolPreparedStatementPerConnectionSize=20
-datasource.filters=stat,slf4j
-datasource.connectionProperties=druid.stat.mergeSql=false;druid.stat.slowSqlMillis=5000
-
-security.basic.enabled=true
-security.basic.path=/service
-security.user.name=admin
-security.user.password=select111***
-security.user.role=ADMIN
-security.ignored=false
-
-## message config
-message.send.url=http://message.ubtob.com/sms/send
-message.tplInvitationForB2B=
-message.msgInvitationForB2B=
-
-
-
-### sso config
-#sso.app=donate
-## token secretkey
-#sso.secretkey=
-#sso.cookie.domain=.ubtob.com
-#sso.cookie.secure=false
-#sso.login.url=https://account.ubtob.com/sso/login
-
-
-
-spring.jpa.hibernate.show-sql= true  
-spring.jpa.hibernate.ddl-auto=update
-spring.jpa.hibernate.dialect=org.hibernate.dialect.5DiGlect  
-spring.jackson.serialization.indent_output=false  
-
-zk.url=zookeeper://10.10.100.11:2181
-dubbo.owner=prod
-dubbo.group=prod
-
-#设定ftl文件路径
-spring.freemarker.template-loader-path=classpath:/templates
-#设定静态文件路径，js,css等
-spring.mvc.static-path-pattern=/static/*
-spring.freemarker.cache=false

donate-console/src/main/resources/config/application-test.properties

@@ -1,40 +0,0 @@
-datasource.url=jdbc:mysql://192.168.253.12:3306/donate?characterEncoding=utf-8
-datasource.username=root
-datasource.password=select111***
-datasource.driverClassName=com.mysql.jdbc.Driver
-datasource.initialSize=3
-datasource.minIdle=1
-datasource.maxActive=20
-datasource.maxWait=60000
-datasource.timeBetweenEvictionRunsMillis=60000
-datasource.minEvictableIdleTimeMillis=300000
-datasource.validationQuery=SELECT 1 FROM DUAL
-datasource.testWhileIdle=true
-datasource.testOnBorrow=true
-datasource.testOnReturn=false
-datasource.poolPreparedStatements=true
-datasource.timeBetweenLogStatsMillis=60000
-datasource.maxPoolPreparedStatementPerConnectionSize=20
-datasource.filters=stat,slf4j
-datasource.connectionProperties=druid.stat.mergeSql=false;druid.stat.slowSqlMillis=5000
-
-security.basic.enabled=true
-security.basic.path=/console
-security.user.name=admin
-security.user.password=select111***
-security.user.role=ADMIN
-security.ignored=false
-
-spring.jpa.hibernate.show-sql= true  
-spring.jpa.hibernate.ddl-auto=update
-spring.jpa.hibernate.dialect=org.hibernate.dialect.5Dialect  
-spring.jackson.serialization.indent_output=false  
-
-zk.url=zookeeper://10.10.100.11:2181
-dubbo.owner=dev
-dubbo.group=dev
-
-spring.http.encoding.force=true
-spring.http.multipart.enabled=true
-spring.http.multipart.max-file-size=128MB
-spring.http.multipart.max-request-size=128MB

donate-service/src/main/java/com/uas/service/donate/impl/ProjectRecordServiceImpl.java

@@ -22,22 +22,36 @@ public class ProjectRecordServiceImpl implements ProjectRecodeService {
         return projectRecodeDao.findByuuid(uuid);
     }
 
+    //计算某人参与项目的次数
+    public Long sumJoin(Long uuid){
+        return projectRecodeDao.sumJoin(uuid);
+    }
+
+    //计算某人捐赠的总善款
+    public Long sumMoney(Long uuid){
+        return projectRecodeDao.sumMoney(uuid);
+    }
+
     public ProjectRecode join(ProjectRecode projectRecode) {
        return projectRecodeDao.save(projectRecode);
     }
 
+    //查询所有项目已筹集金额
     public Double totality(){
         return projectRecodeDao.totality();
     }
 
+    //查询所有的项目历史总参与人数
     public Long historyPerson(){
         return projectRecodeDao.historyPerson();
     }
 
+    //查询某项目参与总人数
     public Long sumPerson(Long proId){
         return projectRecodeDao.sumPerson(proId);
     }
 
+    //查询某项目已筹集金额
     public Double sumamount(Long proId){
         return projectRecodeDao.sumamount(proId);
     }
@@ -48,13 +62,4 @@ public class ProjectRecordServiceImpl implements ProjectRecodeService {
     }
 
 
-    //计算某人捐赠的总善款
-    public Long sumMoney(Long uuid){
-        return projectRecodeDao.sumMoney(uuid);
-    }
-    //计算某人参与项目的次数
-    public Long sumJoin(Long uuid){
-        return projectRecodeDao.sumJoin(uuid);
-    }
-
 }

donate-service/src/main/resources/config/application-prod.properties

@@ -1,58 +0,0 @@
-datasource.url=jdbc:mysql://192.168.253.12:3306/donate?characterEncoding=utf-8
-datasource.username=root
-datasource.password=select111***
-datasource.driverClassName=com.mysql.jdbc.Driver
-datasource.initialSize=3
-datasource.minIdle=1
-datasource.maxActive=20
-datasource.maxWait=60000
-datasource.timeBetweenEvictionRunsMillis=60000
-datasource.minEvictableIdleTimeMillis=300000
-datasource.validationQuery=SELECT 1 FROM DUAL
-datasource.testWhileIdle=true
-datasource.testOnBorrow=true
-datasource.testOnReturn=false
-datasource.poolPreparedStatements=true
-datasource.timeBetweenLogStatsMillis=60000
-datasource.maxPoolPreparedStatementPerConnectionSize=20
-datasource.filters=stat,slf4j
-datasource.connectionProperties=druid.stat.mergeSql=false;druid.stat.slowSqlMillis=5000
-
-security.basic.enabled=true
-security.basic.path=/service
-security.user.name=admin
-security.user.password=select111***
-security.user.role=ADMIN
-security.ignored=false
-
-## message config
-message.send.url=http://message.ubtob.com/sms/send
-message.tplInvitationForB2B=
-message.msgInvitationForB2B=
-
-
-
-### sso config
-#sso.app=donate
-## token secretkey
-#sso.secretkey=
-#sso.cookie.domain=.ubtob.com
-#sso.cookie.secure=false
-#sso.login.url=https://account.ubtob.com/sso/login
-
-
-
-spring.jpa.hibernate.show-sql= true  
-spring.jpa.hibernate.ddl-auto=update
-spring.jpa.hibernate.dialect=org.hibernate.dialect.5DiGlect  
-spring.jackson.serialization.indent_output=false  
-
-zk.url=zookeeper://10.10.100.11:2181
-dubbo.owner=prod
-dubbo.group=prod
-
-#设定ftl文件路径
-spring.freemarker.template-loader-path=classpath:/templates
-#设定静态文件路径，js,css等
-spring.mvc.static-path-pattern=/static/*
-spring.freemarker.cache=false

donate-service/src/main/webapp/WEB-INF/views/index.html → donate-service/src/main/resources/templates/index.ftl

@@ -10,8 +10,9 @@
     <meta name="renderer" content="webkit">
     <!--css begin-->
     <link href="static/images/icon/u.png" rel="icon" type="image/x-icon" />
-    <link rel="stylesheet" href="static/lib/bootstrap/css/bootstrap.min.css">
+    <link rel="stylesheet" href="static/css/bootstrap.min.css">
     <link rel="stylesheet" href="static/css/base.css">
+    <link rel="stylesheet" type="text/css" href="static/css/kkpager_blue.css" />
     <style>
         body{
             font-family: "Microsoft Yahei", "微软雅黑";
@@ -574,43 +575,46 @@
         }
     </style>
 </head>
-<body>
-<div id="nav" ng-controller="AuthenticationCtrl">
-    <div class="container clearfix">
-        <div class="fl"><a href=""><img src="static/images/uas.png" alt=""/></a><span>一元捐</span></div>
-        <div class="fr">
-            <a ng-if = "!user" ng-click="signinModal()" href="javascript:void(0)">登录</a>
-            <a ng-if = "!user" ng-click="registerModal()" href="javascript:void(0)">注册</a>
-            <a href="http://www.ubtob.com/" target="_blank">进入优软云</a>
-        </div>
+<script type="text/javascript" src="static/js/jquery-1.9.1.min.js"></script>
+<script type="text/javascript" src="static/js/bootstrap.min.js"></script>
+<script type="text/javascript" src="static/lib/kkpager/kkpager.js"></script>
+
+<body ng-app="index">
+<div class="container clearfix">
+    <div class="fl"><a href=""><img src="static/images/uas.png" alt=""/></a><span>一元捐</span></div>
+    <div class="fr">
+        <a ng-if = "!user" ng-click="signinModal()" href="javascript:void(0)">登录</a>
+        <a ng-if = "!user" ng-click="registerModal()" href="javascript:void(0)">注册</a>
+        <a href="http://www.ubtob.com/" target="_blank">进入优软云</a>
     </div>
 </div>
+</div>
 <div class="main">
     <div class="container">
         <div class="section section1">
-            <!--banner-->
+            <!--banner&ndash;&gt;-->
             <div class="banner">
                 <div id="myCarousel" class="carousel slide">
-                    <!-- 轮播（Carousel）指标 -->
+                    <!-- 轮播（Carousel）指标 &ndash;&gt;-->
                     <ol class="carousel-indicators">
                         <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                         <li data-target="#myCarousel" data-slide-to="1"></li>
                         <li data-target="#myCarousel" data-slide-to="2"></li>
                     </ol>
-                    <!-- 轮播（Carousel）项目 -->
+                    <!-- 轮播（Carousel）项目 &ndash;&gt;-->
                     <div class="carousel-inner">
                         <div class="item active"><img src="static/images/index/banner01.png"/></div>
                         <div class="item"><img src="static/images/index/banner01.png"/></div>
                         <div class="item"><img src="static/images/index/banner01.png"/></div>
                     </div>
-                    <!-- 轮播（Carousel）导航 -->
+                    <!-- 轮播（Carousel）导航 &ndash;&gt;-->
                     <a class="carousel-control left" href="#myCarousel"
                        data-slide="prev">&lsaquo;</a>
                     <a class="carousel-control right" href="#myCarousel"
                        data-slide="next">&rsaquo;</a>
                 </div>
             </div>
-            <!--personal-center-->
+            <!--personal-center&ndash;&gt;-->
             <div class="personal-center">
                 <div class="top">
                     <div class="top-item">
@@ -636,25 +640,25 @@
                 <div class="button">
                     <span class="active">项目中心</span><a href="activeCenter"><span>活动中心</span></a>
                 </div>
-                <!--切换-->
+                <!--切换&ndash;&gt;-->
                 <div class="buttons show">
                     <div class="bottom-item">
                         <div class="title"><span>历史参加人数</span></div>
-                        <div class="count"><span>21,206</span><span>人次</span></div>
+                        <div class="count"><span class="historyperson">${historyPerson!''}</span><span>人次</span></div>
                     </div>
                     <div class="bottom-item">
                         <div class="title"><span>历史捐款总额</span></div>
-                        <div class="count" style="margin-left: -10px;"><span>1,409366</span><span>元</span></div>
+                        <div class="count" style="margin-left: -10px;"><span class="totality">${totality!''}</span><span>元</span></div>
                     </div>
                 </div>
                 <div class="buttons">
                     <div class="bottom-item">
                         <div class="title"><span>历史参加人数</span></div>
-                        <div class="count"><span>21,206</span><span>人次</span></div>
+                        <div class="count"><span class="historyperson"></span><span>人次</span></div>
                     </div>
                     <div class="bottom-item">
                         <div class="title"><span>历史捐款总额</span></div>
-                        <div class="count" style="margin-left: -10px;"><span>1,409366</span><span>元</span></div>
+                        <div class="count" style="margin-left: -10px;"><span class="totality"></span><span>元</span></div>
                     </div>
                 </div>
             </div>
@@ -663,20 +667,20 @@
             <div class="status">
                 <div class="form-group">
                     <label for="">项目状态：</label>
-                    <select name="" id="">
-                        <option value="">筹备中</option>
-                        <option value="">执行中</option>
-                        <option value="">已结束</option>
+                    <select name="" id="chooseStatus">
+                        <option>全部</option>
+                        <option>进行中</option>
+                        <option>已结束</option>
                     </select>
                 </div>
                 <div class="form-group">
                     <label for="">项目领域：</label>
-                    <select name="" id="">
-                        <option value="">全部分类</option>
-                        <option value="">环保/保护动物</option>
-                        <option value="">疾病救助</option>
-                        <option value="">扶贫/救灾</option>
-                        <option value="">教育/助学</option>
+                    <select name="" id="chooseArea">
+                        <option>全部</option>
+                        <option>环保/保护动物</option>
+                        <option>疾病救助</option>
+                        <option>扶贫/救灾</option>
+                        <option>教育/助学</option>
                     </select>
                 </div>
                 <div class="form-group form-groups">
@@ -684,134 +688,32 @@
                     <img src="static/images/index/search.png" alt=""/>
                 </div>
             </div>
-            <div class="list-item clearfix">
-                <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help01.png" alt=""/></a>
-                </div>
-                <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">罕见病DMD医疗救助</a></p>
-                    <div><span>项目简介：</span><span>关注DMD患儿家庭，竭力增加生命长度，接力拓展生命宽度。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
-                </div>
-                <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
-                </div>
-                <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
-            </div>
-            <div class="list-item clearfix">
-                <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help02.png" alt=""/></a>
-                </div>
-                <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">寒门学子 阳光助学</a></p>
-                    <div><span>项目简介：</span><span>崔永元发起的家庭故事和回忆录收集保存项目。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
-                </div>
-                <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
-                </div>
-                <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
-            </div>
-            <div class="list-item clearfix">
+            <#if page?exists>
+            <#list page.content as project>
+            <div class="list-item clearfix" id="projectList">
                 <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help03.png" alt=""/></a>
+                    <a href="projectDetailsAndProgress"><img src="${project.pcImg!''}" alt=""/></a>
                 </div>
                 <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">帮寒门学子多回趟家</a></p>
-                    <div><span>项目简介：</span><span>他们是一只脚迈进高校的寒门贵子，迎来的却不是光明坦途。他们是一只脚迈进高校的寒门贵子，迎来的却不是光明坦途。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
+                    <p><a href="projectDetailsAndProgress">${project.name!''}</a></p>
+                    <div><span>项目简介：</span><span>${project.summary!''}</span></div>
+                    <div><span>筹款时间：</span><span>${project.startTime!''}至${project.endTime!''}</span></div>
+                    <div><span>筹款目标：</span><span>${project.target!''}</span></div>
+                    <div><span>执&nbsp;行&nbsp;方：</span><span>${project.orgName!''}</span></div>
                 </div>
                 <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
-                </div>
-                <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
-            </div>
-            <div class="list-item clearfix">
-                <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help04.png" alt=""/></a>
-                </div>
-                <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">寒门学子 助学阳光</a></p>
-                    <div><span>项目简介：</span><span>帮助更多贫困家庭的孩子圆梦助学。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
-                </div>
-                <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
-                </div>
-                <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
-            </div>
-            <div class="list-item clearfix">
-                <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help01.png" alt=""/></a>
-                </div>
-                <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">罕见病DMD医疗救助</a></p>
-                    <div><span>项目简介：</span><span>关注DMD患儿家庭，竭力增加生命长度，接力拓展生命宽度。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
-                </div>
-                <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
-                </div>
-                <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
-            </div>
-            <div class="list-item clearfix">
-                <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help02.png" alt=""/></a>
-                </div>
-                <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">寒门学子 阳光助学</a></p>
-                    <div><span>项目简介：</span><span>崔永元发起的家庭故事和回忆录收集保存项目。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
-                </div>
-                <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
-                </div>
-                <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
-            </div>
-            <div class="list-item clearfix">
-                <div class="project-img fl">
-                    <a href="projectDetailsAndProgress"><img src="static/images/index/help03.png" alt=""/></a>
-                </div>
-                <div class="project-detail fl">
-                    <p><a href="projectDetailsAndProgress">帮寒门学子多回趟家</a></p>
-                    <div><span>项目简介：</span><span>他们是一只脚迈进高校的寒门贵子，迎来的却不是光明坦途。他们是一只脚迈进高校的寒门贵子，迎来的却不是光明坦途。</span></div>
-                    <div><span>筹款时间：</span><span>2017-08-20至2017-09-10</span></div>
-                    <div><span>筹款目标：</span><span>115000元</span></div>
-                    <div><span>执&nbsp;行&nbsp;方：</span><span>深圳市优软科技有限公司</span></div>
-                </div>
-                <div class="project-progress fr">
-                    <div><span>项目状态：<em>筹备中</em></span></div>
-                    <div><span>已参与：<em>526</em>人</span></div>
-                    <div><span>已筹款：<em>82614</em>元（79%）</span></div>
+                    <div><span>项目状态：<em>${project.overdue!''}</em></span></div>
+                    <div><span>已参与：<em>${project.joinAmount!''}</em>人</span></div>
+                    <div><span>已筹款：<em>${project.totalAmount!''}</em>元<#if project.target??>（${project.totalAmount/project.target*100!''}%）</#if></span></div>
                 </div>
                 <a class="fr donation" data-toggle="modal" data-target="#layer">我要捐款</a>
             </div>
+            </#list>
+            </#if>
             <div class="page">
                 <ul>
+                    <li>总页数${page.totalPages }</li>
+                    <li>总数据${page.totalElements}</li>
                     <li class="list active"><a href="">1</a></li>
                     <li class="list"><a href="">2</a></li>
                     <li class="list"><a href="">3</a></li>
@@ -822,6 +724,7 @@
                     <li class="list next"><a href="">下一页</a></li>
                 </ul>
             </div>
+            <div id="kkpager"></div>
         </div>
     </div>
 </div>
@@ -866,13 +769,8 @@
         </div>
     </div>
 </div>
-<!--js begin-->
-<script src="static/lib/jquery/jquery.min.js"></script>
-<script src="static/lib/bootstrap/js/bootstrap.min.js"></script>
-<script type="text/javascript" src="static/lib/require.js"
-        data-main="static/js/index/main.js"></script>
 <script>
-//    banner
+    //    banner
     $('#myCarousel').carousel({
         interval: 5000
     })
@@ -881,7 +779,90 @@
         var index = $(this).index();
         $(this).addClass('active').siblings().removeClass('active');
         $('.buttons').eq(index).addClass('show').siblings().removeClass('show');
+    })
+    //生成分页代码
+    kkpager.generPageHtml({
+        pno : ${page.number},
+        mode : 'click', //设置为click模式
+        //总页码
+        total : '${page.totalPages!''}',
+        //总数据条数
+        totalRecords : '${page.totalElements!''}',
+        //点击页码、页码输入框跳转、以及首页、下一页等按钮都会调用click
+        //适用于不刷新页面，比如ajax
+        click : function(n){
+            this.selectPage(n);
+            search(n);
+            alert(n);
+        }
+        ,lang				: {
+        firstPageText			: '首页',
+                firstPageTipText		: '首页',
+                lastPageText			: '尾页',
+                lastPageTipText			: '尾页',
+                prePageText				: '上一页',
+                prePageTipText			: '上一页',
+                nextPageText			: '下一页',
+                nextPageTipText			: '下一页',
+                totalPageBeforeText		: '共',
+                totalPageAfterText		: '页',
+                currPageBeforeText		: '当前第',
+                currPageAfterText		: '页',
+                totalInfoSplitStr		: '/',
+                totalRecordsBeforeText	: '共',
+                totalRecordsAfterText	: '条数据',
+                gopageBeforeText		: ' 转到',
+                gopageButtonOkText		: '确定',
+                gopageAfterText			: '页',
+                buttonTipBeforeText		: '第',
+                buttonTipAfterText		: '页'
+    }
+
     });
+    /*页面跳转*/
+    function search(n) {
+        //得到被选中的领域下拉框的文本值
+        var area=$("#chooseArea").find("option:selected").text();
+        //得到被选中的状态下拉框文本值
+        var status=$("#chooseStatus").find("option:selected").text();
+        window.location.href="http://localhost:8084/index?area="+area+"&&status="+status+"&&page="+(n-1);
+    }
+
+    //获取地址栏参数值
+    function getUrlParam(key){
+        // 获取参数
+        var url = window.location.search;
+        // 正则筛选地址栏
+        var reg = new RegExp("(^|&)"+ key +"=([^&]*)(&|$)");
+        // 匹配目标参数
+        var result = url.substr(1).match(reg);
+        //返回参数值
+        return result ? decodeURIComponent(result[2]) : null;
+    }
+    var area=getUrlParam('area');
+    var status=getUrlParam('status');
+
+    $('#chooseArea').val(area);
+
+    $('#chooseStatus').val(status);
+
+    //项目领域下拉框
+        $("#chooseArea").change(function(){
+            //得到被选中的领域下拉框的文本值
+            var area=$("#chooseArea").find("option:selected").text();
+            //得到被选中的状态下拉框文本值
+            var status=$("#chooseStatus").find("option:selected").text();
+            window.location.href="http://localhost:8084/index?area="+area+"&&status="+status;
+        })
+
+    //项目状态下拉框
+    $("#chooseStatus").change(function () {
+        //得到被选中的领域下拉框的文本值
+        var area=$("#chooseArea").find("option:selected").text();
+        //得到被选中的状态下拉框文本值
+        var status=$("#chooseStatus").find("option:selected").text();
+        window.location.href="http://localhost:8084/index?area="+area+"&&status="+status;
+    })
 </script>
 </body>
 </html>

donate-service/src/main/resources/templates/test.ftl

@@ -0,0 +1,5 @@
+<html>
+<body>
+hello world
+</body>
+</html>