后台管理系统引入Boostrap的editTable

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

        本周开始要进行后台管理系统的开发。前端主要以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,//是否显示分页(*)
    ……
});

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值