JQ-bootstrap个人开源前端框架

    由于实在不知道写啥，因此迟迟没有相关的介绍。可是必需要积累过程资产，因此仍是介绍一下，不定哪天就有人用了。

 

    首先仍是介绍遇到的问题，我是作传统后台管理系统的，公司赶时髦，要用bootstrap。公司其余团队已经用bootstrap做为前端作出一套系统了，算是当前系统的升级，我没参与，进入测试阶段后，我偷偷看了一眼——嗯，多是我眼光高，多是测试版，我能够忍住不吐槽，我又不上项目。抱着这样的心理，我被通知开发其中的一个模块，这时我又看到了jsp代码——嗯，多是我开发经验少，多是……。反正要让我开发我忍不了，一个表单，输入框能不同长，一个保存按钮就挨在输入框旁边，换个行也行啊，这是我认识的bootstrap么，表格头和分页条挨着是什么鬼，没数据？有了数据要滚动整个屏幕是哪样，我在滚动到顶上看表头么；HTML你却是缩进啊，却是写注释啊，还有内部样式啊，之后不改了么，我新建个页面，要把写好的整个页面都粘贴过去，而后在一层一层的找就为修改个标题，而后拉到最下面修改数据源，还得靠搜索找到事件到底在哪。我百度了一下，发现bootstrap没有面向后台开发人员的框架，最可能是组件控件，html和css仍是要写一堆。

 

    1.因为后台管理程序界面大同小异，页面的大多数功能就是对数据的增删改查，复杂的逻辑由后台程序执行；因此当使用Bootstrap时有不少HTML是须要反复重复的粘贴复制，使用模板页又不能保证灵活性若是作了不少页面后须要统一修改，就会至关麻烦，对于专一后台代码人员是一个很大的工做量；

    2.后台代码人员对前端不是很熟悉，并且不会花大量时间优化前端代码，致使不一样程序员开发的页面样式不统一，整个软件看着就不是一个风格；

    3.原生Bootstrap部分控件并不能知足客户需求，须要引用其余第三方插件，当多个第三方插件组合在一块儿的时候程序员的噩梦又开始了；

 

    因此若是公司没有专门的前端人员，也没有成熟的Bootstrap模板框架，将会遇到三个问题：重复的工做量，影响开发周期；页面风格不统一；前台代码逻辑复杂很难维护；

 

    当我发现这三个问题后着手用jquery封装原生Bootstrap和第三方插件，使页面引用统一的js和css，在尽可能保证开发灵活的同时统一页面布局和样式。

 

    再来分享下具体的实现思路，

 

    1.首先做为控件要有一个统一的类，我命名为bsEx，随便起的，类包括 控件，基础属性和方法，事件也要走统一接口，要支持多语言，若是是第三方组件，要支持其全部属性和方法，这个类包含在一个js包里，组件要尽可能减小前台html，保证一个控件一行或直接没有；

    2.要有一个css文件，调整组件样式；要为每一个组件写出示例及API方便学习参考；

    3.要开源，觉得只有我用到项目中了（jq22那上也有人用了可是没有跟踪不知道使用状况），源码要注释的明确方便修改；

    4.要有更新日志；

 

    实现的话就很简单了，只不过把属性提出来，输出html罢了。

 

    这是个人第一个开源项目，你们多多支持，有很差的地方必定要通知我，我会不要脸的接受的。

    项目源码

    https://gitee.com/shixixiyue/MyBootstrapEx

    能够经过右上角 [查看本页面源码] 进行在线查看，方便学习

    v2.0版本 https://shixixiyue.gitee.io/mybootstrapex/