BY組态（WEB組态）雲組态編輯器插件介紹
（請使用谷歌浏覽器或非ie浏覽器 360 浏覽器要切換到極速模式）
最新版本 示範位址： http://94.191.39.192:8080/byzt-new/example.html
一、應用案例
可以廣泛應用于化工、石化、制藥、冶金、建材、市政、環保、電力等幾十個行業。
二、行業痛點
随着行業的發展、智能制造，智能控制、工業控制，對網頁版軟體的需求越來越複雜，要求原來越高。傳統的單機版軟體（如組态王，力控，等）正逐漸被網頁版軟體取代。對于軟體服務商來說，将單機版軟體轉變為網頁版軟體已經到了勢在必行的地步。那麼轉變是一個複雜的過程，尤其是軟體裡面的組态功能部分，對于公司或個人都會面臨以下幾方面的問題。
1、無相關組态開發經驗，無技術積累。
2、開發周期長，如果有項目落地，無法在短時間内完成這麼繁瑣的工作。
3、穩定性，因為功能繁瑣，必須過長時間的打磨才能有一個比較穩定的版本。
這些問題導緻了公司的項目停止不前，進度緩慢，甚至影響到了項目的整體架構或方案。我們自主研發的BY組态插件很好的解決了這些問題。
三、插件優點
1、內建簡單快捷，代碼簡潔易懂，二次開發完全無阻礙。
2、應用時間長，至今為止經過了5年的市場驗證，版本較為穩定。
3、BY組态插件可以嵌入到任何網頁版軟平台件中，無需繁重的開發工作。
4、插件以源碼方式提供，友善對插件本身進行個性化的二次開發。
5、界面人性化設計，操作簡便。
6、内置海量（2000個左右）元件（圖元），圖元元件可以自由添加，畫面搭建友善。
7、自适應任何螢幕，包括手機，電腦，平闆電腦。
8、采用websocket 方式與背景互動，畫面實時響應。
9、提供websocket背景服務端java 代碼。
10、掉線自動從新連結，無需人為重新整理。
11、支援畫面儲存到模闆功能，友善快速建立新的畫面。
12、隻需實作少量接口即可完成整個web組态功能。
13、人工實時線上服務，使用無憂。
14、一次購買，終生更新。
四、接口彙總，隻需實作少量接口就能讓你的平台擁有組态功能
| 序号 | 接口名稱 | 接口描述 | 接口位置 | 備注 | 擁有版本 | 實作順序 |
| 1 | saveStageData | 儲存場景畫面 | byzt/config/InitConfig.js | 所有版本 | 1 | |
| 2 | editStageData | 編輯場景畫面 | byzt/config/InitConfig.js | 所有版本 | 2 | |
| 3 | viewStageData | 監控端檢視實時場景畫面 | byzt/config/InitConfig.js | 所有版本 | 3 | |
| 4 | $.ajax | 上傳自定義圖檔元件 | uploadImage.html 190行 | 填寫自己的背景接口，用于儲存圖檔 | 所有版本 | 4 |
| 5 | getMyMoudleData | 擷取我的元件（查詢自定義上傳的圖檔） | byzt/config/InitConfig.js | 所有版本 | 6 | |
| 6 | deleteMyMoudleData | 删除我的元件（删除自定義上傳的圖檔） | byzt/config/InitConfig.js | 所有版本 | 7 | |
| 7 | getXm | 擷取項目 | byzt/config/InitConfig.js | 畫面元件點選綁定裝置的時候的下拉清單，根據下拉清單配置的情況，選擇實作某些接口 | 所有版本 | 5 |
| 8 | getSb | 擷取裝置 | ||||
| 9 | getCj | 擷取從機 | ||||
| 10 | getCgq | 擷取傳感器 | ||||
| 11 | saveStageModuleData | 儲存畫面模闆 | byzt/config/InitConfig.js | vip版本 | 8 | |
| 12 | getMyMoudleStageJsonData | 擷取我的畫面模闆 | byzt/config/InitConfig.js | vip版本 | 9 | |
| 13 | deleteMyMoudleStageData | 删除我的畫面模闆 | byzt/config/InitConfig.js | vip版本 | 10 | |
| 14 | table.render | 畫面跳轉時要跳轉到的目标畫面清單 | targetStage.html 101行 | 填寫自己的背景接口，用于查詢清單 | vip版本 | 11 |
五、插件展示
最新版本 示範位址： http://94.191.39.192:8080/byzt-new/example.html
編輯器界面
監控界面（展示實時動畫）
細節展示
六、功能清單
七、資料流向圖
八、接入步驟
九、詳細說明書
十、常見問題
問題1
問:如何将BY組态插件嵌入到我們的系統，我們的系統是vue項目？
答:将我們的BY組态插件獨立插件部署在tomcat或者其他容器，然後在vue裡面使用iframe嵌入。
問題2
問：組态完成後，儲存後是生成新的監控畫面嗎？
答：不是，儲存後是将畫面所有資料以JSON格式儲存到資料庫，監控頁面是固定的頁面，在調用監控頁面的時候傳入之前儲存到資料庫的畫面的Id，監控頁面會根據id把儲存好的畫面JSON查出來還原為畫面。
問題3
問：畫面綁定了10個資料點，但是我從背景傳到前台的資料有100個資料點，監控畫面會自動過濾嗎？
答：是的，監控畫面會自己過濾。
問題4
問：websocket是一個畫面一個連結嗎？每個畫面支援多少個資料點？
答：是的一個畫面一個websocket連結，每個畫面支援無數個資料點。
問題5
問：綁定裝置的時候我們沒有從機怎麼辦？
答：綁定裝置選擇的下拉清單是可以配置的，如果沒有從機去掉配置就可以了。
問題6
問：背景系統如何知道組态頁面綁定了那些傳感器。我如何有針對性的往監控頁面傳輸資料點的資料。
答：組态點選儲存的時候，會傳入目前畫面綁定的所有資料點的id，這些id可以儲存在資料庫，當背景收到資料點資料的時候，可以吧id拿出來和資料庫中儲存的id進行比對。id一緻的就傳入到監控頁面。
問題7
問：你們提供資料庫嗎？
答：我們是純前端，不提供資料庫，資料庫表需要你們自己建，我們會提供表結構給你們參考。
問題8
問：你們組态中的元件，元件，可以自己做嗎？
答：可以的，我們完全開放源碼，所有元件你們都可以自己添加。
問題9
問：監控畫面傳輸資料使用的是什麼方式？
答：為了畫面能夠實時響應資料，我們使用的是websocket傳輸資料。我們提供websocket服務端（JAVA）的代碼，複制到你們的項目就可以使用。
問題10
問：我們是工廠，元件比較多，一個畫面放不下怎麼辦？
答：可以拆分為多個畫面，畫面和畫面之前有按鈕可以切換（該功能vip版才有）。
問題11
問：背景通過websocket往監控端畫面傳輸資料，資料格式是什麼？
答: 傳輸資料的時候，資料格式是JSON。比如畫面綁定了5個資料點，那麼json可以包含5個資料（可以更多，畫面會自己過濾無用的資料。也可以少于5個），json的鍵是綁定資料點的id。