# JQ-Bootstrap扩展

**Repository Path**: shixixiyue/MyBootstrapEx

## Basic Information

- **Project Name**: JQ-Bootstrap扩展
- **Description**: 我的Bootstrap扩展，与JQ结合使用
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://shixixiyue.gitee.io/mybootstrapex/
- **GVP Project**: No

## Statistics

- **Stars**: 42
- **Forks**: 12
- **Created**: 2018-05-24
- **Last Updated**: 2023-12-28

## Categories & Tags

**Categories**: bootstrap-plugins

**Tags**: None

## README

# JQ-Bootstrap

#### 项目介绍
我的Bootstrap扩展，与JQ结合使用<p>
v2.0版本 持续更新中...<p>
版本1.0地址 http://www.jq22.com/jquery-info14436 <p>


我是做.net出身，公司在开始使用原生Bootstrap做为前端时，遇到了许多问题：<p/>
1.由于后台管理程序界面大同小异，页面的大多数功能就是对数据的增删改查，<br/>
复杂的逻辑由后台程序执行；所以当使用Bootstrap时有很多HTML是需要反复重复的粘贴复制，使用模板页又不能保证灵活性<br/>
如果做了很多页面后需要统一修改，就会相当麻烦，对于专注后台代码人员是一个很大的工作量；<p/>
2.后台代码人员对前端不是很熟悉，而且不会花大量时间优化前端代码，导致不同程序员开发的页面样式不统一，整个软件看着就不是一个风格；<p/>
3.原生Bootstrap部分控件并不能满足客户需求，需要引用其他第三方插件，当多个第三方插件组合在一起的时候程序员的噩梦又开始了；<p/>
所以如果公司没有专门的前端人员，也没有成熟的Bootstrap模板框架，将会遇到三个问题：重复的工作量，影响开发周期；页面风格不统一；前台代码逻辑复杂很难维护；<p/>
当我发现这三个问题后着手用jquery封装原生Bootstrap和第三方插件，使页面引用统一的js和css，在尽量保证开发灵活的同时统一页面布局和样式，<br/>
现在整理出来作为开源项目，如果该插件能为后台程序员解决前端问题我会很欣慰；<p/>

演示地址 https://shixixiyue.gitee.io/mybootstrapex/

API https://shixixiyue.gitee.io/mybootstrapex/API/index.html

#### 软件架构
基于Bootstrap，第三方Bootstrap插件，JQuery  

#### 部分页面截图

* 样式

    ![Modal](images/README/样式.gif)


* Modal 弹出页

    ![Modal](images/README/1.png)

* Alert 提示框

    ![Alert](images/README/2.png)

* Tab 页签

    ![Tab](images/README/3.png)

* Tab 事件

    ![Tab](images/README/4.png)

* 表单验证

    ![Form](images/README/5.png)
    
* 下拉框

    ![DD](images/README/6.png)
    
* Panel 版面

    ![Panel](images/README/7.png)
    
* Tree 树

    ![Tree](images/README/8.png)
    
* Button 按钮

    ![Button](images/README/9.png)
    
* Grid 表格

    ![Grid](images/README/10.png)
    
* 多语言支持

    ![多语言支持](images/README/11.png)
    
* 在线源码查看

    ![在线源码学习](images/README/12.png)
    
* API

    ![API](images/README/13.png)

#### 重要日志
 [2019-3-12] <br>
<ul>
    <li>1.增加Tree插件 示例和API</li>
</ul>
 [2019-3-1] <br>
<ul>
    <li>1.增加Alert插件 示例和API</li>
    <li>2.增加Confirm插件 示例和API</li>
</ul>
 [2018-6-21] <br>
<ul>
    <li>1.增加表格Grid插件</li>
    <li>2.增加按钮组BtnGroup插件</li>
</ul>
[2018-6-12] <br>
    <ul>
    <li>1.增加Panel插件</li>
    <li>2.增加Button插件</li>
    </ul>
<p>
[2018-5-31] <br>
    <ul>
    <li>1.增加API页面</li>
    </ul>
<p>
[2018-5-30] <br>
    <ul>
    <li>1.增加页签示例</li>
    <li>2.开放源码</li>
    </ul>
<p>
[2018-5-29] <br>
    <ul>
    <li>1.增加404页面</li>
    <li>3.增加控件事件注册</li>
    </ul>
<p>
[2018-5-28] <br>
    <ul>
    <li>1.封装了导航栏控件</li>
    </ul>
<p>
[2018-5-25] <br>
    <ul>
    <li>1.增加了多语言支持</li>
    <li>2.增加了主页面</li>
    </ul>
<p>
[2018-5-24] 
<ul> <li>创建项目</li></ul>

#### 联系我
@北京-没想好<p>
QQ<br>
<a href="tencent://message/?uin=935732994&amp;Site=''&amp;Menu=yes">935732994</a><p>
我的博客地址<br> http://www.cnblogs.com/shiworkyue/ <p>
微信慢慢聊<br><img src="http://140.143.155.224:8086/res/weixin.png" style="width:220px;">