FineUI經典專案展示（1）生產線上管理系統

三生石上(FineUI控制元件)發表於2017-03-02

本系列《FineUI經典專案展示》文章將會集中展示一批使用FineUI（開源版）、專業版、MVC版的經典專案。

如果你希望自己的FineUI專案出現在這個舞臺，請到官網論壇提交申請：

http://fineui.com/bbs/forum.php?mod=forumdisplay&fid=37

作者簡介

今天的要展示的專案來自北京的網友【秋收】，你可以透過官網論壇或者QQ群和他聯絡：

官網論壇：

FineUI VIP3+會員群：

專案名稱

生產線上管理系統

FineUI版本

FineUI（開源版）v4.2.4.1

專案介紹

本系統主要用於機械製造企業計劃分解、下達、車間現場執行情況即時反饋、車間現場質量情況即時反饋、後臺資料查詢和統計分析等。

系統開發特點如下：
A、傳統車間生產線上系統為方便車間現場使用掃碼槍掃碼（儘量少使用鍵盤和滑鼠）和保證資料的實時性、大多使用C/S結構、而本系統使用FineUI框架及豐富的控制元件，結合使用jQuery、Node.js、WebSocket等技術，在B/S結構下實現了車間生產線上的主要功能;
B、充分利用EnableIFrame和IFrameUrl屬性、以及使用者控制元件功能，將所有功能拆分成許多可重用的小型模組，利用使用者控制元件的回撥函式處理多個使用者控制元件之間相互聯動，從而避免因複雜的網頁產生巨大的程式，使系統結構更加清晰、開發複雜程度大大降低;
C、充分利用自定義回發(__doPostBack()、F.customEvent())功能，實現客戶端JS程式與後臺進行資料互動，使得掃碼槍掃碼資料自動分發，輔助提示、輔助自動查詢、選擇式輸入做到游標跟隨，能夠基本達到C/S結構程式使用效果，大大方便了可操作性。
D、對於表格資料的維護利用RegionPanel皮膚，將其分成條件查詢、查詢結構的Grid顯示，單個記錄詳細內容的顯示、修改、刪除和新增三大部分，透過陣列、XML或資料庫表等方式，在程式外部描述介面中資料專案和每個資料專案與資料庫表欄位對應關係，在Page_Init時利用自定義處理函式自動建立介面元素，自動佈局（可選擇橫向佈局或豎向佈局），對條件檢索、內容顯示和編輯、更新儲存、新增儲存、刪除等功能程式碼進行通用處理，對於特定情況則採用（如關聯表的關聯查詢、關係刪除）使用者控制元件回撥函式處理。因此對於一般的資料查詢維護模組或功能，基本上能做到上午進行業務分析，下午就能展示執行效果;
E、2012年曾用FineUI3.2版開發過一個“一個加氣站IC卡資料遠端查詢系統”，從學習到完成用了三個月時間，時隔四年FineUI已經發展到6.0版，另外還有專業版和MVC版，這次用FineUI4.2.4.1開發本系統從重新熟悉到完成，用時約一個月，開發效率應該還不錯。
F、系統主要缺點為對網路及伺服器的穩定性和效能有較高要求，對較複雜的頁面載入速度較慢。