feats

resources/static/js/common.js

@@ -40,9 +40,12 @@ window.onload = function() {
 		}
 	}  
 	loadPage();
+	loadPage2();
 };
 function loadPage() {
 }
+function loadPage2() {
+}
 function setSchColSpan(schColSpan){
 	$("#schCol_span").append(schColSpan);
 }

resources/templates/main/dashboard.html

@@ -13,30 +13,9 @@
     <div class="dash-carousel">
       <div class="ratio-static">
         
-    <div id="myNiceCarousel" class="carousel slide" data-ride="carousel">
+    <div id="myNiceCarousel" class="carousel slide">
       <!-- 轮播项目 -->
       <div class="carousel-inner">
-        <div class="item active">
-          <img alt="First slide" src="http://openzui.com/docs/img/slide1.jpg">
-          <div class="carousel-caption">
-            <h3>我是第一张幻灯片</h3>
-            <p>:)</p>
-          </div>
-        </div>
-        <div class="item">
-          <img alt="Second slide" src="http://openzui.com/docs/img/slide2.jpg">
-          <div class="carousel-caption">
-            <h3>我是第二张幻灯片</h3>
-            <p>0.0</p>
-          </div>
-        </div>
-        <div class="item">
-          <img alt="Third slide" src="http://openzui.com/docs/img/slide3.jpg">
-          <div class="carousel-caption">
-            <h3>我是第三张幻灯片</h3>
-            <p>最后一张咯~</p>
-          </div>
-        </div>
       </div>
     
       <!-- 项目切换按钮 -->
@@ -201,4 +180,39 @@
       </div>
     </div>
   </div>
+  <script>
+    function loadPage2() {
+      var TH_SERVER = 'http://192.168.89.147:8087/api'
+
+      var itemTpl = [
+        '<div class="item {active}">',
+        '  <img alt="" src="{src}">',
+        '  <div class="carousel-caption">',
+        '    <h3>{title}</h3>',
+        '  </div>',
+        '</div>',
+      ].join('');
+
+      $.ajax({
+        url: TH_SERVER+'/banner?pageNum=1&pageSize=20',
+        success: function (resp) {
+          if (resp.code != 1000) return;
+          var list = resp.data.records
+          if (list && list.length > 0) {
+            var html = list.map(function(item, index) {
+              var active = index == 0 ? 'active' : '';
+              var src = item.image;
+              var title = item.desc || '';
+
+              return itemTpl.replace('{active}', active).replace('{src}', src).replace('{title}', title);
+            }).join('')
+
+            $("#myNiceCarousel .carousel-inner").children().remove();
+            $("#myNiceCarousel .carousel-inner").append(html);
+            $('#myNiceCarousel').carousel()
+          }
+        }
+      })
+    }
+  </script>
 </div>