个人博客

2021年5月29日：

昨日完善了活动通知的显示，现在最为重要的就是社长点击活动可以查看签到的人数，这是活动的界面：

 这是社长特有的发起的活动的界面，当前页面上显示了活动的一些基础信息，包括名字，举办的社团，举行的地点，以及大致的开始时间与结束时间。当点击这段标签时就会弹出一个模态框，这是模态框的代码：

<div class="modal fade" id="mh" tabindex="-1" role="dialog"
aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">&times;</button>
<h4 class="modal-title">
已确定的人数&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span
id="zi" style="color: red;"></span> / <span id="mu"></span>
</h4>
</div>
<div class="modal-body">
<div role="tabpanel" class="tab-pane fade active in"
id="tab_content1" aria-labelledby="home-tab"
style="height: 320px;">
<div style="height: 320px;">
<ul class="list-unstyled user_data" id="u">
</ul>
</div>
</div>
<ul class="nav nav-pills"
style="padding-left: 390px; display: none;" id="fenye">
</ul>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
</div>
</div>
</div>
</div>
</div>

这是打开模态框的代码：

$(".huodong1").click(function(){
page=1;
l=1;
$.ajax({
url : "${pageContext.request.contextPath}/club/qiandao",
data : "club="+$(this).attr("data-club"),
success : function(data) {
$("#mu").text(data.map.ren);
}
})
$.ajax({
url : "${pageContext.request.contextPath}/user/qiandao1",
data : "club="+$(this).attr("data-club")+"&huo1="+$(this).attr("data-huo"),
async: false,
success : function(data) {
users=data.length;
$("#zi").text(data.length);
}
})
$("#u").empty();
if(users>l){
$("#fenye").empty();
var li=`<li class="active" id="shang"><a href="" data-toggle="tab"
onclick="shangye()">上一页</a></li>
<li style="margin-left: 10px;" id="xia"><a href=""
data-toggle="tab" onclick="xiaye()">下一页</a></li>`;
$("#fenye").append(li);
$("#shang").attr("style","visibility:hidden");
$("#fenye").show();
}
c=$(this).attr("data-club");
h=$(this).attr("data-huo");
$.ajax({
url : "${pageContext.request.contextPath}/user/qiandao",
data : "p=1&club="+$(this).attr("data-club")+"&huo1="+$(this).attr("data-huo"),
success : function(data) {
$.each(data,function(){
var li=$("<li style='float: left; margin-right: 35px; 140px; margin-bottom: 50px;'></li>");
var a=$("<a class='user-profile dropdown-toggle'></a>").attr("href","javaScript:;");
var img=$("<img>").attr("src","${pageContext.request.contextPath}/statics/images/user/"+this.user+".jpg");
$("#u").append(li.append(a.append(img).append(this.user)));
})
}
})
$("#mh").modal({
backdrop : "static"
})
})这段代码只是打开模态框，但是再打开模态框之前我得获取签到的人员信息以及一些其他的基本信息。