个人信息页面

src/main/webapp/WEB-INF/system/user/user_view.html

+@/**
+@ * 本页面所用的模板变量
+@ *
+@ * name      :    用户姓名
+@ * email     :    邮箱
+@ * roleName  :    角色名称
+@ * phone     :    电话
+@ * deptName  :    部门名称
+@ **/
 @layout("/common/_container.html",{plugins:["cropper"],js:["/assets/modular/system/user/user_view.js"]}){
 <div class="row">
     <div class="col-lg-4 col-xlg-3 col-md-5">
         <div class="card">
             <div class="card-block">
-                <center class="m-t-30"><img src="${avatar}" class="img-circle" width="150"/>
-                    <h4 class="card-title m-t-10">Hanna Gover</h4>
-                    <h6 class="card-subtitle">Accoubts Manager Amix corp</h6>
+                <div class="m-t-30" style="text-align: center;"><img src="${avatar}" class="img-circle" width="150"/>
+                    <h4 class="card-title m-t-10">${name}</h4>
+                    <h6 class="card-subtitle">${roleName!} ${deptName!}</h6>
                     <div class="row text-center justify-content-md-center">
                         <div class="col-4"><a href="javascript:void(0)" class="link"><i class="icon-people"></i> <font class="font-medium">254</font></a></div>
                         <div class="col-4"><a href="javascript:void(0)" class="link"><i class="icon-picture"></i> <font class="font-medium">54</font></a></div>
                     </div>
-                </center>
+                </div>
             </div>
             <div>
                 <hr>
             </div>
             <div class="card-block">
                 <small class="text-muted">Email address</small>
-                <h6>hannagover\@gmail.com</h6>
+                <h6>${email!}</h6>
                 <small class="text-muted p-t-30 db">Phone</small>
-                <h6>+91 654 784 547</h6>
+                <h6>${phone!}</h6>
                 <small class="text-muted p-t-30 db">Address</small>
-                <h6>71 Pilgrim Avenue Chevy Chase, MD 20815</h6>
+                <h6>中国 北京市 朝阳区 大望路 xx</h6>
                 <div class="map-box">
                     <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d470029.1604841957!2d72.29955005258641!3d23.019996818380896!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e848aba5bd449%3A0x4fcedd11614f6516!2sAhmedabad%2C+Gujarat!5e0!3m2!1sen!2sin!4v1493204785508"
                             width="100%" height="150" frameborder="0" style="border:0" allowfullscreen></iframe>