layui的基本样例使用

<script type="text/html" id="barDemo">
//这个script的id与下面laiyui表格中操作的id对应
    <a href="javascript:;"    data-iframe-tab="modifySchool0?dep_name={{d.dep_name}}&pro_name={{d.pro_name}}&class_name={{d.class_name}}&id={{d.id}}" data-title="修改{{d.school_name}}学校学院信息" data-icon="fa fa-gears">修改</a>
</script>
<script type="text/javascript">
    var dep_name = $("#dep_name").val();//院系名称
    var pro_name = $("#pro_name").val();//专业名称
    var class_name = $("#class_name").val();//班级名称
/**
*这里定义需要用到laiyui属性
*/
    layui.use(['form', 'table','element', 'layer', 'layuimini','upload'], function () {
        var $ = layui.jquery,
            form = layui.form,
            element = layui.element,
            layer = layui.layer,
            table = layui.table;
        var util = layui.util;
        var upload = layui.upload; //得到 upload 对象

        var ttb = table.render({
            elem: '#currentTableId1',
            url: 'schoolList0',
            method: 'post',
            contentType: 'application/json;charset=UTF-8',
            whereType:'json',
            where:{"dep_name":dep_name,"pro_name":pro_name,"class_name":class_name},
            height: 'full-200',
            cols: [
                [
                    {field: 'school_sn',sort: true,  width:'16.666%',title: '学校代码',  fixed: 'left'},
                    {field: 'school_name',   width:'16.666%',  title: '学校名称', fixed: 'left'},
                    {field: 'dep_name', width:'16.666%',  title:'院系名称',fixed:'left'},
                    {field: 'pro_name', width:'16.666%', title:'专业名称',fixed:'left'},
                    {field: 'class_name', width:'16.666%', title:'班级名称',fixed:'left'},
                    {field: '', title: '操作',  width:'16.666%',  toolbar: '#barDemo'}
                ]
            ],
            id: 'currentTableId1',
            done: function (res, curr, count) {
            },
            limits: [10, 15, 20, 25, 50, 100],//可分页的条数
            limit: 10,//页面的显示条数
            page: true//页码会自动相加减
        });