?體驗(yàn)地址：by組態(tài)[web組態(tài)插件]
BY組態(tài)是一款非常優(yōu)秀的純前端的【web組態(tài)插件工具】，可無縫嵌入到vue項(xiàng)目，react項(xiàng)目等，由于是原生js開發(fā)，對于前端的集成沒有框架的限制。同時(shí)由于BY組態(tài)只是一個(gè)插件，不能獨(dú)立運(yùn)行，必須嵌入到你方軟件平臺才能使用，所以你方軟件平臺需要提供后臺接口來支撐BY組態(tài)插件的運(yùn)行。BY組態(tài)為你方軟件平臺添加組態(tài)工具提供了非常友好解決方案。BY組態(tài)工具能與你方軟件平臺完全融為一體，沒有任何違和感。目前BY組態(tài)廣泛應(yīng)用于化工、石化、制藥、冶金、建材、市政、環(huán)保、電力等幾十個(gè)行業(yè)。 BY組態(tài)是一款性能穩(wěn)定，功能易用，嵌入方便的一款網(wǎng)頁端組態(tài)插件。只需實(shí)現(xiàn)簡單的幾個(gè)接口便能使您的軟件平臺擁有組態(tài)功能，在線監(jiān)測，反控等功能。
????????可以廣泛應(yīng)用于化工、石化、制藥、冶金、建材、市政、環(huán)保、電力等幾十個(gè)行業(yè)。
一、產(chǎn)品簡介
????????BY組態(tài)是集實(shí)時(shí)數(shù)據(jù)展示、動(dòng)態(tài)交互等一體的全功能可視化平臺。幫助物聯(lián)網(wǎng)、工業(yè)互聯(lián)網(wǎng)、電力能源、水利工程、智慧農(nóng)業(yè)、智慧醫(yī)療、智慧城市等場景快速實(shí)現(xiàn)數(shù)字孿生、大屏可視化、web組態(tài)、SCADA等解決方案。具有實(shí)時(shí)監(jiān)控、多樣、變化、動(dòng)態(tài)交互、高效、可擴(kuò)展、支持自動(dòng)算法、跨平臺等特點(diǎn)，最大程度減少研發(fā)和運(yùn)維的成本，并致力于普通業(yè)務(wù)人員 0 代碼開發(fā)實(shí)現(xiàn)數(shù)字孿生、大屏可視化、web組態(tài)、SCADA等解決方案。
?
?
?
?
?
?
?
?
?
?
?
?
?
?
二、行業(yè)痛點(diǎn)
????????隨著行業(yè)的發(fā)展、智能制造，智能控制、工業(yè)控制，對網(wǎng)頁版軟件的需求越來越復(fù)雜，要求原來越高。傳統(tǒng)的單機(jī)版軟件（如組態(tài)王，力控，等）正逐步被網(wǎng)頁版軟件取代。對于軟件服務(wù)商來說，將單機(jī)版軟件轉(zhuǎn)變?yōu)榫W(wǎng)頁版軟件已經(jīng)到了勢在必行的地步。那么轉(zhuǎn)變是一個(gè)復(fù)雜的過程，尤其是軟件里面的組態(tài)功能部分，對于公司或個(gè)人都會(huì)面臨以下幾方面的問題。
? ? 1、無相關(guān)組態(tài)開發(fā)經(jīng)驗(yàn)，無技術(shù)積累。
? ? 2、開發(fā)周期長，如果有項(xiàng)目落地，無法在短時(shí)間內(nèi)完成這么繁瑣的工作。
? ? 3、穩(wěn)定性，因?yàn)楣δ芊爆崳仨氝^長時(shí)間的打磨才能有一個(gè)比較穩(wěn)定的版本。
? ? ?這些問題導(dǎo)致了公司的項(xiàng)目停止不前，進(jìn)度緩慢，甚至影響到了項(xiàng)目的整體架構(gòu)或方案。我們自主研發(fā)的BY組態(tài)插件很好的解決了這些問題。
三、插件優(yōu)點(diǎn)
??? 1、百度搜索排名靠前（沒有經(jīng)過seo優(yōu)化，純粹自然發(fā)酵）。
? ? 2、應(yīng)用時(shí)間長，至今為止經(jīng)過了7年的市場驗(yàn)證，版本較為穩(wěn)定。
? ? 3、BY組態(tài)插件可以嵌入到任何網(wǎng)頁版軟平臺件中，無需繁重的開發(fā)工作。
? ? 4、插件以源碼方式提供，方便對插件本身進(jìn)行個(gè)性化的二次開發(fā)。
? ? 5、界面人性化設(shè)計(jì)，操作簡便。
? ? 6、內(nèi)置海量（2000個(gè)左右）組件（圖元），圖元組件可以自由添加，畫面搭建方便。
? ? 7、自適應(yīng)任何屏幕，包括手機(jī)，電腦，平板電腦。
? ? 8、采用websocket 方式與后臺交互，畫面實(shí)時(shí)響應(yīng)。
? ? 9、提供websocket后臺服務(wù)端java 代碼。
? ? 10、掉線自動(dòng)從新鏈接，無需人為刷新。
? ? 11、支持畫面保存到模板功能，方便快速創(chuàng)建新的畫面。
? ? 12、只需實(shí)現(xiàn)少量接口即可完成整個(gè)web組態(tài)功能。
? ? 13、人工實(shí)時(shí)線上服務(wù)，使用無憂。
? ? 14、一次購買，終生升級。
四、接口匯總，只需實(shí)現(xiàn)少量接口就能讓你的平臺擁有組態(tài)功能
| 序號 | 接口名稱 | 接口描述 | 接口位置 | 備注 | 擁有版本 | 實(shí)現(xiàn)順序 |
| 1 | saveStageData | 保存場景畫面 | byzt/config/InitConfig.js | 所有版本 | 1 | |
| 2 | editStageData | 編輯場景畫面 | byzt/config/InitConfig.js | 所有版本 | 2 | |
| 3 | viewStageData | 監(jiān)控端查看實(shí)時(shí)場景畫面 | 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 | 獲取項(xiàng)目 | byzt/config/InitConfig.js | 畫面組件點(diǎn)擊綁定設(shè)備的時(shí)候的下拉列表，根據(jù)下拉列表配置的情況，選擇實(shí)現(xiàn)某些接口 | 所有版本 | 5 |
| 8 | getSb | 獲取設(shè)備 | ||||
| 9 | getCj | 獲取從機(jī) | ||||
| 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 | 畫面跳轉(zhuǎn)時(shí)要跳轉(zhuǎn)到的目標(biāo)畫面列表 | targetStage.html? 101行 | 填寫自己的后臺接口，用于查詢列表 | vip版本 | 11 |
五、插件展示
??
??
細(xì)節(jié)展示
????
????
????
??
?
??
??
??? ? ? ?
??
六、功能列表
??
七、數(shù)據(jù)流向及嵌入原理
??
嵌入原理
??
八、接入步驟
??
九、詳細(xì)說明書
??
十、常見問題
問題1
問:如何將BY組態(tài)插件嵌入到我們的系統(tǒng)，我們的系統(tǒng)是vue項(xiàng)目？
答:將我們的BY組態(tài)插件獨(dú)立插件部署在tomcat或者其他容器，然后在vue里面使用iframe嵌入。
問題2
問：組態(tài)完成后，保存后是生成新的監(jiān)控畫面嗎？
答：不是，保存后是將畫面所有數(shù)據(jù)以JSON格式保存到數(shù)據(jù)庫，監(jiān)控頁面是固定的頁面，在調(diào)用監(jiān)控頁面的時(shí)候傳入之前保存到數(shù)據(jù)庫的畫面的Id，監(jiān)控頁面會(huì)根據(jù)id把保存好的畫面JSON查出來還原為畫面。
問題3
問：畫面綁定了10個(gè)數(shù)據(jù)點(diǎn)，但是我從后臺傳到前臺的數(shù)據(jù)有100個(gè)數(shù)據(jù)點(diǎn)，監(jiān)控畫面會(huì)自動(dòng)過濾嗎？
答：是的，監(jiān)控畫面會(huì)自己過濾。
問題4
問：websocket是一個(gè)畫面一個(gè)鏈接嗎？每個(gè)畫面支持多少個(gè)數(shù)據(jù)點(diǎn)？
答：是的一個(gè)畫面一個(gè)websocket鏈接，每個(gè)畫面支持無數(shù)個(gè)數(shù)據(jù)點(diǎn)。
問題5
問：綁定設(shè)備的時(shí)候我們沒有從機(jī)怎么辦？
答：綁定設(shè)備選擇的下拉列表是可以配置的，如果沒有從機(jī)去掉配置就可以了。
問題6
問：后臺系統(tǒng)如何知道組態(tài)頁面綁定了那些傳感器。我如何有針對性的往監(jiān)控頁面?zhèn)鬏敂?shù)據(jù)點(diǎn)的數(shù)據(jù)。
答：組態(tài)點(diǎn)擊保存的時(shí)候，會(huì)傳入當(dāng)前畫面綁定的所有數(shù)據(jù)點(diǎn)的id，這些id可以保存在數(shù)據(jù)庫，當(dāng)后臺收到數(shù)據(jù)點(diǎn)數(shù)據(jù)的時(shí)候，可以吧id拿出來和數(shù)據(jù)庫中保存的id進(jìn)行比對。id一致的就傳入到監(jiān)控頁面。
問題7
問：你們提供數(shù)據(jù)庫嗎？
答：我們是純前端，不提供數(shù)據(jù)庫，數(shù)據(jù)庫表需要你們自己建，我們會(huì)提供表結(jié)構(gòu)給你們參考。
問題8
問：你們組態(tài)中的組件，元件，可以自己做嗎？
答：可以的，我們完全開放源碼，所有組件你們都可以自己添加。
問題9
問：監(jiān)控畫面?zhèn)鬏敂?shù)據(jù)使用的是什么方式？
答：為了畫面能夠?qū)崟r(shí)響應(yīng)數(shù)據(jù)，我們使用的是websocket傳輸數(shù)據(jù)。我們提供websocket服務(wù)端（JAVA）的代碼，復(fù)制到你們的項(xiàng)目就可以使用。
問題10
問：我們是工廠，元件比較多，一個(gè)畫面放不下怎么辦？
答：可以拆分為多個(gè)畫面，畫面和畫面之前有按鈕可以切換（該功能vip版才有）。文章來源：http://www.zghlxwxcb.cn/news/detail-851807.html
問題11
問：后臺通過websocket往監(jiān)控端畫面?zhèn)鬏敂?shù)據(jù)，數(shù)據(jù)格式是什么？
答: 傳輸數(shù)據(jù)的時(shí)候，數(shù)據(jù)格式是JSON。比如畫面綁定了5個(gè)數(shù)據(jù)點(diǎn)，那么json可以包含5個(gè)數(shù)據(jù)（可以更多，畫面會(huì)自己過濾無用的數(shù)據(jù)。也可以少于5個(gè)），json的鍵是綁定數(shù)據(jù)點(diǎn)的id。文章來源地址http://www.zghlxwxcb.cn/news/detail-851807.html
到了這里，關(guān)于工業(yè)組態(tài) 物聯(lián)網(wǎng)組態(tài) 組態(tài)編輯器 web組態(tài) 組態(tài)插件 編輯器的文章就介紹完了。如果您還想了解更多內(nèi)容，請?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
