我是如何一步步編碼完成萬倉網ERP系統的（二）前端框架

　　https://www.cnblogs.com/smh188/p/11533668.html（我是如何一步步編碼完成萬倉網ERP系統的（一）系統架構）

　　https://www.cnblogs.com/smh188/p/11534451.html（我是如何一步步編碼完成萬倉網ERP系統的（二）前端框架）

　　https://www.cnblogs.com/smh188/p/11535449.html（我是如何一步步編碼完成萬倉網ERP系統的（三）登陸）

　　https://www.cnblogs.com/smh188/p/11541033.html（我是如何一步步編碼完成萬倉網ERP系統的（四）登陸的具體實現）

　　https://www.cnblogs.com/smh188/p/11542310.html（我是如何一步步編碼完成萬倉網ERP系統的（五）產品庫設計 1.產品類別）

　　https://www.cnblogs.com/smh188/p/11546917.html（我是如何一步步編碼完成萬倉網ERP系統的（六）產品庫設計 2.百度Ueditor編輯器）

　　https://www.cnblogs.com/smh188/p/11572668.html（我是如何一步步編碼完成萬倉網ERP系統的（七）產品庫設計 3.品牌圖片跨域上傳）

　　https://www.cnblogs.com/smh188/p/11576543.html（我是如何一步步編碼完成萬倉網ERP系統的（八）產品庫設計 4.品牌類別）

　　https://www.cnblogs.com/smh188/p/11578185.html（我是如何一步步編碼完成萬倉網ERP系統的（九）產品庫設計 5.產品屬性項） 

　　https://www.cnblogs.com/smh188/p/11589264.html（我是如何一步步編碼完成萬倉網ERP系統的（十）產品庫設計 6.屬性項和類別關聯） 

　　https://www.cnblogs.com/smh188/p/11596459.html（我是如何一步步編碼完成萬倉網ERP系統的（十一）產品庫設計 7.發佈商品） 

　　https://www.cnblogs.com/smh188/p/11610960.html（我是如何一步步編碼完成萬倉網ERP系統的（十二）庫存 1.概述） 

　　https://www.cnblogs.com/smh188/p/11669871.html（我是如何一步步編碼完成萬倉網ERP系統的（十三）庫存 2.加權平均價） 

　　https://www.cnblogs.com/smh188/p/11763319.html（我是如何一步步編碼完成萬倉網ERP系統的（十四）庫存 3.庫存日誌） 

　　萬倉網ERP系統不開源，準備作一個系列，講一講主要的技術點，這些技術點會有源代碼。若是想看全部的源代碼，能夠打道回府了，不必再閱讀下去了，浪費您寶貴的時間。
　　上篇把系統架構搭起來了，固然系統架構並非一蹴而就的，而是按部就班的。道路是曲折的，前途是光明的。

　　這篇我們就說說前端框架的選型。

　　我們熟知的有jQuery UI，easyui等等吧，國內的國外的，收費的免費的等等有不少，本身也能夠作一個。

　　我供職過的一家公司使用過DWZ，一個簡單實用的國產JQuery UI框架，實用起來很是簡單方便，有興趣的朋友能夠研究一下DWZ。

　　在這裏我們說另一個優秀的前端框架 B-JUI（官網好像打不開了）。B-JUI結合了DWZ、Bootstrap、font awesome和nice validate等一些現代化的js，css插件，使頁面更加美觀大氣上檔次（高大上），直接上個原官網圖片吧。

　　

　　B-JUI比較符合個人審美，首先是上 左結構，上面是大菜單，左邊是關聯的小菜單，右邊是正文。點擊上面大菜單，左邊菜單跟着變化。若是系統過於龐大，菜單所有集中在左邊時，會顯得左邊過於重，不符合個人審美，B-JUI正好合適，那還有什麼好說的，前端框架就選它吧。

　　

 　　最後上傳一下萬倉網ERP系統的界面，對B-JUI作了一下簡單的調整，把上面的橫向導航欄從右邊移動到左邊，每一個人的界面根據權限來動態加載菜單。首頁的右邊正文，能夠作一些待辦事項提醒，統計圖表等。

 

PS：客官有時間光臨個人小站 萬倉網。