互联网界面构建方法和系统与流程

本发明涉及互联网应用技术领域，尤其是涉及一种互联网界面构建方法和系统。

背景技术：

随着互联网的快速发展，互联网界面也呈现出了爆发式的增长，而且用户对于界面的使用方面的需求存在着多样化和个性化。传统的互联网界面的开发需要有编程经验的专业人员来实现，具体开发专业性强的特点，并且在界面开发完毕后，一般只应用于特定的平台环境，无法对已经开发完毕的应用的数据和样式进行灵活的复用。

对互联网界面具有需求的用户往往希望厂家和开发者能够快速的开发出符合自己独有需求的互联网界面，然而，开发者必须要在充分了解用户独有的需求的前提下进行开发工作，使得互联网界面的开发具有开发周期长、成本高的特点。

技术实现要素：

有鉴于此，本发明的目的在于提供互联网界面构建方法和系统，解决了界面开发专业性强、开发周期长、成本高、可复用性差、灵活性低等问题，能够有效地提高用户体验，快速应对生产需求，具有很好的推广应用价值。

第一方面，本发明实施例提供了一种互联网界面构建方法，包括：获取构建互联网界面所需的数据和应用模板；将所述数据注入与所述数据匹配的所述应用模板构成应用模块；根据所述应用模块构建所述互联网界面。

结合第一方面，本发明实施例提供了第一方面的第一种可能的实施方式，其中，所述应用模板具有多种模板类型，所述模板类型包括：图片、数值、定位、文字、开关按钮、开关量。

结合第一方面，本发明实施例提供了第一方面的第二种可能的实施方式，其中，还包括：确定与所述数据相匹配的所述应用模板。

结合第一方面，本发明实施例提供了第一方面的第三种可能的实施方式，其中，所述确定与所述数据相匹配的所述应用模板的步骤具体包括：根据人工配置的方法，确定与所述数据匹配的所述应用模板。

结合第一方面，本发明实施例提供了第一方面的第四种可能的实施方式，其中，所述根据所述应用模块构建所述互联网界面的步骤具体包括：按照客户需求排列所述应用模块的顺序以完成构建所述互联网界面。

结合第一方面，本发明实施例提供了第一方面的第五种可能的实施方式，其中，所述互联网界面包括农业物联网应用界面。

第二方面，本发明实施例还提供一种互联网界面构建系统，包括：获取模块，用于获取构建互联网界面所需的数据和应用模板；注入模块，所述注入模块与所述获取模块相连，用于将所述数据注入与所述数据匹配的所述应用模板构成应用模块；构建界面模块，所述构建界面模块与所述注入模块相连，用于根据所述应用模块构建所述互联网界面。

结合第二方面，本发明实施例提供了第二方面的第一种可能的实施方式，其中，所述应用模板具有多种模板类型，所述模板类型包括：图片、数值、定位、文字、开关按钮、开关量。

结合第二方面，本发明实施例提供了第二方面的第二种可能的实施方式，其中，还包括：匹配模块，用于确定与所述数据相匹配的所述应用模板，所述匹配模块具体用于：根据人工配置的方法，确定与所述数据匹配的所述应用模板。

结合第二方面，本发明实施例提供了第二方面的第三种可能的实施方式，其中，所述构建界面模块具体用于：按照客户需求排列所述应用模块的顺序以完成构建所述互联网界面。

本发明实施例带来了以下有益效果：可以通过构建互联网界面所需的用户特有的数据和与之相配的具有通用性的应用模板，构成应用模块，然后根据应用模块构建用户所需的互联网界面，即在通用定制平台下用户不需要进行复杂的编码过程且任何编程技术就可以在短时间内进行几步简单的操作即可完成互联网界面的开发、预览和发布，解决了界面开发专业性强、开发周期长、成本高、可复用性差、灵活性低等问题，能够有效地提高用户体验，快速应对生产需求，具有很好的推广应用价值。

本发明的其他特征和优点将在随后的说明书中阐述，并且，部分地从说明书中变得显而易见，或者通过实施本发明而了解。本发明的目的和其他优点在说明书、权利要求书以及附图中所特别指出的结构来实现和获得。

