並非閒的蛋疼,做技術也經常喜歡蛋疼,糾結於各種技術,各種需求變更，還有一個很苦惱的就是UI總是那麼不盡人意。前不久自己開源了自己做了多年的倉儲專案(開源地址:https://github.com/hechenqingyuan/gitwms),雖然比較簡單業務也不算特別複雜，但終究是做出來了而且還有客戶付費使用。做程式的成就感來源於兩個方面:
(1) 軟體能夠給自己帶來物質上上的回報
(2) 讓使用者直觀上感受到軟體好用 並且得到稱讚(說白了有一個漂亮的UI)
一. 資訊化管理系統模板
這個是不是很熟悉,好些年前這種類似的資訊化管理模板非常流行，也是非常適合國人操作習慣的操作風格。之前大部分資訊化管理系統基本都是這樣的,上中下排版，左右分割。
再後來就出現了大量的jQuery外掛,提供一套比較完整的UI體系，以EasyUI為例:
於是又出現了大批這種淡藍色的系統，千篇一律的風格。
上面提到的兩種風格,上一種一般都是左右選單，中間套用一個iframe 來載入頁面，整個前端基本沒有一個完整的體系，系統的開發都是以後端為主。 而EasyUI出現之後貌似解放了很多事情，HTML輸入展示元素得到了很大的增強, 其中以表格外掛最為明顯，在這之前都是後端輸出表格或者使用字串拼接表格。EasyUI 這種元件帶來了前端開發的革新，工作重點也由後端轉移到了前端，大量的JS使用看得程式碼眼花繚亂。同時也存在著一個問題，JS動態生成的表格元素有太多的巢狀樣式，而且元素的擴充套件性非常難。
二 . 吉特倉儲系統中的Bootstrap
吉特倉儲管理系統在開發一段時間之後，由於UI美工的極度缺乏，而且當時也沒有能力招聘美工，而EasyUI也基本排除在外了(太蛋疼,出現了審美疲勞)，市場上千篇一律的這種風格軟體，完全感覺不到新意。這個時候出現了Bootstrap，未移動裝置響應式裝置而生，這個CSS框架的確做的非常不錯，是相當的優秀。在Bootstrap中提供了一套完整的CSS結構體系，支援移動裝置，Bootstrap程式碼結構清晰，上手容易而且非常實用，也提供了各種元件，擴充套件性非常強，於是果斷使用了Bootstrap
在Bootstrap官網中學習一段時間之後開始嘗試做了一些簡單的頁面，整體來說UI有了大的改觀。同時也在網上找了一些現成的Bootstrap 來學習，Bootstrap開始全面應用到吉特倉儲管理系統中。做出來之後系統整個介面個人非常清爽的感覺，沒有了EasyUI那種密密麻麻緊湊的感覺了，整個頁面也感覺相當的和諧。 後面推向客戶的時候也得到了不少的讚賞，為整個系統加分不少。
Bootstrap使用了相當長的一段時間，在PC端,移動端都有使用。雖然自己算不上精通，但是也能夠做一些東西了。而且這套CSS框架能夠獨成體系，和EasyUI不同(嚴重依賴JS)，後面果斷的放棄了EasyUI。 Bootstrap也支援一些jQuery外掛，其本身也是依賴jQuery的，這也為我們提供了便利擴充套件Bootstrap。吉特倉儲系統出來之後開始整理Bootstrap的相關學習筆記：
Bootstrap系列 -- 1. 如何使用Bootstrap
更多關於Bootstrap相關的文章請檢視 Bootstrap 隨筆分類
當時寫這些東西的時候都不敢往首頁發,所屬的知識點的確是太低階了,目的只為了供自己學習,在適當的時候自己可以找到相關的資料，總之後面寫了好多篇關於Bootstrap的學習筆記。當時也是閒的蛋疼才開始整理這些東西的，當時公司業務無望，整天無所事事感覺自己還是要做一些事情來彌補自己的無趣，於是就整理了這些學習資料。
三. 為何無心插柳
有一天出版社聯絡我,問我部落格中的Bootstrap內容是否為自己所寫，是否有意願整理成書稿來出版。當時我有點不知所措,平時都是看大牛出版相關書籍，現在突然有人找自己出版我覺得很意外。在答應他們出版之前，我的心理一直是坎坷不安的，我怕自己所寫的東西會誤導別人，而且特別是這種技術類的東西。後面也詢問過一些朋友關於這方面的事情，基本得到的回答是：我是閒的蛋疼 。 最終還是下定決心我要整理書稿, 當時我的確是沒事情做，公司眼看也撐不下去了，與其天天無所事事還不如干點實事，雖然價值不是很大但是比虛度要好。而且一直告誡自己一定要做一件自己認為值得做的事情，我就覺得當時這件事我很值得去做。
於是我開始了近兩個月的書稿整理, 將所有的文章內容重新修正排班，案例測試。在合同規定時間內交付了書稿，之前做倉儲系統的時候有做過印刷行業的客戶，沒有想到自己的書也能印刷出來，簡直太意外了。
經過為期半年的溝通，校稿，印刷等苦苦等來了書的出版，第一本樣書送到我手上的時候激動了好久，畢竟是自己親手整理的,雖然對於很多老程式設計師來說這根本算不了什麼，但是總覺得自己做了一件事情，而且堅持做下來了，而且成功了！
使用Bootstrap開發吉特倉儲管理系統之後，給系統帶來了不錯的反響，但終究沒有運營好這個專案，讓我沒有想到的時候因為這個竟然出版了 <<Bootstrap 基礎教程>>
四. 後話
寫本文有點廣告的嫌疑，這裡也就不避諱了,想給大家分享一點小心情，同時希望大家關注 吉特倉儲管理系統
<<Bootstrap 基礎教程>> JD 淘寶 各大電商網站均有銷售
吉特倉儲管理系統開源地址： https://github.com/hechenqingyuan/gitwms
希望做倉儲物流相關的小夥伴共同溝通交流
QQ交流群: 88718955 142050808
個人QQ: 821865130
作者：情緣
出處：http://www.cnblogs.com/qingyuan/
關於作者：從事倉庫，生產軟體方面的開發，在專案管理以及企業經營方面尋求發展之路
版權宣告：本文版權歸作者和部落格園共有，歡迎轉載，但未經作者同意必須保留此段宣告，且在文章頁面明顯位置給出原文連結。
聯絡方式: 個人QQ 821865130 ; 倉儲技術QQ群 88718955,142050808 ;
吉特倉儲管理系統 開源地址: https://github.com/hechenqingyuan/gitwms