本周开始要进行后台管理系统的开发。前端主要以Boostrap框架为主。本周主要想实现的功能是:对数据的增删改查。因此,下面主要介绍如何开发boostrap下的editTable。
第一步:引入Boostrap需要用到文件。
需引入的文件,汇总如下:
<link href="css/bootstrap.min.css" rel="stylesheet" />
<link href="css/bootstrap-editable.css" rel="stylesheet" />
<link href="css/bootstrap-table.min.css" rel="stylesheet" />
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/bootstrap-editable.js"></script>
<script src="js/bootstrap-table.js"></script>
<script src="js/bootstrap-table-zh-CN.js"></script>
<script src="js/bootstrap-table-editable.js"></script>
第二步:初始化表格
代码如下(*表示必填):
$("table").bootstrapTable({
url: 'commodity', //请求后台的URL(*)
method: 'post',
queryParams:{
page: 1,
rows: 10
},
toolbar: '#toolbar',//工具按钮用哪个容器
striped: true,//是否显示行间隔色
cache: false,//是否使用缓存,默认为true(*)
pagination: true,//是否显示分页(*)
……
});

本周开始进行后台管理系统开发,前端以Bootstrap框架为主,要实现数据增删改查功能。博客主要介绍了开发Bootstrap下editTable的步骤,包括引入所需文件和初始化表格。
1622

被折叠的 条评论
为什么被折叠?



