更新首页

src/main/webapp/WEB-INF/index.html

 @layout("/common/_container.html",{title:"概览"}){
 <div class="row">
-    <div class="col-12">
-        @for(notice in noticeList){
-        <div class="alert alert-info" role="alert">
-            ${notice.content}
+    <div class="col-md-6 col-lg-3 col-xlg-3">
+        <div class="card card-inverse card-info">
+            <div class="box bg-info text-center">
+                <h1 class="font-light text-white">2,064</h1>
+                <h6 class="text-white">Sessions</h6>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6 col-lg-3 col-xlg-3">
+        <div class="card card-primary card-inverse">
+            <div class="box text-center">
+                <h1 class="font-light text-white">1,738</h1>
+                <h6 class="text-white">Users</h6>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6 col-lg-3 col-xlg-3">
+        <div class="card card-inverse card-success">
+            <div class="box text-center">
+                <h1 class="font-light text-white">5963</h1>
+                <h6 class="text-white">Page Views</h6>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6 col-lg-3 col-xlg-3">
+        <div class="card card-inverse card-warning">
+            <div class="box text-center">
+                <h1 class="font-light text-white">10%</h1>
+                <h6 class="text-white">Bounce Rate</h6>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-md-6">
+        <div class="card card-inverse card-info">
+            <div class="card-header">
+                <h4 class="m-b-0 text-white">Card Title</h4></div>
+            <div class="card-block">
+                <h3 class="card-title">Special title treatment</h3>
+                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                <a href="#" class="btn btn-inverse">Go somewhere</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="card card-inverse card-primary">
+            <div class="card-header">
+                <h4 class="m-b-0 text-white">Card Title</h4></div>
+            <div class="card-block">
+                <h3 class="card-title">Special title treatment</h3>
+                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                <a href="#" class="btn btn-inverse">Go somewhere</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="card card-inverse card-warning">
+            <div class="card-header">
+                <h4 class="m-b-0 text-white">Card Title</h4></div>
+            <div class="card-block">
+                <h3 class="card-title">Special title treatment</h3>
+                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                <a href="#" class="btn btn-inverse">Go somewhere</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-md-6">
+        <div class="card card-inverse card-success">
+            <div class="card-header">
+                <h4 class="m-b-0 text-white">Card Title</h4></div>
+            <div class="card-block">
+                <h3 class="card-title">Special title treatment</h3>
+                <p class="card-text">With supporting text below as a natural lead-in to additional content.</p>
+                <a href="#" class="btn btn-inverse">Go somewhere</a>
+            </div>
+        </div>
+    </div>
+</div>
+<div class="row">
+    <div class="col-lg-3 col-md-6 img-responsive">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img4.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns v5.1</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6 img-responsive">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img4.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns v4.2</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img3.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns v3.3</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img2.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns v2.4</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns v1.0</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns SSO</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns ORACLE</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
+        </div>
+    </div>
+    <div class="col-lg-3 col-md-6">
+        <div class="card">
+            <img class="card-img-top img-responsive" src="${ctxPath}/assets/common/images/big/img1.jpg" alt="Card image cap">
+            <div class="card-block">
+                <h4 class="card-title">Guns MSSQL</h4>
+                <p class="card-text">无web.xml，新时代的后台管理系统</p>
+                <a href="#" class="btn btn-primary">点击前往</a>
+            </div>
         </div>
-        @}
     </div>
 </div>
 @}

src/main/webapp/WEB-INF/system/notice/notice_index.html

+@layout("/common/_container.html",{title:"概览"}){
+<div class="row">
+    <div class="col-12">
+        @for(notice in noticeList){
+        <div class="alert alert-info" role="alert">
+            ${notice.content}
+        </div>
+        @}
+    </div>
+</div>
+@}