並非閑的蛋疼,做技術也經常喜歡蛋疼,糾結於各種技術,各種需求變更，還有一個很苦惱的就是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