说来惭愧 厦门台风来袭断电5天后 我住的小区才来电，今天想起来还是要把这几天的心得写一下。当然以前没写过所以可能说的不好!请大家见谅 因为我这其实也是给自己总结一下学习经验嘛！

这两天我一直在研究bootstrap 首先是做一点简单的 bootstrap跟freemarker结合起来 一个是jQuery插件 一个是基于模板  虽然我暂时还是一头雾水 相信在网上可以查到很多bootstrap的参数  这里就不说了

这套最好用的估计就是分页了 简单的配置 分页效果就出来了 。 虽然我增删改查都做出来 其实也不是很困难就是 分页有点模糊 还需要再研究一下， 当时刚刚接到的时候 我连ftl都看不懂 ，一个前辈说编程要有思路，思路清晰了就比较好办。我还是贴点代码 来看看seajs

  seajs.use(['table','dialog'], function ($,dialog ){  seajs我还不太明白 不过看网上的资料 是一种很方便加载 什么的 这个真心不太明白 有待研究
        $('#user-grid').bootstrapTable(); 获取bootstrap表单所有的设置信息
        $('#btnAdd').on('click', function () {
            dialog.show({
                title: '添加',   标题
                message: $('<div></div>').load('user/add'),  加载一个div  load后面的相当于url add是独立的一个ftl页面   user是也就是所谓的控制层 controller   @RequestMapping(value = "/user")
                buttons: [{
                    label: '保存',  生成一个保存的按钮
                    cssClass: 'btn-primary',  按钮的css样式
                    action: function (dialogItself) {  里面的参数就是现实的一个窗口
                        $.post('user/save', $('#app-form').serialize(), function (data) {这里就我估计就是发送ajax请求

                            post请求 ，url，序列化 id选择器选中的 这个from  发送参数 data
                            if (data.success) {  函数回调成功 关闭窗口
                                dialogItself.close();
                                $('#user-grid').bootstrapTable('refresh'); 这个就有点像 获取user-grid div里面的所有表单refresh就相当于 回调以后直接刷新这部分的页面吧

                            }
                        });
                    }
                }, {
                    label: '关闭', 生成一个关闭按钮
                    cssClass: 'btn-default',
                    action: function (dialogItself) {
                        dialogItself.close();
                    }
                }]
            });
        });
    });  

从这段代码就可以知道 其实这套组合挺好用 就是没接触过 弄起来非常费力气  这个功能就是一个 添加一条信息的怎么一个控件按钮  回想起以前用html 写的时候 body里面要写好多的东西 freemarker +bootstrap 代码就非常少 大部分都是设置 加div  如果能熟练运用的话 真心是好用  新手嘛 今天暂时就介绍到这里 明天如果记起来的话 继续！