CN114911458A - 一种可配置的集成场景自动化前端页面设计方案 - Google Patents
一种可配置的集成场景自动化前端页面设计方案 Download PDFInfo
- Publication number
- CN114911458A CN114911458A CN202111621668.4A CN202111621668A CN114911458A CN 114911458 A CN114911458 A CN 114911458A CN 202111621668 A CN202111621668 A CN 202111621668A CN 114911458 A CN114911458 A CN 114911458A
- Authority
- CN
- China
- Prior art keywords
- end page
- client
- scene
- devices
- automation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000013461 design Methods 0.000 title claims abstract description 20
- 238000000034 method Methods 0.000 claims abstract description 37
- 230000004044 response Effects 0.000 claims abstract description 12
- 230000010354 integration Effects 0.000 claims description 4
- 238000011161 development Methods 0.000 description 13
- 230000008569 process Effects 0.000 description 11
- 238000012986 modification Methods 0.000 description 10
- 230000004048 modification Effects 0.000 description 10
- 230000000694 effects Effects 0.000 description 9
- 238000010586 diagram Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 5
- 238000013507 mapping Methods 0.000 description 4
- 238000012545 processing Methods 0.000 description 4
- 238000004891 communication Methods 0.000 description 3
- 238000007791 dehumidification Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000003993 interaction Effects 0.000 description 2
- 238000004806 packaging method and process Methods 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000007812 deficiency Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
- 238000005406 washing Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/20—Software design
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/20—Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
- G06F16/25—Integrating or interfacing systems involving database management systems
- G06F16/252—Integrating or interfacing systems involving database management systems between a Database Management System and a front-end application
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- Y—GENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02P—CLIMATE CHANGE MITIGATION TECHNOLOGIES IN THE PRODUCTION OR PROCESSING OF GOODS
- Y02P90/00—Enabling technologies with a potential contribution to greenhouse gas [GHG] emissions mitigation
- Y02P90/02—Total factory control, e.g. smart factories, flexible manufacturing systems [FMS] or integrated manufacturing systems [IMS]
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Computer And Data Communications (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种用于实现可配置集成场景自动化前端页面设计的方法和系统,该方法包括:建立路由仓库,该路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径;建立与该多个设备对应的配置文件;响应于从客户端接收到对该多个设备中的一设备的前端页面的请求:基于该请求获得该设备的设备参数;基于该设备参数从路由仓库中确定与该设备相对应的前端页面路径;以及基于该前端页面路径和该配置文件来加载该前端页面以展示与该设备相关联的场景自动化数据。
Description
技术领域
本发明涉及前端开发技术领域,具体涉及一种用于实现可配置集成场景自动化前端页面设计的方法和系统。
背景技术
“场景”和“自动化”是智能家居系统中两个非常重要的功能。场景是指一系列设备状态的总和。此处的设备状态可以是有时序(时间顺序)的,也可以是没有时间顺序的,这两者在APP中一般不做明显区别,需要用户在设置时通过延时来实现。以下述场景为例:
“客厅灯光柔和”场景:该场景包括客厅主吸顶灯亮度60%、打开客厅灯带、关闭客厅射灯、打开客厅落地灯。在该场景中,所有设备的执行顺序没有明确要求,这种场景即为没有时序的场景。
“影院模式”场景:该场景需要依次执行:打开影音电源、放下投影幕布、打开投影机、打开音响、打开播放机、关闭窗帘、关闭所有灯光、切换音频输入、切换投影机视频输入。在该场景中,各个设备执行的操作是有顺序要求的:在没有开启影音电源的情况下,无法打开投影机、音响等设备。同时,某些设备的启动需要一定的时间,诸如投影机、音响等。此类设备上电之后并不能直接控制,需要等设备完全启动完成之后再开启控制。例如,投影机在没有完全启动时,无法切换投影机的视频输入。因此,在该场景中需要加入适当的延时。例如,可以设置场景如下:打开影音电源、延时3秒、放下投影幕布、延时1秒、打开投影机、延时1秒、打开音响、延时1秒、打开播放机、延时3秒、关闭窗帘、关闭所有灯光、延时5秒、切换音频输入、切换投影机视频输入。
自动化是指满足什么条件,执行何种指令(即,若A则B)。此处的A可以是满足一个条件,也可以是同时满足多个条件(A1且A2),或者满足多个条件中的一个(A1或A2或A3)。B可以是控制某一个设备,也可以是执行某个场景,或者是执行一系列的控制(执行B1、B2、B3等等),甚至可以包含某些自动化的开关。例如,若(A1客厅光线暗)且(A2客厅有人),则(B打开客厅灯光);或者若(A1客厅温度高于27度)且(A2客厅湿度大于70%),则(B1打开客厅空调)(B2调整客厅空调为除湿模式)。同时,对于此类自动化的生效时间一般都是可以单独设置的。
在实践中,可以通过场景和自动化的设置来实现各种功能。例如,可以通过以下几个场景和自动化来实现通过一个无线开关控制客厅所有灯光的照明模式。
首先定义3种场景:
场景1:客厅灯光柔和(主灯亮度60%、开启灯带、关闭射灯、打开
落地灯),关闭自动化1,关闭自动化3,开启自动化2;
场景2:客厅灯光最亮(主灯亮度100%、开启灯带、开启射灯、打开落地灯),关闭自动化2、关闭自动化1,开启自动化3;
场景3:客厅灯光全关(主灯关闭、关闭灯带、关闭射灯、关闭落地灯),关闭自动化3,关闭自动化2,开启自动化1。
同时,结合上述场景定义3种自动化:
自动化1:按下无线开关按钮X,则执行场景1;
自动化2(默认关闭):按下无线开关按钮X,则执行场景2;
自动化3(默认关闭):按下无线开关按钮X,则执行场景3。
通过以上场景和自动化的设置,可以实现按一下按钮X为客厅灯光柔和,再按一下为客厅灯光最亮,再按一下为客厅灯光全关。
目前,场景和自动化是智能家居最主要的工作方式,场景和自动化的出现令整个智能家居系统的控制足够方便快捷。
随着越来越多智能设备的加入,为了让用户更为直观地感受设备状态控制,拥有更好的使用体验,对前端场景自动化项目工程的要求也随之提高。无论从工程框架设计到页面代码的编写再到各种视觉效果的开发,都需要十分严谨。由于设备众多,如果开发人员为每一款设备单独建立一套前端工程,则随着接入设备数目不断增加,工程数目也会随之增多。这种方案会造成大量的代码和工程模板冗余,也会使工程维护工作变得日益繁重,进而影响项目的稳定性。
针对现有技术的场景自动化前端页面设计方法的不足,期望提供一种改进的用于实现场景自动化前端页面设计的方法和系统。
发明内容
以下给出一个或多个方面的简要概述以提供对这些方面的基本理解。此概述不是所有构想到的方面的详尽综览,并且既非旨在标识出所有方面的关键性或决定性要素亦非试图界定任何或所有方面的范围。其唯一的目的是以简化形式给出一个或多个方面的一些概念以作为稍后给出的更详细描述之序言。
本发明公开了一种用于实现可配置集成场景自动化前端页面设计的方法,包括:建立路由仓库,该路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径;建立与该多个设备对应的配置文件;响应于从该客户端接收到对该多个设备中的一设备的前端页面的请求:基于该请求获得该设备的设备参数;基于该设备参数从该路由仓库中确定与该设备相对应的前端页面路径;以及基于该前端页面路径和该配置文件来加载该前端页面以展示与该设备相关联的场景自动化数据。
在本发明的一实施例中,该方法进一步包括:通过修改配置文件来控制与该多个设备中的任何设备对应的前端页面的状态和展示内容。
在本发明的一实施例中,基于该请求获得该设备的设备参数进一步包括:从该请求中获取该设备的设备ID;通过预定义的拼接规则对该设备ID进行拼接来获得该设备参数。
在本发明的一实施例中,该方法进一步包括:向该客户端请求与该设备相关联的已配置场景自动化数据;接收该客户端返回的场景自动化数据并存储在前端数据仓库中。
在本发明的一实施例中,加载该前端页面以展示与该设备相关联的场景自动化数据进一步包括:从该前端数据仓库中获取与该设备相关联的场景自动化数据;在该前端页面上展示所获取的场景自动化数据。
在本发明的一实施例中,该方法进一步包括:响应于该客户端的用户对所展示的场景自动化数据的更新和保存,将经更新的场景自动化数据保存至该前端数据仓库并上传到该客户端。
本发明还提供了一种用于实现可配置集成场景自动化前端页面设计的系统,包括:存储器,该存储器中存储路由仓库和配置文件,其中该路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径,该配置文件与该多个设备对应;以及耦合到该存储器的处理器,该处理器被配置成:响应于从该客户端接收到对该多个设备中的一设备的前端页面的请求:基于该请求获得该设备的设备参数;基于该设备参数从该路由仓库中确定与该设备相对应的前端页面路径;以及基于该前端页面路径和该配置文件来加载该前端页面以展示与该设备相关联的场景自动化数据。
在本发明的一实施例中,该处理器还被配置成:通过修改该配置文件来控制与该多个设备中的任何设备对应的前端页面的状态和展示内容。
在本发明的一实施例中,该处理器还被配置成:从该请求中获取该设备的设备ID;通过预定义的拼接规则对该设备ID进行拼接来获得该设备参数。
在本发明的一实施例中,该处理器还被配置成:响应于该客户端的用户对所展示的场景自动化数据的更新和保存,将经更新的场景自动化数据保存至前端数据仓库并上传到该客户端。
本发明的技术方案可以将所有设备的场景自动化集成到一个项目工程中。首先建立与所有类别款式设备一一对应的路由仓库,当页面加载时通过唯一入口获取设备ID,并对设备进行分类判断,再进行数据分发,进而跳转至与该款设备对应的前端页面,同时在该页面上展示自动化场景。此外,在项目中建立与所有设备对应的配置文件。当前端页面模板发布后,开发人员可通过修改此配置文件来控制设备页面相应的展示内容及上下线状态,以此来应对特殊情况。开发人员还可以通过该配置文件在线上对设备进行调试,极大地提高了项目的开发效率和稳定性。
附图说明
结合附图理解下面阐述的详细描述时,本发明的特征、本质和优点将变得更加明显。在附图中,相同附图标记始终作相应标识。要注意,所描述的附图只是示意性的并且是非限制性的。在附图中,一些部件的尺寸可放大并且出于解说性的目的不按比例绘制。
图1示出了本发明的用于实现可配置集成场景自动化前端页面设计的示例性方法。
图2示出了本发明的用于对前端页面的场景自动化数据进行配置和更新的示例性过程。
图3示出了本发明的用于实现可配置集成场景自动化前端页面设计的系统框图。
图4示出了本发明的用于实现可配置集成场景自动化前端页面设计的交互示意图。
具体实施方式
为使本发明的目的、技术方案和优点更加清楚明白,以下结合具体实施例,并参照附图对本发明进一步详细说明。在以下详细描述中,阐述了许多具体细节以提供对所描述的示例性实施例的透彻理解。然而,对于本领域技术人员显而易见的是,可以在没有这些具体细节中的一些或全部的情况下实践所描述的实施例。在其它示例性实施例中,没有详细描述公知的结构,以避免不必要地模糊本公开的概念。应当理解,本文所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。同时,在不冲突的情况下,实施例所描述的各个方面可以任意组合。
在现有技术中,往往针对每一款设备单独建立一套前端工程,以管理针对该设备的场景自动化。这种方式会造成代码和工程模板冗余,同时降低了工程的可维护性和稳定性。
针对现有技术中一款设备对应一个设备自动化模板的不足,本发明的技术方案将所有设备的场景自动化集成到一个模板中,通过单个模板管理所有设备自动化的路由页面,避免因问题修改、版本迭代而导致的多次发布不同设备场景自动化模板的问题,可以达到发布一次模板,同时更新所有设备场景自动化的效果。同时,可以通过修改配置文件的形式,对所有设备场景自动化模板进行相关操作,避免因其他环节的问题导致设备场景自动化错误、失效,从而影响用户使用的问题,有效提高前端设备模板的开发与发布效率,极大地增强了前端的可维护性和稳定性。
图1示出了本发明的用于实现可配置集成场景自动化前端页面设计的示例性方法100。
方法100开始于步骤105。在步骤105,该方法包括:建立路由仓库,该路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径。
以客户端为智能家居APP为例,该APP可以对住宅内的多个智能设备(例如,空调、电视、洗衣机、照明设备等等)进行操控。可以针对每种智能设备开发对应的前端页面。当在APP上选中(例如,点击)某一智能设备时,可以加载并展示与该设备对应的前端页面,进而在页面上展示与该设备相关联的场景自动化数据。
在本发明的一实施例中,可以建立每个智能设备与相应前端页面的路径之间的对应/映射关系并将该关系存储在路由仓库中。通过该对应/映射关系,可以从路由仓库中确定与特定智能设备对应的前端页面的路径并进行路由跳转。
在步骤110,该方法包括:建立与该多个设备对应的配置文件。该配置文件包含该多个设备中的每个设备的自动化条件及对应指令。
在本发明的一实施例中,可以将该配置文件存储在存储器中。
在步骤115,该方法包括:从客户端接收到对该多个设备中的一设备的前端页面的请求。
具体而言,当用户在客户端上打开智能家居APP并选中某个设备(例如,空调)时,客户端发出对该设备的前端页面的请求。
响应于在步骤115接收到该请求,可以在步骤120基于该请求获得该设备的设备参数。
在本发明的实现中,基于该请求获得该设备的设备参数进一步包括:从该请求中获取该设备的设备ID;通过预定义的拼接规则对该设备ID进行拼接来获得设备参数。
在本发明的一实施例中,该请求可采用URL的形式。在该实施例中,可以将URL传递至前端页面模板的统一入口,在该统一入口中对URL中的设备ID进行拼接来获得设备参数。具体的拼接规则可以在项目启动前与客户端进行约定。以此方式,前端页面模板可以通过统一入口从URL中截取设备ID并按对应的拼接规则进行拼接来获得设备参数。
应注意,通过对URL中的设备ID进行拼接来获得设备参数仅是获取设备参数的一个示例。在不同实现中,本领域技术人员可以通过不同方式来获取设备参数。例如,可以采用除了拼接设备ID之外的其他参数传递方式。
在本发明的一实施例中,除了通过统一入口获取设备参数之外,还可以通过统一入口向客户端请求与设备相关联的已配置场景自动化数据(例如,用户先前已配置的数据),接收客户端返回的场景自动化数据并存储在前端数据仓库中。
此外,开发人员还可以编写通过统一入口获取必要的公共数据的方法以及其他公共业务逻辑。
在步骤125,该方法包括:基于该设备参数从路由仓库中确定与该设备相对应的前端页面路径。
在本发明的一实施例中,可以根据设备ID中包含的厂商、品牌、设备品类、大类小类、型号、批次等信息来编写路由页映射表。通过将设备参数的特定字段作为索引,将该索引与设备的前端页面路径进行对应,进而构建路由页映射表。
举例而言,在进行路由选择时,可以首先通过设备参数中的设备品类锁定设备类型,再通过厂商型号进行进一步锁定,最后再通过小类、型号进行最终确认并分配给其一个指定的唯一路由页面。以此方式,可以通过设备参数确定前端页面的正确路径。
在步骤130,该方法包括:基于该前端页面路径和该配置文件来加载该前端页面以展示与该备相关联的场景自动化数据。
在本发明的一实施例中,加载该前端页面以展示与该设备相关联的场景自动化数据进一步包括:从前端数据仓库中获取与该设备相关联的场景自动化数据;在前端页面上展示所获取的场景自动化数据。
由于配置文件包含该多个设备中的每个设备的自动化条件及对应指令,因此在加载该设备前端页面时,可以基于配置文件中与该设备对应的自动化条件来展示场景自动化数据。
仍然以智能家居APP为例,如果加载了与照明设备(例如,客厅的灯)对应的前端页面,则在该前端页面上展示与照明设备相关联的场景自动化数据,诸如上文提及的与客厅灯光有关的场景1至场景3以及自动化1至自动化3(即,在配置文件中配置了与客厅的照明设备对应的自动化条件)。
此外,用户可以在前端页面上对场景自动化数据进行相关配置和更新。例如,用户可以对与照明设备相关的场景自动化数据进行配置和更新,以实现期望的照明效果。关于用户对前端页面的配置和更新将在图2中详细描述。
方法100实现了将所有设备的前端页面以及相关联的场景自动化集成到一个前端模板中,通过设备参数确定与设备对应的前端页面路径。这种方式避免了一设备一模板、多次发布的低效开发模式,极大提高了开发效率。
图2示出了本发明的用于对前端页面的场景自动化数据进行配置和更新的示例性过程200。
在本发明中,前端页面的开发人员和客户端的用户都可对前端页面的场景自动化数据进行相应的配置和更新。
如过程200所示,在前端页面设计阶段,开发人员可以建立配置文件,该配置文件包含所有设备自动化的条件及对应指令。在前端页面模板发布之后,开发人员可以通过修改该配置文件来控制与任一设备对应的前端页面的状态(例如,上下线状态)和展示内容。此外,开发人员还可以通过该配置文件在线上对设备进行调试,极大地提高了项目的开发效率和稳定性。
例如,开发人员可以通过修改配置文件来控制与照明设备对应的前端页面是否上线、以及前端页面的展示内容(诸如展示哪些场景和自动化)。
另一方面,用户可以对前端页面的场景自动化数据进行相应的配置和更新。
例如,用户可以在照明设备的前端页面上对照明相关的场景和自动化数据进行配置,从而实现期望的照明效果。此外,用户还可以对之前配置的场景和自动化数据进行更新,以实现与之前不同的照明效果。
举例而言,用户可以在与照明设备对应的前端页面上将“客厅灯光柔和”场景设置为:客厅主吸顶灯亮度60%、打开客厅灯带、关闭客厅射灯、打开客厅落地灯。同时,用户还可以在与影音设备对应的前端页面上将“影院模式”场景设置为:打开影音电源、延时3秒、放下投影幕布、延时1秒、打开投影机、延时1秒、打开音响、延时1秒、打开播放机、延时3秒、关闭窗帘、关闭所有灯光、延时5秒、切换音频输入、切换投影机视频输入。
此外,用户还可以在与空调对应的前端页面上设置自动化D1:若(A1客厅温度高于27度)且(A2客厅湿度大于70%),则(B1打开客厅空调)(B2调整客厅空调为除湿模式)。
由此可见,通过对场景和自动化数据进行设置,用户可以实现期望的功能。
在对场景自动化数据进行配置之后,用户后续还可以对先前的配置进行更新(例如,增加新的场景或自动化、删除先前的场景或自动化、修改场景或自动化等等)。
举例而言,用户先前可能设置了自动化D1。在实际体验过程中,用户可能需要对自动化D1中的温度和/或湿度条件进行调整。此时,用户可以对自动化D1进行修改,例如修改为自动化D2:若(A1客厅温度高于25度)且(A2客厅湿度大于60%),则(B1打开客厅空调)(B2调整客厅空调为除湿模式)。
从图2的过程200可以看出,开发人员可以通过修改配置文件来控制任一设备的前端页面的状态和展示内容,从而灵活应对各种情况。同时,用户也可以对前端页面的场景自动化数据进行配置和更新。这种方式使得对前端页面的开发和管理更加方便快捷。
图3示出了本发明的用于实现可配置集成场景自动化前端页面设计的系统300的框图。
该系统示出了一般硬件环境,可在其中根据本发明的示例性实施例应用本发明。
现在将参照图3描述系统300,其是可以应用于本发明的各方面的硬件系统的示例性实施例。系统300可以是被配置为执行处理和/或计算的任何机器,可以是但不限于工作站、服务器、台式计算机、膝上型计算机、平板计算机、个人数字助理(PDA)、智能电话、或其任何组合。
系统300可包括可以经由一个或多个接口与总线312连接或与总线312通信的组件。例如,系统300可包括总线312、处理器302、存储器304、输入设备308、以及输出设备310等等。
存储器304中存储路由仓库和配置文件,其中路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径,配置文件与该多个设备对应。
存储器304可以是可实现数据存储的任何存储设备。存储器304可包括但不限于磁盘驱动器、光学存储设备、固态存储器、软盘、软盘、硬盘、磁带或任何其它磁介质、光盘或任何其它光学介质、ROM(只读存储器)、RAM(随机存取存储器)、高速缓冲存储器和/或任何其它存储器芯片或盒、和/或计算机可从其读取数据、指令和/或代码的任何其它介质。存储器304可存储包括计算机可读指令的计算机可执行软件306,这些指令在被执行时使得处理器执行本文中所描述的与用于实现可配置集成场景自动化前端页面设计相关的各种功能。
处理器302可以是任何类型的处理器,并且可包括但不限于通用处理器和/或专用处理器(例如特殊处理芯片)、智能硬件设备(例如,通用处理器、DSP、CPU、微控制器、ASIC、FPGA、可编程逻辑器件、分立的门或晶体管逻辑组件、分立的硬件组件、或其任何组合)。在一些情形中,处理器302可被配置成使用存储器控制器来操作存储器阵列。在其它情形中,存储器控制器(未示出)可被集成到处理器302中。处理器302可以负责管理总线和一般性处理,包括执行存储在存储器上的软件。处理器302还可以被配置成执行本文中所描述的与用于实现可配置集成场景自动化前端页面设计相关的各种功能。
在本发明的一实施例中,处理器302可被配置成:响应于从客户端接收到对多个设备中的一设备的前端页面的请求:基于该请求获得该设备的设备参数;基于该设备参数从路由仓库中确定与该设备相对应的前端页面路径;以及基于前端页面路径和配置文件来加载该前端页面以展示与该设备相关联的场景自动化数据。
在本发明的一实施例中,处理器302还可被配置成:通过修改配置文件来控制与该多个设备中的任何设备对应的前端页面的状态和展示内容。
在本发明的一实施例中,处理器302还可被配置成:从该请求中获取该设备的设备ID;通过预定义的拼接规则对该设备ID进行拼接来获得该设备参数。
在本发明的一实施例中,处理器302还可被配置成:响应于客户端的用户对所展示的场景自动化数据的更新和保存,将经更新的场景自动化数据保存至前端数据仓库并上传到客户端。
输入设备308可以是可以用于输入信息的任何类型的设备。
输出设备310可以是用于输出信息的任何类型的设备。在一种情形中,输出设备310可以是可显示信息的任何类型的输出设备。
图4示出了本发明的用于实现可配置集成场景自动化前端页面设计的交互示意图400。
为了清晰起见,结合智能家居APP客户端来解说图4。当用户点击智能家居APP上的特定设备(例如,照明设备)时,客户端发出针对该设备的前端页面的请求。
在一个实施例中,该请求可采用URL的形式,并且可以将设备ID置于URL中来传递给H5模板的统一入口。统一入口可以通过截取URL中的设备ID并对设备ID进行拼接来获得设备参数。获得设备参数的具体过程已在上文结合图1进行解说,在此不再赘述。
同时,统一入口还可以向客户端请求与该设备相关联的已配置场景自动化数据并将客户端返回的数据存储在前端数据仓库中。
在对设备ID进行验证和逻辑判断之后,可以在路由仓库中找到与该设备对应的前端页面路径。
在本发明的实施例中,路由仓库可以基于该前端页面路径从数据仓库获取前端页面。随后,可以加载前端页面并在展示页面上展示与该设备相关联的场景自动化数据。
在开发完成前端页面模板后,开发人员可以对其打包发布。打包前,开发人员仅需要配置自定义的文件包名称,一键执行打包指令,即可得到对应的文件包。随后将该文件发布至平台,完成模板发布。
此外,如图4所示,开发人员可以建立与路由仓库相对应的配置文件。在模板发布后,开发人员可以通过修改该配置文件来控制任一设备的前端页面的状态和展示内容。开发人员还可以通过该配置文件在线对设备进行调试,极大地提高了项目的开发效率和稳定性。
展示页面是经过数据获取及业务逻辑处理后展示给用户的页面。用户可以在该页面上对场景自动化数据进行配置和更新。
用户可以对场景和自动化的一些条件进行设置,对已配置的数据进行修改和更新。应注意,在用户未保存(例如,点击展示页面上的“保存”按钮)时,所有操作都仅与前端的数据仓库进行信息传递,而不会与客户端有关联。这在一定程度上减少了前端页面模板与客户端的耦合性。
当用户点击保存时,数据会存储至前端数据仓库中,同时会将该数据上传给客户端。客户端据此可以进一步上报给平台并对相关指令进行进一步操作。
作为示例,用户可以在与照明设备对应的前端页面上尝试各种不同的客厅灯光场景或自动化,以观察客厅灯光效果。此时,用户对场景自动化的修改和更新可能仅仅是为了观察不同的效果,而并不希望使这些修改正式生效。在这种情况下,用户可以仅修改前端页面的场景自动化数据而不进行保存。在对场景自动化的修改过程中,经修改的场景自动化数据暂存至前端的数据仓库中。在用户退出前端页面页后,数据仓库中暂存的场景自动化数据被移除。在用户下一次加载该前端页面时,先前的修改并不生效。
当用户期望使经修改的场景自动化数据正式生效时,用户可以点击保存。此时,经修改的场景自动化数据保存至数据仓库并上传给客户端。在用户下一次加载该前端页面时,先前的修改生效。
从图4可以看出,本发明可以通过一个模板管理所有设备的场景自动化,通过与客户端的简单通信便可对设备进行相关的自动化操作。同时,设备页面的展示内容和上下线状态可以通过外置的配置文件进行控制。此外,在模板内部处理所有设备的场景自动化页面,仅在获取、上报数据时与客户端进行通信,极大降低了与客户端的关联性。另外,模板的发布与客户端版本发布分离,可以即时发布、动态加载,有效提高了前端页面模板的发布效率。
本发明的技术方案可以通过一个模板管理所有设备的场景自动化,减少了开发过程中产生的冗余代码,避免一设备一模板、需多次发布的低效开发模式,提高开发效率。此外,开发者可通过外置的配置文件来调整指定设备页面的展示内容及状态,灵活应对各种情况,提高前端页面的开发与发布效率。同时,本发明的前端模板在发布过程中做到了与客户端版本发布的分离,前端只需保证自身线上项目地址的正常加载,客户端对其进行访问即可,双方可各自独立发布,相互影响极低。通过本发明的技术方案建立的项目,结构、逻辑清晰,易于开发者理解,同时已于项目入口文件处理了公共部分的业务逻辑,每款设备都有与之对应的页面文件,开发、修改、更新方便快捷。
以上结合附图阐述的详细说明描述了示例而不代表可被实现或者落在权利要求的范围内的所有示例。术语“示例”和“示例性”在本说明书中使用时意指“用作示例、实例或解说”,并不意指“优于或胜过其它示例”。
贯穿本说明书引述的“一个实施例”或“一实施例”意指结合该实施例描述的特定特征、结构或特性是包含在本发明的至少一个实施例中的。因此,这些短语的使用可以不仅仅指代一个实施例。此外,所描述的特征,结构或特性可以在一个或多个实施例中以任何合适的方式组合。
提供之前的描述是为了使本领域任何技术人员均能够实践本文中所描述的各种方面。对这些方面的各种修改将容易为本领域技术人员所明白,并且在本文中所定义的普适原理可被应用于其它方面。因此,权利要求并非旨在被限定于本文中所示的方面,而是应被授予与语言上的权利要求相一致的全部范围,其中对要素的单数形式的引述除非特别声明,否则并非旨在表示“有且仅有一个”,而是“一个或多个”。除非特别另外声明,否则术语“一些”指的是一个或多个。本发明通篇描述的各个方面的要素为本领域普通技术人员当前或今后所知的所有结构上和功能上的等效方案通过引述被明确纳入于此,且旨在被权利要求所涵盖。
还应注意,这些实施例可能是作为被描绘为流程图、流图、结构图、或框图的过程来描述的。尽管流程图可能会把诸操作描述为顺序过程,但是这些操作中有许多操作能够并行或并发地执行。另外,这些操作的次序可被重新安排。
虽然已经说明和描述了各种实施例,但是应该理解,实施例不限于上述精确配置和组件。可以在本文公开的设备的布置、操作和细节上作出对本领域技术人员显而易见的各种修改、替换和改进而不脱离权利要求的范围。
前述内容仅是本发明的具体实施方式,应注意,本发明的保护范围并不局限于此。本领域技术人员应理解,在本发明所披露的技术范围内构想到的变换或替换都应涵盖在本发明的范围之内。因此,本发明的保护范围应该以权利要求书的保护范围为准。
Claims (10)
1.一种用于实现可配置集成场景自动化前端页面设计的方法;
建立路由仓库,所述路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径;
建立与所述多个设备对应的配置文件;
响应于从所述客户端接收到对所述多个设备中的一设备的前端页面的请求:
基于所述请求获得所述设备的设备参数;
基于所述设备参数从所述路由仓库中确定与所述设备相对应的前端页面路径;以及
基于所述前端页面路径和所述配置文件来加载所述前端页面以展示与所述设备相关联的场景自动化数据。
2.根据权利要求1所述的方法,其特征在于,进一步包括:
通过修改所述配置文件来控制与所述多个设备中的任何设备对应的前端页面的状态和展示内容。
3.根据权利要求1所述的方法,其特征在于,基于所述请求获得所述设备的设备参数进一步包括:
从所述请求中获取所述设备的设备ID;
通过预定义的拼接规则对所述设备ID进行拼接来获得所述设备参数。
4.根据权利要求1所述的方法,其特征在于,进一步包括:
向所述客户端请求与所述设备相关联的已配置场景自动化数据;
接收所述客户端返回的场景自动化数据并存储在前端数据仓库中。
5.根据权利要求4所述的方法,其特征在于,加载所述前端页面以展示与所述设备相关联的场景自动化数据进一步包括:
从所述前端数据仓库中获取与所述设备相关联的场景自动化数据;
在所述前端页面上展示所获取的场景自动化数据。
6.根据权利要求5所述的方法,其特征在于,进一步包括:
响应于所述客户端的用户对所展示的场景自动化数据的更新和保存,将经更新的场景自动化数据保存至所述前端数据仓库并上传到所述客户端。
7.一种用于实现可配置集成场景自动化前端页面设计的系统,包括:
存储器,所述存储器中存储路由仓库和配置文件,其中所述路由仓库包括与客户端操控的多个设备中的每个设备相对应的前端页面路径,所述配置文件与所述多个设备对应;以及
耦合到所述存储器的处理器,所述处理器被配置成:
响应于从所述客户端接收到对所述多个设备中的一设备的前端页面的请求:
基于所述请求获得所述设备的设备参数;
基于所述设备参数从所述路由仓库中确定与所述设备相对应的前端页面路径;以及
基于所述前端页面路径和所述配置文件来加载所述前端页面以展示与所述设备相关联的场景自动化数据。
8.根据权利要求7所述的系统,其特征在于,所述处理器还被配置成:
通过修改所述配置文件来控制与所述多个设备中的任何设备对应的前端页面的状态和展示内容。
9.根据权利要求7所述的系统,其特征在于,所述处理器还被配置成:
从所述请求中获取所述设备的设备ID;
通过预定义的拼接规则对所述设备ID进行拼接来获得所述设备参数。
10.根据权利要求7所述的系统,其特征在于,所述处理器还被配置成:
响应于所述客户端的用户对所展示的场景自动化数据的更新和保存,将经更新的场景自动化数据保存至前端数据仓库并上传到所述客户端。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111621668.4A CN114911458A (zh) | 2021-12-28 | 2021-12-28 | 一种可配置的集成场景自动化前端页面设计方案 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111621668.4A CN114911458A (zh) | 2021-12-28 | 2021-12-28 | 一种可配置的集成场景自动化前端页面设计方案 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114911458A true CN114911458A (zh) | 2022-08-16 |
Family
ID=82763708
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111621668.4A Pending CN114911458A (zh) | 2021-12-28 | 2021-12-28 | 一种可配置的集成场景自动化前端页面设计方案 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114911458A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116028248A (zh) * | 2023-03-30 | 2023-04-28 | 紫金诚征信有限公司 | 适用于web端的数据处理方法、装置及电子设备 |
Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9348488B1 (en) * | 2012-11-29 | 2016-05-24 | II Andrew Renema | Methods for blatant auxiliary activation inputs, initial and second individual real-time directions, and personally moving, interactive experiences and presentations |
CN109088764A (zh) * | 2018-08-15 | 2018-12-25 | 郑州悉知信息科技股份有限公司 | 访问请求处理方法及相关设备 |
CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
CN110515683A (zh) * | 2019-07-15 | 2019-11-29 | 平安普惠企业管理有限公司 | 一种前端Vue页面可视化配置的方法、装置及存储介质 |
CN110555185A (zh) * | 2019-09-09 | 2019-12-10 | 中国工商银行股份有限公司 | 基于pc客户端的页面定制方法及系统 |
CN111949351A (zh) * | 2020-08-12 | 2020-11-17 | 深圳前海微众银行股份有限公司 | 页面渲染方法、装置、设备及计算机可读存储介质 |
US20210377332A1 (en) * | 2020-06-01 | 2021-12-02 | Microsoft Technology Licensing, Llc | Service worker configured to serve multiple single page applications |
-
2021
- 2021-12-28 CN CN202111621668.4A patent/CN114911458A/zh active Pending
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9348488B1 (en) * | 2012-11-29 | 2016-05-24 | II Andrew Renema | Methods for blatant auxiliary activation inputs, initial and second individual real-time directions, and personally moving, interactive experiences and presentations |
CN109088764A (zh) * | 2018-08-15 | 2018-12-25 | 郑州悉知信息科技股份有限公司 | 访问请求处理方法及相关设备 |
CN109508191A (zh) * | 2018-11-22 | 2019-03-22 | 北京腾云天下科技有限公司 | 一种代码生成方法及系统 |
CN110515683A (zh) * | 2019-07-15 | 2019-11-29 | 平安普惠企业管理有限公司 | 一种前端Vue页面可视化配置的方法、装置及存储介质 |
CN110555185A (zh) * | 2019-09-09 | 2019-12-10 | 中国工商银行股份有限公司 | 基于pc客户端的页面定制方法及系统 |
US20210377332A1 (en) * | 2020-06-01 | 2021-12-02 | Microsoft Technology Licensing, Llc | Service worker configured to serve multiple single page applications |
CN111949351A (zh) * | 2020-08-12 | 2020-11-17 | 深圳前海微众银行股份有限公司 | 页面渲染方法、装置、设备及计算机可读存储介质 |
Non-Patent Citations (1)
Title |
---|
祝广场;柯亚唯;: "基于React的电厂信息管理系统前端页面设计", 山东工业技术, no. 22, 24 October 2018 (2018-10-24) * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN116028248A (zh) * | 2023-03-30 | 2023-04-28 | 紫金诚征信有限公司 | 适用于web端的数据处理方法、装置及电子设备 |
CN116028248B (zh) * | 2023-03-30 | 2023-07-25 | 紫金诚征信有限公司 | 适用于web端的数据处理方法、装置及电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9306763B2 (en) | Providing a user interface for devices of a home automation system | |
US20160342152A1 (en) | Multiple deployment of applications with multiple configurations in an industrial automation environment | |
US20200359094A1 (en) | Screen parameter configuration system | |
US20230236809A1 (en) | Ios application program construction method and apparatus, electronic device, and storage medium | |
WO2020233058A1 (zh) | 代码下载的方法、装置、电子设备及计算机存储介质 | |
CN110688172B (zh) | 设备功能互斥逻辑配置方法、装置、电子设备及存储介质 | |
CN109618315A (zh) | 一种照明设备的控制方法、装置、存储介质及智能终端 | |
CN102880498A (zh) | 在安卓系统的装置上虚拟sd卡的方法 | |
JP2016207184A (ja) | ファームウェアコンポーネントをアップデートする方法、コンピュータシステム及びメモリ装置 | |
CN114911458A (zh) | 一种可配置的集成场景自动化前端页面设计方案 | |
WO2024078458A1 (zh) | 车载系统用户界面的三维控件实现方法、设备及存储介质 | |
CN110825409B (zh) | 参数管理方法、电子设备及计算机存储介质 | |
CN113590101A (zh) | 智能设备功能页面配置方法、服务器及客户端 | |
US20210004239A1 (en) | Electronic apparatus and control method thereof | |
CN117539458A (zh) | 一种可视化、可拖拽的低代码开发工具 | |
CN109996119A (zh) | 支持多种用户界面风格的方法、智能电视及存储介质 | |
CN116628791A (zh) | 灯具安装引导方法、装置、设备及介质 | |
US20190114179A1 (en) | Server for automatically determining whether to enable remote control function and method for automatically enabling remote control function | |
CN112418796B (zh) | 子流程任务节点激活方法、装置、电子设备及存储介质 | |
EP3674886B1 (en) | Function block framework generation | |
WO2016206437A1 (zh) | Rom包生成方法及装置 | |
CN109634685B (zh) | Pch万兆以太网的pxe功能的启停方法及相关装置 | |
US20090282085A1 (en) | Apparatuses and methods for storage and management of one or more data files containing a device theme | |
TW202123665A (zh) | 提供無伺服器服務之系統及方法 | |
CN112565029A (zh) | 接入物联网方法、系统、终端和计算机可读存储介质 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |