web组态源码

web组态源码_第1张图片

 

 最新版本  演示地址

http://www.byzt.net

一、应用案例

可以广泛应用于化工、石化、制药、冶金、建材、市政、环保、电力等几十个行业。

 

   

                                                             电力行业

                                                          物联网监控

    

                                                             水利行业

                                                          工业控制

 

                                                                            其他

二、行业痛点

      随着行业的发展、智能制造,智能控制、工业控制,对网页版软件的需求越来越复杂,要求原来越高。传统的单机版软件(如组态王,力控,等)正逐步被网页版软件取代。对于软件服务商来说,将单机版软件转变为网页版软件已经到了势在必行的地步。那么转变是一个复杂的过程,尤其是软件里面的组态功能部分,对于公司或个人都会面临以下几方面的问题。

    1、无相关组态开发经验,无技术积累。

    2、开发周期长,如果有项目落地,无法在短时间内完成这么繁琐的工作。

    3、稳定性,因为功能繁琐,必须过长时间的打磨才能有一个比较稳定的版本。

     这些问题导致了公司的项目停止不前,进度缓慢,甚至影响到了项目的整体架构或方案。我们自主研发的BY组态插件很好的解决了这些问题

三、插件优点

    1、百度搜索排名靠前(没有经过seo优化,纯粹自然发酵)。

    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

五、插件展示

    最新版本  演示地址: Title

                                                                         编辑器界面

 

                                                              监控界面(展示实时动画)

   细节展示

      

 

 

                 

六、功能列表

七、数据流向及嵌入原理

数据流向

嵌入原理

八、接入步骤

九、详细说明书

十、常见问题

问题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。

 

你可能感兴趣的:(1024程序员节)