为使本发明的上述目的、特征和优点能更明显易懂，下文特举较佳实施例，并配合所附附图，作详细说明如下。

附图说明

为了更清楚地说明本发明具体实施方式或现有技术中的技术方案，下面将对具体实施方式或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图是本发明的一些实施方式，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1为本发明实施例提供的互联网界面构建方法的流程图；

图2为本发明实施例提供的模板类型为图片的示意图；

图3为本发明一个实施例提供的模板类型为数值的示意图；

图4为本发明实施例提供的模板类型为定位的示意图；

图5为本发明实施例提供的模板类型为文字的示意图；

图6为本发明实施例提供的模板类型为开关按钮的示意图；

图7为本发明实施例提供的模板类型为开关量的示意图；

图8为本发明实施例提供的互联网界面构建系统的结构图。

图标：

200-互联网界面构建系统；210-获取模块；220-注入模块；230-构建界面模块。

具体实施方式

为使本发明实施例的目的、技术方案和优点更加清楚，下面将结合附图对本发明的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

目前传统的互联网界面的研发或者使用过程中，具有开发专业性强、可复用性差、灵活性低的特点，对于用户和开发者来说，具有开发周期长、成本高的特点，使得互联网界面的开发不能快速响应对生产的需求，基于此，本发明实施例提供的一种互联网界面构建方法和系统，可以通过构建互联网界面所需的用户特有的数据和与之相配的具有通用性的应用模板，构成应用模块，然后根据应用模块构建用户所需的互联网界面，即在通用定制平台下用户不需要进行复杂的编码过程且任何编程技术就可以在短时间内进行几步简单的操作即可完成互联网界面的开发、预览和发布，解决了界面开发专业性强、开发周期长、成本高、可复用性差、灵活性低等问题，能够有效地提高用户体验，快速应对生产需求，具有很好的推广应用价值。

为便于对本实施例进行理解，参见图1，对本发明实施例所公开的一种互联网界面构建方法进行详细介绍，包括：

s110：获取构建互联网界面所需的数据和应用模板。

具体来说，以互联网应用界面为例，将应用界面抽象为数据和应用模板，应用模板也就是通用的一些关于图片、数值、定位等等的模板，能够将与之对应的数据注入这个应用模板形成用户所需的特有的应用界面。

在一些实施例中，应用模板具有多种模板类型，模板类型包括：图片、数值、定位、文字、开关按钮、开关量。

结合图2所示，模板类型是图片时，该模板可以用于展示摄像机抓拍的图片，或者视频中裁剪下来的图片等等。基于这个图片，该模板类型具有向前、向后查看图片的功能，还具有将下载、放大、缩小图片的功能。

结合图3所示，模板类型是数值，该模板类型具有将数据显示的功能，以农业物联网为例，在大棚的控制系统中，运用物联网系统的温度传感器、湿度传感器、ph值传感器、光照传感器等等传感器，可以采集环境中的温度、相对湿度、ph值、光照强度等，然后将这些数据在相应的农业物联网中显示出来。如图3所示，显示出温度传感器采集的温度数据，空气温度1：5℃，光照1：500klus，光照2：500klus，空气温度2：5℃，土壤温度：15℃，空气湿度2：34％。并且，该模板类型可以为数据提供曲线图功能，例如，在空气湿度2那一栏中点击图标“展开曲线图”时，可以查看空气湿度2的曲线图，这时，“展开曲线图”的图标变成“收起曲线图”。当在空气湿度2那一栏中点击图标“收起曲线图”时，就会收起空气湿度2的曲线图。值得注意的是，上述的描述只是示例性的，对本发明不做限制。

