CN112925521A - 一种界面生成方法和装置 - Google Patents
一种界面生成方法和装置 Download PDFInfo
- Publication number
- CN112925521A CN112925521A CN202110342580.2A CN202110342580A CN112925521A CN 112925521 A CN112925521 A CN 112925521A CN 202110342580 A CN202110342580 A CN 202110342580A CN 112925521 A CN112925521 A CN 112925521A
- Authority
- CN
- China
- Prior art keywords
- sub
- component
- configuration data
- data
- subcomponent
- 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
- 238000000034 method Methods 0.000 title claims abstract description 44
- 238000012545 processing Methods 0.000 claims description 43
- 238000004590 computer program Methods 0.000 claims description 8
- 230000000977 initiatory effect Effects 0.000 claims description 4
- 230000001960 triggered effect Effects 0.000 claims description 4
- 238000013499 data model Methods 0.000 claims description 3
- 230000004069 differentiation Effects 0.000 abstract description 4
- 238000012423 maintenance Methods 0.000 abstract description 3
- 230000004044 response Effects 0.000 abstract description 3
- 230000006870 function Effects 0.000 description 20
- 238000010586 diagram Methods 0.000 description 13
- 230000008569 process Effects 0.000 description 13
- 238000004891 communication Methods 0.000 description 9
- 230000002452 interceptive effect Effects 0.000 description 9
- 230000008859 change Effects 0.000 description 5
- 238000007726 management method Methods 0.000 description 4
- 230000003287 optical effect Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 238000011161 development Methods 0.000 description 2
- 230000018109 developmental process Effects 0.000 description 2
- 230000000694 effects Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 239000000835 fiber Substances 0.000 description 2
- 230000000670 limiting effect Effects 0.000 description 2
- 239000000463 material Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 230000004323 axial length Effects 0.000 description 1
- 239000012141 concentrate Substances 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000013079 data visualisation Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000011835 investigation Methods 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 239000013307 optical fiber Substances 0.000 description 1
- 230000036961 partial effect Effects 0.000 description 1
- 230000002829 reductive effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
- 230000033772 system development Effects 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/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- 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/34—Graphical or visual programming
-
- 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/36—Software reuse
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了界面生成方法和装置，涉及大数据技术领域。该方法的一具体实施方式包括接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。从而，本发明的实施方式能够解决现有针对用户需求差异化，迭代速度快等导致信息系统需求响应和后续维护效率低下的问题。
Description
技术领域
本发明涉及大数据技术领域，具体为数据可视化，尤其涉及一种界面生成方法和装置。
背景技术
信息系统，是指由计算机硬件、网络和通讯设备、计算机软件、信息资源、信息用户和规章制度组成的以处理信息流为目的的人机一体化系统。信息系统的任务是利用现代计算机及网络通讯技术加强企业的信息管理，通过对企业拥有的人力、物力、财力、设备、技术等资源的调查了解，建立正确的数据，加工处理并编制成各种信息资料及时提供给管理人员，以便进行正确的决策，不断提高企业的管理水平和经济效益。
在实现本发明过程中，发明人发现现有技术中至少存在如下问题：通过加工处理产生的各种信息资料通常会按照不同的需求以不同的形式和内容组合后可视化地展示给信息系统的各类管理人员，以便管理人员专注于自己关心的数据。在实际业务场景中，不同管理人员往往对数据的内容和展示方式有不同的诉求。为了满足这类需求，信息系统会针对不同管理人员开发不同的界面以展示特定的数据。不同界面中展示的数据和形式可能会存在部分重合，但为了展示差异部分，往往需要重新设计开发一个界面来满足要求。同时，已经开发完成的数据和展示形式不能直接复用在新的界面上，降低了信息系统开发人员的开发效率和系统的可维护性，不能适应目前需求差异化和快速迭代的信息系统开发形势。
发明内容
有鉴于此，本发明实施例提供一种界面生成方法和装置，能够解决现有针对用户需求差异化，迭代速度快等导致信息系统需求响应和后续维护效率低下的问题。
为实现上述目的，根据本发明实施例的一个方面，提供了一种界面生成方法，包括接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
可选地，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，包括：
通用父容器遍历子组件配置信息集中绑定的子组件配置数据的元素，确定每一个元素对应的子组件容器；
通过事件总线调用对应的子组件容器进行加载，每个子组件容器在加载之后触发加载完成事件；
通用父容器处理加载完成事件，记录每个子组件容器加载状态，待所有对应的子组件容器都加载完成后通用父容器触发就绪事件。
可选地，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
将通用父容器中承载的子组件配置信息集作为可选显示组件库，基于用户需求数据从可选显示组件库中确定选取的子组件配置数据；
判断是否存在对子组件重新绘制的指令，若是则启动绘制程序以更新子组件配置数据，待绘制完成绑定更新后的子组件配置数据；若否则绑定子组件配置数据。
可选地，启动绘制程序以更新子组件配置数据，包括：
接收拖动指令，记录拖动开始时坐标位置和拖动对象的坐标信息，待拖动结束时记录当前坐标位置；
根据拖动开始时坐标位置和当前坐标位置，计算在x轴和y轴方向上的移动长度并转换成百分比，得到移动百分比；
基于拖动对象的坐标信息，通过所述移动百分比生成拖动后对象的坐标信息，进而更新子组件配置数据中的页面布局配置项。
可选地，启动绘制程序以更新子组件配置数据，包括：
接收对象选中指令，获取当前光标对应坐标，确定所述坐标存在于预设的对象第一区域内则启动调整大小模式；
接收光标移动指令，实时获取光标偏移位置，以基于对象的坐标信息计算新的对象坐标信息，待接收到光标释放指令获取当前新的对象坐标信息，进而更新子组件配置数据中的组件大小配置项。
可选地，子组件配置数据包括子组件绑定的事件集合；
基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
根据子组件绑定的事件集合，基于用户需求数据确定绑定的子组件配置数据中的事件，进而解绑其余事件，以通过调用预设的重写事件处理函数触发当前绑定的事件集合。
可选地，还包括：
子组件配置数据能够定义每个子组件的配置数据项，配置数据项确定子组件在用户界面中的显示位置和功能。
可选地，所述子组件配置数据项的数据模型包括：子组件显示名称、子组件名称、子组件容器的默认样式、子组件的数据绑定项、子组件触发的事件集合以及子组件绑定的事件集合。
可选地，还包括：
子组件容器针对子组件预设的功能设置有开关，通过所述开关开启对应的功能。
另外，本发明还提供了一种界面生成装置，包括获取模块，用于接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；处理模块，用于将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
可选地，处理模块以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，包括：
通用父容器遍历子组件配置信息集中绑定的子组件配置数据的元素，确定每一个元素对应的子组件容器；
通过事件总线调用对应的子组件容器进行加载，每个子组件容器在加载之后触发加载完成事件；
通用父容器处理加载完成事件，记录每个子组件容器加载状态，待所有对应的子组件容器都加载完成后通用父容器触发就绪事件。
可选地，处理模块基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
将通用父容器中承载的子组件配置信息集作为可选显示组件库，基于用户需求数据从可选显示组件库中确定选取的子组件配置数据；
判断是否存在对子组件重新绘制的指令，若是则启动绘制程序以更新子组件配置数据，待绘制完成绑定更新后的子组件配置数据；若否则绑定子组件配置数据。
可选地，处理模块启动绘制程序以更新子组件配置数据，包括：
接收拖动指令，记录拖动开始时坐标位置和拖动对象的坐标信息，待拖动结束时记录当前坐标位置；
根据拖动开始时坐标位置和当前坐标位置，计算在x轴和y轴方向上的移动长度并转换成百分比，得到移动百分比；
基于拖动对象的坐标信息，通过所述移动百分比生成拖动后对象的坐标信息，进而更新子组件配置数据中的页面布局配置项。
可选地，处理模块启动绘制程序以更新子组件配置数据，包括：
接收对象选中指令，获取当前光标对应坐标，确定所述坐标存在于预设的对象第一区域内则启动调整大小模式；
接收光标移动指令，实时获取光标偏移位置，以基于对象的坐标信息计算新的对象坐标信息，待接收到光标释放指令获取当前新的对象坐标信息，进而更新子组件配置数据中的组件大小配置项。
可选地，子组件配置数据包括子组件绑定的事件集合；
处理模块基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
根据子组件绑定的事件集合，基于用户需求数据确定绑定的子组件配置数据中的事件，进而解绑其余事件，以通过调用预设的重写事件处理函数触发当前绑定的事件集合。
上述发明中的一个实施例具有如下优点或有益效果：本发明通过将数据和展示形式封装成独立的组件，按照不同需求的配置在公共容器中组合成不同的界面，实现了快速定制组件化界面的效果。并且，不同组件的复用、灵活配置组合实现差异化显示和快速迭代需求，提高了信息系统的开发效率和可维护性。
上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
图1是根据本发明第一实施例的界面生成方法的主要流程的示意图；
图2是根据本发明第二实施例的界面生成方法的架构示意图；
图3是根据本发明实施例的界面生成装置的主要模块的示意图；
图4是本发明实施例可以应用于其中的示例性系统架构图；
图5是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
图1是根据本发明第一实施例的界面生成方法的主要流程的示意图，如图1所示，所述界面生成方法包括：
步骤S101，接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据。
在实施例中，子组件配置数据能够定义每个子组件的配置数据项，而这些配置数据项可以确定子组件在用户界面中的显示位置和功能，优选地子组件配置数据项的数据模型包括：子组件显示名称、子组件名称、子组件容器的默认样式、子组件的数据绑定项、子组件触发的事件集合以及子组件绑定的事件集合。其中，子组件显示名称为展示给用户的组件名称，例如勾选可显示子组件时显示的名称。子组件名称定义组件的名称，控制具体绘制时的子组件类型。子组件容器的默认样式为控制子组件的初始大小和显示位置。子组件的数据绑定项为子组件使用方可以按需绑定数据提供给子组件处理。子组件触发的事件集合为子组件可以触发的事件集合。子组件绑定的事件集合为子组件自动绑定和解绑事件，子组件可以通过重写事件处理函数按需处理业务(即根据需求绑定事件)。
值得说明的是，每个子组件被子组件容器承载，即子组件容器是承载具体功能子组件的容器，提供子组件大小变化和拖动改变位置的等等基础交互功能。子组件容器会解析子组件配置数据，确定子组件在通用父容器中布局位置，以及控制子组件的基础交互功能是否开启。较佳的，子组件容器针对子组件预设的交互功能分别设置有开关，可以通过所述开关开启对应的交互功能，例如开启子组件大小变化和拖动改变位置的交互功能。
作为另一些实施例，子组件配置数据包括子组件绑定的事件集合。基于用户需求数据绑定子组件配置信息集中的子组件配置数据，具体实施过程包括：根据子组件绑定的事件集合，基于用户需求数据确定绑定的子组件配置数据中的事件，进而解绑其余事件，以通过调用预设的重写事件处理函数触发当前绑定的事件集合。
步骤S102，将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
在实施例中，通用父容器能够处理用户界面传入的子组件配置数据绘制用户界面，并且提供通过动态勾选组件控制子组件是否显示的基础能力和交互功能。也就是说，通用父容器可以通过接收外部传入的子组件配置信息集，作为可选显示组件库，即通用父容器承载了子组件配置信息集，并且实现了与用户界面、子组件容器之间的交互功能。并将所述子组件配置信息集引入至用户界面，基于用户需求数据通过动态勾选子组件，绑定子组件配置信息集中的子组件配置数据。当然，基于用户需求数据也可以对子组件配置数据进行调整，即重新绘制已经存在的子组件。
在一些实施例中，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，具体的实施过程包括：通用父容器遍历子组件配置信息集中绑定的子组件配置数据的元素，确定每一个元素对应的子组件容器。通过事件总线调用对应的子组件容器进行加载，每个子组件容器在加载之后触发加载完成事件。通用父容器处理加载完成事件，记录每个子组件容器加载状态，待所有对应的子组件容器都加载完成后通用父容器触发就绪事件。
也就是说，通用父容器处理子组件配置信息集时，遍历子组件配置信息集中子组件配置数据的元素，每一个元素对应一个子组件容器，子组件容器按照子组件配置数据确定布局位置和具体功能子组件类型。通过事件总线调用对应的子组件容器进行加载，每个功能子组件在加载之后都会触发加载完成事件，通用父容器处理加载完成事件，记录每个子组件加载状态，当所有选择显示的组件都加载后通用父容器会触发就绪事件，用户界面可以在就绪后处理自己的业务逻辑。
值得说明的是，通用父容器处理子组件配置信息集时，可以遍历基于用户需求数据通过例如勾选确定的子组件配置数据，即可以通过用户界面动态选择需要加载的具体功能子组件。
作为另一些实施例，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，具体实施过程包括将通用父容器中承载的子组件配置信息集作为可选显示组件库，基于用户需求数据从可选显示组件库中确定选取的子组件配置数据。判断是否存在对子组件重新绘制的指令，若是则启动绘制程序以更新子组件配置数据，待绘制完成绑定更新后的子组件配置数据；若否则绑定子组件配置数据。
值得说明的是，子组件基础容器在页面布局中采用绝对定位方式，例如通过左、上定位坐标来确定组件布局位置，通过指定的宽度和高度控制组件的宽度和高度(支持百分比和像素px方式)，支持控制是否可以拖动，支持控制是否可以改变大小。
进一步地实施例，启动绘制程序以更新子组件配置数据，具体的实施过程包括：接收拖动指令，记录拖动开始时坐标位置和拖动对象的坐标信息，待拖动结束时记录当前坐标位置。根据拖动开始时坐标位置和当前坐标位置，计算在x轴和y轴方向上的移动长度并转换成百分比，得到移动百分比。基于拖动对象的坐标信息，通过所述移动百分比生成拖动后对象的坐标信息，进而更新子组件配置数据中的页面布局配置项。例如，拖动子组件容器改变页面布局：当鼠标点击容器进行拖动时，记录下拖动开始时鼠标的坐标位置(像素单位px)和子组件容器的左、上坐标信息。拖动结束时再次记录鼠标的坐标位置(像素单位px)，然后减去拖动开始时鼠标的坐标位置，计算出鼠标在x轴和y轴方向上的移动长度并转换成移动百分比。将移动百分比与拖动开始时子组件容器的左、上坐标信息相加，生成拖动后对象的坐标信息。如果拖动后对象的坐标信息为负时则赋值为0。如果坐标与轴向子组件长度(比如x轴坐标与宽度)相加超过屏幕同轴向长度时则重新计算坐标位置，计算方法为100减去同轴向组件长度，避免组件被移动到窗口可视区域外。
另外，启动绘制程序以更新子组件配置数据，还可以调整组件大小，具体的实施过程包括：接收对象选中指令，获取当前光标对应坐标，确定所述坐标存在于预设的对象第一区域内则启动调整大小模式。接收光标移动指令，实时获取光标偏移位置，以基于对象的坐标信息计算新的对象坐标信息，待接收到光标释放指令获取当前新的对象坐标信息，进而更新子组件配置数据中的组件大小配置项。例如，子组件容器的大小改变：鼠标按下时获取对应位置的坐标，通过与子组件容器宽高比较，如果点击位置在右下角(即预设的对象第一区域)并且允许改变大小，则禁用拖动模式进入调整大小模式，鼠标样式修改为调整大小模式。按下鼠标开始移动后，实时获取鼠标偏移位置计算新的宽高赋值给子组件，松开鼠标后子组件大小调整结束，鼠标样式恢复为默认。
综上所述，本发明定义承载各类具体定制化子组件的子组件容器，描述子组件布局和功能接口的配置数据，解析子组件配置数据生成用户界面并提供基础统一交互功能的通用父容器。并且，通过在用户界面中引入通用父容器，按照子组件配置数据规范动态或者静态定制需要显示的子组件配置数据，控制用户界面的显示内容。另外，针对不同的用户需求定义不同的子组件配置数据，即可快速控制用户界面的显示。
图2是根据本发明第二实施例的界面生成方法的架构示意图，如图2所示，包括用户界面、通用父容器以及子组件。其中用户界面设置在用户界面域中，通用父容器承载传入的子组件配置信息集，子组件配置数据能够定义每个子组件的配置数据项，而这些配置数据项可以确定子组件在用户界面中的显示位置和功能。通用父容器的子组件配置信息集中每个子组件配置数据的元素对应子组件容器，子组件容器是承载具体功能子组件的容器，提供子组件大小变化和拖动改变位置的等等基础交互功能。
并且，用户界面是根据具体用户需求实现定制化组件显示的界面。用户界面只需要引入通用父容器，绑定子组件配置数据，在加载就绪后处理自己需要的业务，比如在所有组件加载完成后触发组件的数据初始化业务。较佳的，用户界面绑定的子组件配置数据可以静态定义，也可以从其他途径比如后台接口中动态获取。从而，在积累了大量功能子组件后，用户界面可以灵活快速的针对不同用户需求配置对应子组件组合成新的界面。
图3是根据本发明实施例的界面生成装置的主要模块的示意图，如图3所示，所述界面生成装置包括获取模块301和处理模块302。其中，获取模块301接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；处理模块302将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
在一些实施例中，处理模块302以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，包括：
通用父容器遍历子组件配置信息集中绑定的子组件配置数据的元素，确定每一个元素对应的子组件容器；
通过事件总线调用对应的子组件容器进行加载，每个子组件容器在加载之后触发加载完成事件；
通用父容器处理加载完成事件，记录每个子组件容器加载状态，待所有对应的子组件容器都加载完成后通用父容器触发就绪事件。
在一些实施例中，处理模块302基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
将通用父容器中承载的子组件配置信息集作为可选显示组件库，基于用户需求数据从可选显示组件库中确定选取的子组件配置数据；
判断是否存在对子组件重新绘制的指令，若是则启动绘制程序以更新子组件配置数据，待绘制完成绑定更新后的子组件配置数据；若否则绑定子组件配置数据。
在一些实施例中，处理模块302启动绘制程序以更新子组件配置数据，包括：
接收拖动指令，记录拖动开始时坐标位置和拖动对象的坐标信息，待拖动结束时记录当前坐标位置；
根据拖动开始时坐标位置和当前坐标位置，计算在x轴和y轴方向上的移动长度并转换成百分比，得到移动百分比；
基于拖动对象的坐标信息，通过所述移动百分比生成拖动后对象的坐标信息，进而更新子组件配置数据中的页面布局配置项。
在一些实施例中，处理模块302启动绘制程序以更新子组件配置数据，包括：
接收对象选中指令，获取当前光标对应坐标，确定所述坐标存在于预设的对象第一区域内则启动调整大小模式；
接收光标移动指令，实时获取光标偏移位置，以基于对象的坐标信息计算新的对象坐标信息，待接收到光标释放指令获取当前新的对象坐标信息，进而更新子组件配置数据中的组件大小配置项。
在一些实施例中，子组件配置数据包括子组件绑定的事件集合；
处理模块302基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
根据子组件绑定的事件集合，基于用户需求数据确定绑定的子组件配置数据中的事件，进而解绑其余事件，以通过调用预设的重写事件处理函数触发当前绑定的事件集合。
需要说明的是，在本发明所述界面生成方法和所述界面生成装置在具体实施内容上具有相应关系，故重复内容不再说明。
图4示出了可以应用本发明实施例的界面生成方法或界面生成装置的示例性系统架构400。
如图4所示，系统架构400可以包括终端设备401、402、403，网络404和服务器405。网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备401、402、403通过网络404与服务器405交互，以接收或发送消息等。终端设备401、402、403上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备401、402、403可以是具有界面生成屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
服务器405可以是提供各种服务的服务器，例如对用户利用终端设备401、402、403所浏览的购物类网站提供支持的后台管理服务器(仅为示例)。后台管理服务器可以对接收到的产品信息查询请求等数据进行分析等处理，并将处理结果(例如目标推送信息、产品信息--仅为示例)反馈给终端设备。
需要说明的是，本发明实施例所提供的界面生成方法一般由服务器405执行，相应地，计算装置一般设置于服务器405中。
应该理解，图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
下面参考图5，其示出了适于用来实现本发明实施例的终端设备的计算机系统500的结构示意图。图5示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM503中，还存储有计算机系统500操作所需的各种程序和数据。CPU501、ROM502以及RAM503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。
以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶界面生成器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。
特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本发明的系统中限定的上述功能。
需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。
附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括获取模块和处理模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定。
作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
根据本发明实施例的技术方案，能够解决现有针对用户需求差异化，迭代速度快等导致信息系统需求响应和后续维护效率低下的问题。
上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。
Claims (17)
1.一种界面生成方法，其特征在于，包括：
接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；
将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
2.根据权利要求1所述的方法，其特征在于，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，包括：
通用父容器遍历子组件配置信息集中绑定的子组件配置数据的元素，确定每一个元素对应的子组件容器；
通过事件总线调用对应的子组件容器进行加载，每个子组件容器在加载之后触发加载完成事件；
通用父容器处理加载完成事件，记录每个子组件容器加载状态，待所有对应的子组件容器都加载完成后通用父容器触发就绪事件。
3.根据权利要求1所述的方法，其特征在于，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
将通用父容器中承载的子组件配置信息集作为可选显示组件库，基于用户需求数据从可选显示组件库中确定选取的子组件配置数据；
判断是否存在对子组件重新绘制的指令，若是则启动绘制程序以更新子组件配置数据，待绘制完成绑定更新后的子组件配置数据；若否则绑定子组件配置数据。
4.根据权利要求3所述的方法，其特征在于，启动绘制程序以更新子组件配置数据，包括：
接收拖动指令，记录拖动开始时坐标位置和拖动对象的坐标信息，待拖动结束时记录当前坐标位置；
根据拖动开始时坐标位置和当前坐标位置，计算在x轴和y轴方向上的移动长度并转换成百分比，得到移动百分比；
基于拖动对象的坐标信息，通过所述移动百分比生成拖动后对象的坐标信息，进而更新子组件配置数据中的页面布局配置项。
5.根据权利要求3所述的方法，其特征在于，启动绘制程序以更新子组件配置数据，包括：
接收对象选中指令，获取当前光标对应坐标，确定所述坐标存在于预设的对象第一区域内则启动调整大小模式；
接收光标移动指令，实时获取光标偏移位置，以基于对象的坐标信息计算新的对象坐标信息，待接收到光标释放指令获取当前新的对象坐标信息，进而更新子组件配置数据中的组件大小配置项。
6.根据权利要求1所述的方法，其特征在于，子组件配置数据包括子组件绑定的事件集合；
基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
根据子组件绑定的事件集合，基于用户需求数据确定绑定的子组件配置数据中的事件，进而解绑其余事件，以通过调用预设的重写事件处理函数触发当前绑定的事件集合。
7.根据权利要求1所述的方法，其特征在于，还包括：
子组件配置数据能够定义每个子组件的配置数据项，配置数据项确定子组件在用户界面中的显示位置和功能。
8.根据权利要求7所述的方法，其特征在于，所述子组件配置数据项的数据模型包括：子组件显示名称、子组件名称、子组件容器的默认样式、子组件的数据绑定项、子组件触发的事件集合以及子组件绑定的事件集合。
9.根据权利要求1-8任一所述的方法，其特征在于，还包括：
子组件容器针对子组件预设的功能设置有开关，通过所述开关开启对应的功能。
10.一种界面生成装置，其特征在于，包括：
获取模块，用于接收传入的子组件配置信息集，以通过通用父容器进行承载；其中，所述子组件配置信息集中每个子组件配置数据定义相应子组件的配置数据项，进而确定子组件在用户界面中的显示位置和功能数据；
处理模块，用于将通用父容器引入至用户界面，基于用户需求数据绑定子组件配置信息集中的子组件配置数据，以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，待所有子组件加载完成后触发子组件的数据初始化业务以生成界面。
11.根据权利要求10所述的装置，其特征在于，处理模块以使通用父容器通过绑定的子组件配置数据调用相应的子组件容器进行加载，包括：
通用父容器遍历子组件配置信息集中绑定的子组件配置数据的元素，确定每一个元素对应的子组件容器；
通过事件总线调用对应的子组件容器进行加载，每个子组件容器在加载之后触发加载完成事件；
通用父容器处理加载完成事件，记录每个子组件容器加载状态，待所有对应的子组件容器都加载完成后通用父容器触发就绪事件。
12.根据权利要求10所述的装置，其特征在于，处理模块基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
将通用父容器中承载的子组件配置信息集作为可选显示组件库，基于用户需求数据从可选显示组件库中确定选取的子组件配置数据；
判断是否存在对子组件重新绘制的指令，若是则启动绘制程序以更新子组件配置数据，待绘制完成绑定更新后的子组件配置数据；若否则绑定子组件配置数据。
13.根据权利要求12所述的装置，其特征在于，处理模块启动绘制程序以更新子组件配置数据，包括：
接收拖动指令，记录拖动开始时坐标位置和拖动对象的坐标信息，待拖动结束时记录当前坐标位置；
根据拖动开始时坐标位置和当前坐标位置，计算在x轴和y轴方向上的移动长度并转换成百分比，得到移动百分比；
基于拖动对象的坐标信息，通过所述移动百分比生成拖动后对象的坐标信息，进而更新子组件配置数据中的页面布局配置项。
14.根据权利要求12所述的装置，其特征在于，处理模块启动绘制程序以更新子组件配置数据，包括：
接收对象选中指令，获取当前光标对应坐标，确定所述坐标存在于预设的对象第一区域内则启动调整大小模式；
接收光标移动指令，实时获取光标偏移位置，以基于对象的坐标信息计算新的对象坐标信息，待接收到光标释放指令获取当前新的对象坐标信息，进而更新子组件配置数据中的组件大小配置项。
15.根据权利要求10所述的装置，其特征在于，子组件配置数据包括子组件绑定的事件集合；
处理模块基于用户需求数据绑定子组件配置信息集中的子组件配置数据，包括：
根据子组件绑定的事件集合，基于用户需求数据确定绑定的子组件配置数据中的事件，进而解绑其余事件，以通过调用预设的重写事件处理函数触发当前绑定的事件集合。
16.一种电子设备，其特征在于，包括：
一个或多个处理器；
存储装置，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-9中任一所述的方法。
17.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-9中任一所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110342580.2A CN112925521A (zh) | 2021-03-30 | 2021-03-30 | 一种界面生成方法和装置 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202110342580.2A CN112925521A (zh) | 2021-03-30 | 2021-03-30 | 一种界面生成方法和装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112925521A true CN112925521A (zh) | 2021-06-08 |
Family
ID=76176634
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202110342580.2A Pending CN112925521A (zh) | 2021-03-30 | 2021-03-30 | 一种界面生成方法和装置 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112925521A (zh) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113312135A (zh) * | 2021-07-30 | 2021-08-27 | 平安科技（深圳）有限公司 | 一种列表展示方法、装置、计算机设备及存储介质 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105912314A (zh) * | 2015-12-28 | 2016-08-31 | 乐视致新电子科技（天津）有限公司 | 用户界面控件的布局方法及系统、控制方法及系统 |
| CN110297685A (zh) * | 2019-06-28 | 2019-10-01 | 百度在线网络技术（北京）有限公司 | 用户界面描述文件生成方法、装置、设备及存储介质 |
| CN112256260A (zh) * | 2020-10-30 | 2021-01-22 | 中电万维信息技术有限责任公司 | 一种基于可热插拔动态组件的可视化系统 |
-
2021
- 2021-03-30 CN CN202110342580.2A patent/CN112925521A/zh active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105912314A (zh) * | 2015-12-28 | 2016-08-31 | 乐视致新电子科技（天津）有限公司 | 用户界面控件的布局方法及系统、控制方法及系统 |
| CN110297685A (zh) * | 2019-06-28 | 2019-10-01 | 百度在线网络技术（北京）有限公司 | 用户界面描述文件生成方法、装置、设备及存储介质 |
| CN112256260A (zh) * | 2020-10-30 | 2021-01-22 | 中电万维信息技术有限责任公司 | 一种基于可热插拔动态组件的可视化系统 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113312135A (zh) * | 2021-07-30 | 2021-08-27 | 平安科技（深圳）有限公司 | 一种列表展示方法、装置、计算机设备及存储介质 |
| CN113312135B (zh) * | 2021-07-30 | 2021-11-09 | 平安科技（深圳）有限公司 | 一种列表展示方法、装置、计算机设备及存储介质 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111045653B (zh) | 系统生成方法、装置、计算机可读介质及电子设备 | |
| CN110473036B (zh) | 一种生成订单号的方法和装置 | |
| CN112651691A (zh) | 基于网络销售订单的仓库库存处理方法、装置及电子设备 | |
| CN114253734A (zh) | 资源调用方法及装置、电子设备和计算机可读存储介质 | |
| CN111881392A (zh) | 展示页面的方法和装置 | |
| CN113361838A (zh) | 业务风控方法、装置、电子设备和存储介质 | |
| CN112947918A (zh) | 数据展示方法和装置 | |
| CN115470432A (zh) | 一种页面渲染方法、装置、电子设备及计算机可读介质 | |
| CN110647327B (zh) | 基于卡片的用户界面动态控制的方法和装置 | |
| CN113986258A (zh) | 业务发布方法、装置、设备及存储介质 | |
| CN112925521A (zh) | 一种界面生成方法和装置 | |
| CN113778270A (zh) | 一种拖动图标的方法和装置 | |
| CN110362297B (zh) | 一种元素排序方法和装置 | |
| CN111191166B (zh) | 一种业务页面展示的方法、装置和电子设备 | |
| CN109840073B (zh) | 业务流程的实现方法和装置 | |
| CN113326079A (zh) | 服务版本切换方法、切换装置、电子设备和存储介质 | |
| CN113849167A (zh) | 生成智能合约的方法和装置 | |
| CN111158649A (zh) | 多层级参数配置的方法和装置 | |
| CN113112217A (zh) | 一种业务流程配置方法、装置、电子设备及计算机可读介质 | |
| CN114461127A (zh) | 信息显示方法、装置、电子设备和计算机可读存储介质 | |
| CN113515328A (zh) | 页面渲染的方法、装置、电子设备和存储介质 | |
| US11243650B2 (en) | Accessing window of remote desktop application | |
| CN112948472A (zh) | 处理数据方法、装置、设备和计算机可读介质 | |
| KR20150083476A (ko) | 클라우드 서비스 제공 방법 및 시스템 | |
| CN113760419B (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 |