jsp页面运行时怎么显示这个
<%--
Created by IntelliJ IDEA.
User: xw
Date: 2019/12/23
Time: 13:53
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<link rel="stylesheet" href="${APP_PATH}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/font-awesome.min.css">
<link rel="stylesheet" href="${APP_PATH}/css/main.css">
<style>
.tree li {
list-style-type: none;
cursor:pointer;
}
table tbody tr:nth-child(odd){background:#F4F4F4;}
table tbody td:nth-child(even){color:#C00;}
</style>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<div><a class="navbar-brand" style="font-size:32px;" href="#">众筹平台 - 用户维护</a></div>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li style="padding-top:8px;">
<div class="btn-group">
<button type="button" class="btn btn-default btn-success dropdown-toggle" data-toggle="dropdown">
<i class="glyphicon glyphicon-user"></i> 张三 <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#"><i class="glyphicon glyphicon-cog"></i> 个人设置</a></li>
<li><a href="#"><i class="glyphicon glyphicon-comment"></i> 消息</a></li>
<li class="divider"></li>
<li><a href="index.html"><i class="glyphicon glyphicon-off"></i> 退出系统</a></li>
</ul>
</div>
</li>
<li style="margin-left:10px;padding-top:8px;">
<button type="button" class="btn btn-default btn-danger">
<span class="glyphicon glyphicon-question-sign"></span> 帮助
</button>
</li>
</ul>
<form class="navbar-form navbar-right">
<input type="text" class="form-control" placeholder="Search...">
</form>
</div>
</div>
</nav>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<div class="tree">
<ul style="padding-left:0px;" class="list-group">
<li class="list-group-item tree-closed" >
<a href="main.html"><i class="glyphicon glyphicon-dashboard"></i> 控制面板</a>
</li>
<li class="list-group-item">
<span><i class="glyphicon glyphicon glyphicon-tasks"></i> 权限管理 <span class="badge" style="float:right">3</span></span>
<ul style="margin-top:10px;">
<li style="height:30px;">
<a href="user.html" style="color:red;"><i class="glyphicon glyphicon-user"></i> 用户维护</a>
</li>
<li style="height:30px;">
<a href="role.html"><i class="glyphicon glyphicon-king"></i> 角色维护</a>
</li>
<li style="height:30px;">
<a href="permission.html"><i class="glyphicon glyphicon-lock"></i> 许可维护</a>
</li>
</ul>
</li>
<li class="list-group-item tree-closed">
<span><i class="glyphicon glyphicon-ok"></i> 业务审核 <span class="badge" style="float:right">3</span></span>
<ul style="margin-top:10px;display:none;">
<li style="height:30px;">
<a href="auth_cert.html"><i class="glyphicon glyphicon-check"></i> 实名认证审核</a>
</li>
<li style="height:30px;">
<a href="auth_adv.html"><i class="glyphicon glyphicon-check"></i> 广告审核</a>
</li>
<li style="height:30px;">
<a href="auth_project.html"><i class="glyphicon glyphicon-check"></i> 项目审核</a>
</li>
</ul>
</li>
<li class="list-group-item tree-closed">
<span><i class="glyphicon glyphicon-th-large"></i> 业务管理 <span class="badge" style="float:right">7</span></span>
<ul style="margin-top:10px;display:none;">
<li style="height:30px;">
<a href="cert.html"><i class="glyphicon glyphicon-picture"></i> 资质维护</a>
</li>
<li style="height:30px;">
<a href="type.html"><i class="glyphicon glyphicon-equalizer"></i> 分类管理</a>
</li>
<li style="height:30px;">
<a href="process.html"><i class="glyphicon glyphicon-random"></i> 流程管理</a>
</li>
<li style="height:30px;">
<a href="advertisement.html"><i class="glyphicon glyphicon-hdd"></i> 广告管理</a>
</li>
<li style="height:30px;">
<a href="message.html"><i class="glyphicon glyphicon-comment"></i> 消息模板</a>
</li>
<li style="height:30px;">
<a href="project_type.html"><i class="glyphicon glyphicon-list"></i> 项目分类</a>
</li>
<li style="height:30px;">
<a href="tag.html"><i class="glyphicon glyphicon-tags"></i> 项目标签</a>
</li>
</ul>
</li>
<li class="list-group-item tree-closed" >
<a href="param.html"><i class="glyphicon glyphicon-list-alt"></i> 参数管理</a>
</li>
</ul>
</div>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><i class="glyphicon glyphicon-th"></i> 数据列表</h3>
</div>
<div class="panel-body">
<form class="form-inline" role="form" style="float:left;">
<div class="form-group has-feedback">
<div class="input-group">
<div class="input-group-addon">查询条件</div>
<input class="form-control has-success" type="text" placeholder="请输入查询条件">
</div>
</div>
<button type="button" class="btn btn-warning"><i class="glyphicon glyphicon-search"></i> 查询</button>
</form>
<button type="button" class="btn btn-danger" style="float:right;margin-left:10px;"><i class=" glyphicon glyphicon-remove"></i> 删除</button>
<button type="button" class="btn btn-primary" style="float:right;" onclick="window.location.href='add.html'"><i class="glyphicon glyphicon-plus"></i> 新增</button>
<br>
<hr style="clear:both;">
<div class="table-responsive">
<table class="table table-bordered" id="crowd_table">
<thead>
<tr >
<th width="30">#</th>
<th width="30"><input type="checkbox"></th>
<th>账号</th>
<th>名称</th>
<th>邮箱地址</th>
<th width="100">操作</th>
</tr>
</thead>
<tbody>
<%-- <c:forEach items="${page.datas}" var="user" varStatus="status">--%>
<%-- <tr>--%>
<%-- <td>${status.count}</td>--%>
<%-- <td><input type="checkbox"></td>--%>
<%-- <td>${user.loginacct}</td>--%>
<%-- <td>${user.username}</td>--%>
<%-- <td>${user.email}</td>--%>
<%-- <td>--%>
<%-- <button type="b utton" class="btn btn-success btn-xs"><i class=" glyphicon glyphicon-check"></i></button>--%>
<%-- <button type="button" class="btn btn-primary btn-xs"><i class=" glyphicon glyphicon-pencil"></i></button>--%>
<%-- <button type="button" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i></button>--%>
<%-- </td>--%>
<%-- </tr>--%>
<%-- </c:forEach>--%>
</tbody>
<tfoot>
<tr >
<td colspan="6" align="center">
<%-- <ul class="pagination">--%>
<%-- <c:if test="${page.pageno==1 }">--%>
<%-- <li class="disabled"><a href="#">上一页</a></li>--%>
<%-- </c:if>--%>
<%-- <c:if test="${page.pageno!=1 }">--%>
<%-- <li><a href="#" onclick="pageChange(${page.pageno-1})">上一页</a></li>--%>
<%-- </c:if>--%>
<%-- <c:forEach begin="1" end="${page.totalno}" var="num">--%>
<%-- <li--%>
<%-- <c:if test="${page.pageno == num}">--%>
<%-- class="active"--%>
<%-- </c:if>--%>
<%-- ><a href="#" onclick="pageChange(${num})">${num}</a></li>--%>
<%-- </c:forEach>--%>
<%-- <c:if test="${page.pageno==page.totalno }">--%>
<%-- <li class="disabled"><a href="#">下一页</a></li>--%>
<%-- </c:if>--%>
<%-- <c:if test="${page.pageno!=page.totalno }">--%>
<%-- <li><a href="#" onclick="pageChange(${page.pageno+1})">下一页</a></li>--%>
<%-- </c:if>--%>
<%-- </ul>--%>
</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="${APP_PATH}/jquery/jquery-2.1.1.min.js"></script>
<script src="${APP_PATH}/bootstrap/js/bootstrap.min.js"></script>
<script src="${APP_PATH}/script/docs.min.js"></script>
<script type="text/javascript" src="${APP_PATH}/jquery/layer/layer.js"></script>
<script type="text/javascript" src="${APP_PATH}/jquery/pagination/jquery.pagination.js"></script>
<script type="text/javascript">
<%--function to_page(pn){--%>
<%-- $ajax({--%>
<%-- url:"${APP_PATH/index}",--%>
<%-- data:"pn=" + pn,--%>
<%-- type:"GET",--%>
<%-- success:function (result) {--%>
<%-- //解析并显示数据--%>
<%-- build_crowd_table(result);--%>
<%-- }--%>
<%-- });--%>
<%--}--%>
<%--function build_crowd_table(result) {--%>
<%-- //清空table表格--%>
<%-- var crowd = result.extend.pageno.list;--%>
<%-- $.each(crowd,function (index,item) {--%>
<%-- var countTd = $("<td></td>").append(item.count);--%>
<%-- var checkboxTd = $("<td><input type='checkbox' class='check_item'></td>");--%>
<%-- var loginacctTd = $("<td></td>").append(item.loginacct);--%>
<%-- var username = $("<td></td>").append(item.username);--%>
<%-- var email = $("<td></td>").append(item.email);--%>
<%-- var editBtn = $("<button></button>").addClass("btn btn-success btn-xs").append($("<span><span>").addClass("glyphicon glyphicon-check")).append("编辑");--%>
<%-- var delBtn = $("<button></button>").addClass("btn btn-success btn-xs").append($("<span><span>").addClass("glyphicon glyphicon-check")).append("删除");--%>
<%-- var btnTd = $("<td></td>").append(editBtn).append(" ").append(delBtn);--%>
<%-- $("<tr></tr>")--%>
<%-- .append(countTd)--%>
<%-- .append(checkboxTd)--%>
<%-- .append(loginacctTd)--%>
<%-- .append(username)--%>
<%-- .append(email)--%>
<%-- .append(btnTd)--%>
<%-- .appendTo("#crowd_table tbody");--%>
<%-- });--%>
<%--}--%>
$(function () {
$(".list-group-item").click(function(){
if ( $(this).find("ul") ) {
$(this).toggleClass("tree-closed");
if ( $(this).hasClass("tree-closed") ) {
$("ul", this).hide("fast");
} else {
$("ul", this).show("fast");
}
}
});
});
$("tbody .btn-success").click(function(){
window.location.href = "assignRole.html";
});
$("tbody .btn-primary").click(function(){
window.location.href = "edit.html";
});
function pageChange(pageno) {
window.location.href="${APP_PATH}/user/index.do?pageno=" + pageno;
}
var jsonObj = {
"pageno" : 1,
"pagesize" : 10
};
var loadingIndex = -1;
function queryPageUser(pageIndex) {
$.ajax({
type:"POST",
data: jsonObj,
url:"${PAA_PATH}/user/doIndex.do",
beforeSend : function(){
loadingIndex = layer.load(2, {time: 10*1000});
return true;
},
success : function (result) {
layer.close(loadingIndex);
if (result.success){
var data = page.datas;
var content = '';
$.each(data, function (i, n) {
content += '<tr>';
content += ' <td>' + (i + 1) + '</td>';
content += ' <td><input type="checkbox" id="' + n.id + '"></td>';
content += ' <td>' + n.loginacct + '</td>';
content += ' <td>' + n.username + '</td>';
content += ' <td>' + n.email + '</td>';
content += ' <td>';
content += ' <button type="button" onclick="window.location.href=\'${APP_PATH}/user/assignRole.htm?id=' + n.id + '\'" class="btn btn-success btn-xs"><i class=" glyphicon glyphicon-check"></i></button>';
content += ' <button type="button" onclick="window.location.href=\'${APP_PATH}/user/toUpdate.htm?id=' + n.id + '\'" class="btn btn-primary btn-xs"><i class=" glyphicon glyphicon-pencil"></i></button>';
content += ' <button type="button" onclick="deleteUser(' + n.id + ',\'' + n.loginacct + '\')" class="btn btn-danger btn-xs"><i class=" glyphicon glyphicon-remove"></i></button>';
content += ' </td>';
content += '</tr>';
});
$("tbody").html(content);
}else {
layer.msg(result.message, {time: 1000,icon:5,shift:6});
}
},
error : function(){
layer.msg("加载数据失败！",{time:1000,icon: 5,shift: 6});
}
});
}
</script>
</body>
</html>
成功的返回值