基于SSM+bootstrap实现用户信息分页显示C5017
摘要:
详细描述:
本源码框架使用当前流行的SSM框架,前端使用bootstrap table实现列表展示及分页,MYsql数据库代码结构清晰,逻辑简单

核心代码
<script type="text/javascript">
class BstpTable{
constructor(obj) {
this.obj=obj;
}
inint(){
//---先销毁表格 ---
this.obj.bootstrapTable('destroy');
//---初始化表格,动态从服务器加载数据---
this.obj.bootstrapTable({
//【发出请求的基础信息】
url: '<%=basePath%>student/selectAll',
method: 'post',
contentType: "application/x-www-form-urlencoded",
//【其它设置】
locale:'zh-CN',//中文支持
pagination: true,//是否开启分页(*)
pageNumber:1,//初始化加载第一页,默认第一页
pageSize: 3,//每页的记录行数(*)
pageList: [2,3,4],//可供选择的每页的行数(*)
sidePagination: "client", //分页方式:client客户端分页,server服务端分页(*)
showRefresh:true,//刷新按钮
search: true,//是否显示表格搜索,此搜索是客户端搜索,不会进服务端
//【样式设置】
height: 300,//table的高度
//按需求设置不同的样式:5个取值代表5中颜色['active', 'success', 'info', 'warning', 'danger'];
rowStyle: function (row, index) {
var style = "";
if (row.name=="老王") {style ='danger';}
return { classes: style }
},
//【设置列】
columns: [
{field: 'id',title: 'id'},
{field: 'name',title: '姓名'},
{field: 'age',title: '年龄'},
{field: 'tool',title: '操作', align: 'center',
formatter:function(value,row,index){
var element =
"<a class='edit' data-id='"+row.id +"'>编辑</a> "+
"<a class='delet' data-id='"+row.id +"'>删除</a> ";
return element;
}
}
]
})
}
}
var bstpTable=new BstpTable($("table"));
bstpTable.inint()
</script>
猜你喜欢
- SSM+maven+mysql实现登录及课程信息增删改查代码C50232
- 基于Springmvc+Hibernate实现的作业管理系统源码分享_C5050
- 基于Springboot实现在线作业提交与反馈系统_C5041
- 基于SSM+mysql实现教材预订管理系统毕业设计源码_C50244
- 基于SSM Mysql实现灯具销售库存管理系统【java毕业设计】_C50427
- 基于SSM+MYSQL实现的在线鲜花商城_C50246
- 基于Java web(jsp+servlet+mysql)实现在线学习管理系统源码_C50423
- 基于Springboot+mysql实现高校宿舍管理系统源码【java毕业设计】_C50447
- 基于Springboot+mybatis+mysql实现多用户博客交流管理系统_C50320
- 基于SSM框架实现登录及简单课程信息增删改查功能_C5102
相关代码- 推荐 基于jsp+servlet+mysql实现简单的文具购物管理系统C5037
- 推荐 纯JSP实现学生信息增删改查操作案例代码_C50258
- 推荐 基于SSM+Mysql实现的商城管理系统源码_C50359
- 推荐 基于Springboot+mysql实现用户登录及商品信息供应商信息增删改查_C50494
- 推荐 基于SSM+layui+mysql实现的学生成绩管理系统毕业设计演示_C50224
- 推荐 【java毕业设计】基于ssm+vue实现微信小程序选课管理系统_C50476
- 推荐 基于jsp网上图书商城毕业论文_L3002
- 推荐 基于jsp实现登录注册+猜数字+贪吃蛇游戏源码_C5033
- 推荐 基于SSM Mysql实现简单的通讯录管理系统源码_C50415
- 推荐 【java毕业设计】基于javaswing+mysql实现医院门诊管理信息系统含报告_C50269