结合图4所示，模板类型是定位时，该模板类型可以显示的是带有定位传感器的设备位置，还可以具有实时显示互联网应用界面的使用位置，还可以查看在该定位之前的轨迹位置点。这个模板的功能就像智能地图一样，能够为用户提供定位信息。举例：农业物联网是控制各种仪器仪表的的实时显示或者自动控制的参变量参与到自动控制中的物联网。以大棚控制系统为例，农业物联网可以实现对不同的大棚进行控制，这时，物联网可能就需要将大棚的位置进行定位以便能使用位置来达到区分管理的目的。比如：定位在沈阳市的铁西区和大东区的光照强度不同，则可以通过将大棚的位置进行定位，如果发现大棚的定位的位置在大东区，则便可以控制该大棚的光照时间以便能让农作物更好的生长。综上可知，互联网界面存在定位的功能能够为用户提供方便，有利于综合管理和因地制宜。

结合图5所示，模板类型是文字时，该模板类型可以具有任务下发或者任务上传的功能以能及时提醒用户在预定的时间内进行相应的工作，该功能可以理解为主要为用户设定的。以农业生产为例，在农业生产中，农民会有许多农事活动，比如：除草、浇水、施肥翻地等等，如果不对这些农事活动进行提醒，可以会导致农民因为其他的事情而忘记在相应的时间进行相应的农事活动。以浇水为例，在农作物进行播种之前和农作物生长过程中，农民会对农作物浇水来提高农作物的生长率和产量，这时，如果该物联网具有文字的功能，就可以对浇水的任务进行下发提醒农民，如图5在这个应用模块中显示，序号、农事名称、内容、计划需要执行日期、操作人、工人操作时间、状态，其中，如果有多块土地需要进行翻地时，可以对其进行编号，序号可以为年份、月份、日期和顺序号组合而成。农事名称为浇水，其中，如果想要下发任务为浇水，则这里农事名称为浇水。内容可以写具体给哪块地进行浇水，工人操作时间为具体翻地的时间，例如：09:00。另外，模板类型是文字时，该模板类型还可以具有搜索的功能，即：根据农事名称，计划下发时间等等搜索任务，这样可以在大量任务中快速找到自己想要找到的任务。

结合图6所示，模板类型为开关按钮时，该模板类型可以具有远程控制的功能，以农业生产为例，可以智能控制各种农业装备的启动或者关闭。并且，可以独立的控制不同农业装备的启动或者关闭。例如，启动1和关闭1控制洒水设备的开/关时，当洒水设备在预定的时间内进行洒水活动时，按启动1启动洒水设备进行洒水，如果洒水完成，按关闭1，关闭洒水活动。启动2和关闭2控制施肥设备的开/关时，当施肥设备在预定的时间内进行施肥活动时，按启动1启动洒水设备进行施肥，如果施肥完成，按关闭2，关闭施肥活动。

结合图7所示，模板类型为开关量时，该模板类型可以直接显示开关处于打开、关闭或者其他状态，不可进行直接操作控制。并且可以显示不同的设备的开关量，以a、b、c、d分别代表不同的设备而言，显示a、b、c、d的开关量的连接(1)和断开(0)。值得注意的是，对于开关量的显示也可以横向排列，这样能够节省界面的空间。对此，本发明并不做限制。

s120：将数据注入与数据匹配的应用模板构成应用模块。

在步骤s120之前，还包括：确定与数据相匹配的应用模板。进一步的，根据人工配置的方法，确定与数据匹配的应用模板。

作为一个示例，基于本发明可以制作相应的网页，其中，在网页中可以显示备选的多个应用模板，操作人员可以选择与数据对应的一个或者多个应用模板形成一个或者多个应用模块。

举例：如果采集到的数据为ph值数据，用户需要将这个ph值数据进行ph值曲线描述，可知，曲线描述是属于数值这个模板类型的功能，所以ph值数据与之匹配的应用模板就是数值，将这个ph值数据注入到数值这个模板类型中会生产ph值具体数值和相应的曲线图，这个ph值和相应的曲线图即为应用模块。

s130：根据应用模块构建互联网界面。

步骤s130具体包括：按照客户需求排列应用模块的顺序以完成构建互联网界面。

