JQ-bootstrap個人開源前端框架

時間 2019-12-17

原文原文鏈接

由於實在不知道寫啥，因此遲遲沒有相關的介紹。可是必需要積累過程資產，因此仍是介紹一下，不定哪天就有人用了。

首先仍是介紹遇到的問題，我是作傳統後臺管理系統的，公司趕時髦，要用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罷了。

這是個人第一個開源項目，你們多多支持，有很差的地方必定要通知我，我會不要臉的接受的。