作为一个示例，用户提供了不同类型的数据，再将不同类型的数据注入与之相匹配的应用模板中形成不同的应用模块，对于具体应用模块按照客户需求进行排列构成互联网界面。例如：形成了图片、数据、文字的应用模块，用户想将图片放在第一位，之后的顺序依次是文字和数据，则就按照这个顺序串接形成应用界面，即互联网界面。

举例：以农业物联网为例，如果用户想让厂商或者开发人员制作一个关于大棚的应用界面，用户的需求是针对大棚中的农作物的相关事项，那么这个应用界面应该显示的内容包括：农作物的图片，大棚中的农作物的浇水、施肥、打药时间，大棚的位置，浇水设备、施肥设备、打药设备的的启动和关闭信息。综上可知，这位用户需要用到的通用的应用模板为图片、文字、开关按钮。用户自行或者开发商将这些相应的数据进行采集，然后将采集到的数据分别注入与之匹配的相应的应用模板中，形成关于图片、文字、开关按钮的三个应用模块，再将三个应用模块进行排序，并按照一定的顺序串接起来，形成一个该用户所需要的特有的应用界面。

当然，对于其他的互联网界面所包含的所有界面均可以利用上述方法进行开发。例如：移动应用界面，移动应用界面具体来说为：手机上的应用界面、ipad上的应用界面等等其他移动终端设备的应用界面。

在一些实施例中，上述的互联网界面除了可以包括农业物联网应用界面，还可以包括各类游戏界面、各类app(手机软件，application)界面等等。

参见图8所示的互联网界面构建系统200，包括：获取模块210、注入模块220和构建界面模块230。

其中，获取模块210用于获取构建互联网界面所需的数据和应用模板。注入模块220与获取模块210相连，注入模块220用于将数据注入与数据匹配的应用模板构成应用模块。构建界面模块230与注入模块220相连，构建界面模块230用于根据应用模块构建互联网界面。

本发明实施例提供的互联网界面构建系统，与上述实施例提供的互联网界面构建方法具有相同的技术特征，所以也能解决相同的技术问题，达到相同的技术效果。

在一些实施例中，应用模板具有多种模板类型，所述模板类型包括：图片、数值、定位、文字、开关按钮、开关量。

在一些实施例中，还包括：匹配模块，用于确定与所述数据相匹配的所述应用模板，所述匹配模块具体用于：根据人工配置的方法，确定与所述数据匹配的所述应用模板。

在一些实施例中，所述构建界面模块230具体用于：按照客户需求排列所述应用模块的顺序以完成构建所述互联网界面。

在一些实施例中，本发明的互联网界面构建系统200中提到的互联网界面可以包括农业物联网应用界面。

在一些实施例中，还包括：显示模块，显示模块与构建界面模块230相连，显示模块用于显示构建界面模块230构建完成的互联网界面以能使用户能够从视觉上清晰的看清界面的内容。

本发明实施例所提供的装置，其实现原理及产生的技术效果和前述方法实施例相同，为简要描述，装置实施例部分未提及之处，可参考前述方法实施例中相应内容。

除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对步骤、数字表达式和数值并不限制本发明的范围。所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的系统和装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

在这里示出和描述的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制，因此，示例性实施例的其他示例可以具有不同的值。应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步定义和解释。

关于附图中的流程图和框图显示了根据本发明的多个实施例的系统、方法的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块的一部分，所述模块的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

另外，在本发明实施例的描述中，除非另有明确的规定和限定，术语“相连”应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或一体地连接；可以是机械连接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通。对于本领域的普通技术人员而言，可以具体情况理解上述术语在本发明中的具体含义。

所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可执行的非易失的计算机可读取存储介质中。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：u盘、移动硬盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、磁碟或者光盘等各种可以存储程序代码的介质。

最后应说明的是：以上所述实施例，仅为本发明的具体实施方式，用以说明本发明的技术方案，而非对其限制，本发明的保护范围并不局限于此，尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，其依然可以对前述实施例所记载的技术方案进行修改或可轻易想到变化，或者对其中部分技术特征进行等同替换；而这些修改、变化或者替换，并不使相应技术方案的本质脱离本发明实施例技术方案的精神和范围，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应所述以权利要求的保护范围为准。