页面配置的方法、装置、设备以及存储介质与流程

1.本发明属于页面配置技术领域，尤其涉及一种页面配置的方法、装置、设备以及存储介质。


背景技术：

2.pc端系统繁多，各系统之间需求相似度较高，大多数页面模式也较为相似(主要由表单及表格组成)，并且对界面要求不是很严格。此外，因用户需求比较密集，所以经常因开发资源不足而导致项目无法正常上线，且开发人员多为重复性劳动，工作欲望与精力都会有所折扣，导致开发工作难度大，效率低。


技术实现要素：

3.本发明旨在至少在一定程度上解决相关技术中的技术问题之一。为此，本发明的一个目的在于提出一种可以降低开发工作难度，提高开发效率的页面配置的方法、装置、设备以及存储介质。
4.为了解决上述技术问题，本发明的实施例提供如下技术方案：
5.一种页面配置的方法，包括：
6.对页面组件进行颗粒化处理，获取业务模板库；
7.从所述业务模板库中选取多个目标业务模板，自动生成每个所述目标业务模的指令模板；
8.将每个所述指令模板渲染成对应的业务组件；
9.基于多个所述业务组件，一键配置目标页面。
10.可选的，对页面组件进行颗粒化处理，获取业务模板库，包括：
11.将所述页面组件拆分为多个按钮以及输入框；
12.提取多个所述按钮以及输入框的公共属性，其中，所述公共属性包括长宽高、颜色、字体以及边距。
13.可选的，从所述业务模板库中选取多个目标业务模板，自动生成每个所述目标业务模的指令模板，包括：
14.拖动页面上的多个所述目标业务模板至页面生成区，其中，页面包括组件菜单栏、视图配置栏以及属性配置栏；
15.自动生成每个所述的业务模板唯一一个对应的所述指令模板；
16.将所述多个指令模板叠加形成一个json字符串。
17.可选的，所述将每个所述指令模板渲染成对应的业务组件，包括：
18.通过由json配置驱动的渲染引擎，将每个所述指令模板渲染成对应的业务组件；其中，所述json配置驱动的渲染引擎包括一个所述json字符串对应一个所述业务组件。
19.可选的，所述基于多个所述业务组件，一键配置目标页面，包括：
20.将多个所述业务组件包装成大型组件；其中，所述大型组件包括查询表单、数据回
显表格以及属性配置栏；
21.将多个所述大型组件集成所述目标页面。
22.可选的，所述将多个所述大型组件集成所述目标页面，包括：
23.通过excel或者word生成所述目标页面。
24.可选的，还包括智能化配置页面：
25.对所述业务模板库进行关键字划分；其中，所述关键字包括输入框、按钮；
26.语音终端接收客户端的所述关键字；
27.所述语音终端根据所述关键字在所述业务模板库中进行检索，确定待用业务模板；
28.调用所述待用业务模板对应的待用指令模板；
29.基于所述渲染引擎，将所述待用指令模板渲染到页面。
30.本发明的实施例还提供一种页面配置的装置，包括：
31.处理模块，用于对页面组件进行颗粒化处理，获取业务模板库；
32.选取模块，用于从所述业务模板库中选取多个目标业务模板，自动生成每个所述目标业务模的指令模板；
33.渲染模块，用于将每个所述指令模板渲染成对应的业务组件；
34.配置模块，用于基于多个所述业务组件，一键配置目标页面。
35.本发明的实施例还提供一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现如上所述的方法。
36.本发明的实施例还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现如上所述的方法。
37.本发明的实施例，具有如下技术效果：
38.本发明的上述技术方案，1)抽象出一个公共的pc端页面配置，极大地简化了开发流程，节约了人力物力。
39.2)统一的页面配置，可以强化各系统之间的联通性和可复用性，解决了现在各系统各自为战，一个类似组件可能要开发好几遍的问题，提高了开发效率。
40.3)极大地节约了开发资源的同时，也很大程度上降低了系统日常维护迭代的复杂程度，基于语音识别，excel导入可以实现“傻瓜式”一键配置页面。
41.本发明附加的方面和优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明的实践了解到。
附图说明
42.图1是本发明实施例提供的页面配置的方法的流程示意图；
43.图2是本发明实施例提供的业务模板库结构示意图；
44.图3是本发明实施例提供的通过excel或者word生成目标页面的示意图；
45.图4是本发明实施例提供的智能化配置页面的示意图；
46.图5是本发明实施例提供的计算机设备的结构示意图。
具体实施方式
47.下面详细描述本发明的实施例，所述实施例的示例在附图中示出，其中自始至终相同或类似的标号表示相同或类似的元件或具有相同或类似功能的元件。下面通过参考附图描述的实施例是示例性的，旨在用于解释本发明，而不能理解为对本发明的限制。
48.本发明提到的json(javascript object notation,js对象简谱)是一种轻量级的数据交换格式；pc端：电脑端。
49.如图1所示，本发明的实施例提供一种页面配置的方法，包括：
50.步骤s1：对页面组件进行颗粒化处理，获取业务模板库；
51.步骤s2：从所述业务模板库中选取多个目标业务模板，自动生成每个所述目标业务模的指令模板；
52.步骤s3：将每个所述指令模板渲染成对应的业务组件；
53.步骤s4：基于多个所述业务组件，一键配置目标页面。
54.本发明的该实施例，抽象出一个公共的pc端页面配置，极大地简化了开发流程，节约了人力物力；统一的页面配置，可以强化各系统之间的联通性和可复用性，解决了现在各系统各自为战，一个类似组件可能要开发好几遍的问题，提高了开发效率。
55.本发明一可选的实施例，步骤s1中，对页面组件进行颗粒化处理，获取业务模板库，包括：
56.步骤s11：将所述页面组件拆分为多个按钮以及输入框；
57.步骤s12：提取多个所述按钮以及输入框的公共属性，其中，所述公共属性包括长宽高、颜色、字体以及边距。
58.具体的，对页面组件进行细分，如精确到一个按钮，一个输入框，形成一个业务模板库，同时提取业务模板的公共属性，如长宽高、颜色、字体以及边距等信息都可以通过传入固定的指令去控制。
59.本发明的该实施例，进行广泛的用户调研，用户使用分析，将页面组件颗粒化到极致，以便于页面的拼接使用。
60.如图2所示，本发明一可选的实施例，步骤s2中，从所述业务模板库中选取多个目标业务模板，自动生成每个所述目标业务模的指令模板，包括：
61.步骤s21：拖动页面上的多个所述目标业务模板至页面生成区，其中，页面包括组件菜单栏、视图配置栏以及属性配置栏；
62.具体的，如图2所示，左侧为基础组件对应组件菜单栏，中间部分为视图配置栏，右侧为属性配置栏。
63.步骤s22：自动生成每个所述的业务模板唯一一个对应的所述指令模板；
64.步骤s23：将所述多个指令模板叠加形成一个json字符串。
65.具体的，提供业务模板库页面供开发人员使用，在开发人员拖动页面上业务模板到页面生成区的时候，自动生成对应的指令模板，最终生成josn字符串。
66.本发明的该实施例，将业务模板以视图的方式去生成对应json字符串，实现了由手动去写指令模板变成拖拽自动生成指令模板，大大提高了开发的效率。
67.本发明一可选的实施例，步骤s3中，所述将每个所述指令模板渲染成对应的业务组件，包括：
68.步骤s31：通过由json配置驱动的渲染引擎，将每个所述指令模板渲染成对应的业务组件；其中，所述json配置驱动的渲染引擎包括一个所述json字符串对应一个所述业务组件。
69.本发明的该实施例，可以实现通过渲染引擎将颗粒化的业务模板配置化的拼接成所需要的页面。
70.本发明一可选的实施例，步骤s4中，所述基于多个所述业务组件，一键配置目标页面，包括：
71.步骤s41：将多个所述业务组件包装成大型组件；其中，所述大型组件包括查询表单、数据回显表格以及属性配置栏；
72.步骤s42：将多个所述大型组件集成所述目标页面。
73.本发明的该实施例，将业务模板以使用人员实用的角度集成化，供使用人员一键生成目标页面。
74.如图3所示，本发明一可选的实施例，步骤s42中，所述将多个所述大型组件集成所述目标页面，包括：
75.步骤s421：通过excel或者word生成所述目标页面。
76.具体的，支持excel或word导入生成页面基本的表格或主体。
77.本发明的该实施例，极大地节约了开发资源的同时，也很大程度上降低了系统日常维护迭代的复杂程度，基于excel等导入可以实现“傻瓜式”一键配置页面。
78.如图4所示，本发明一可选的实施例，还包括，步骤s5：智能化配置页面：
79.步骤s51：对所述业务模板库进行关键字划分；其中，所述关键字包括输入框、按钮；
80.步骤s52：语音终端接收客户端的所述关键字；
81.步骤s53：所述语音终端根据所述关键字在所述业务模板库中进行检索，确定待用业务模板；
82.步骤s54：调用所述待用业务模板对应的待用指令模板；
83.步骤s55：基于所述渲染引擎，将所述待用指令模板渲染到页面。
84.例如，用户说出我要创建一个表单，第一行为姓名且必填，装置就会生成对应json字符串并返回客户端。
85.本发明的该实施例，实现了基于上述目标页面配置的方法，并结合智能化配置，实现了智能化配置页面。
86.本发明的实施例还提供一种页面配置的装置，包括：
87.处理模块，用于对页面组件进行颗粒化处理，获取业务模板库；
88.选取模块，用于从所述业务模板库中选取多个目标业务模板，自动生成每个所述目标业务模的指令模板；
89.渲染模块，用于将每个所述指令模板渲染成对应的业务组件；
90.配置模块，用于基于多个所述业务组件，一键配置目标页面。
91.如图5所示，本发明的实施例还提供一种计算机设备50，包括存储器52、处理器51及存储在存储器52上并可在处理器51上运行的计算机程序，所述处理器51执行所述计算机程序时实现如上所述的方法。
92.本发明的实施例还提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器52执行时实现如上所述的方法。
93.另外，本发明实施例的设备的其他构成及作用对本领域的技术人员来说是已知的，为减少冗余，此处不做赘述。
94.需要说明的是，在流程图中表示或在此以其他方式描述的逻辑和/或步骤，例如，可以被认为是用于实现逻辑功能的可执行指令的定序列表，可以具体实现在任何计算机可读介质中，以供指令执行系统、装置或设备(如基于计算机的系统、包括处理器的系统或其他可以从指令执行系统、装置或设备取指令并执行指令的系统)使用，或结合这些指令执行系统、装置或设备而使用。就本说明书而言，"计算机可读介质"可以是任何可以包含、存储、通信、传播或传输程序以供指令执行系统、装置或设备或结合这些指令执行系统、装置或设备而使用的装置。计算机可读介质的更具体的示例(非穷尽性列表)包括以下：具有一个或多个布线的电连接部(电子装置)，便携式计算机盘盒(磁装置)，随机存取存储器(ram)，只读存储器(rom)，可擦除可编辑只读存储器(eprom或闪速存储器)，光纤装置，以及便携式光盘只读存储器(cdrom)。另外，计算机可读介质甚至可以是可在其上打印所述程序的纸或其他合适的介质，因为可以例如通过对纸或其他介质进行光学扫描，接着进行编辑、解译或必要时以其他合适方式进行处理来以电子方式获得所述程序，然后将其存储在计算机存储器中。
95.应当理解，本发明的各部分可以用硬件、软件、固件或它们的组合来实现。在上述实施方式中，多个步骤或方法可以用存储在存储器中且由合适的指令执行系统执行的软件或固件来实现。例如，如果用硬件来实现，和在另一实施方式中一样，可用本领域公知的下列技术中的任一项或他们的组合来实现：具有用于对数据信号实现逻辑功能的逻辑门电路的离散逻辑电路，具有合适的组合逻辑门电路的专用集成电路，可编程门阵列(pga)，现场可编程门阵列(fpga)等。
96.在本说明书的描述中，参考术语“一个实施例”、“一些实施例”、“示例”、“具体示例”、或“一些示例”等的描述意指结合该实施例或示例描述的具体特征、结构、材料或者特点包含于本发明的至少一个实施例或示例中。在本说明书中，对上述术语的示意性表述不一定指的是相同的实施例或示例。而且，描述的具体特征、结构、材料或者特点可以在任何的一个或多个实施例或示例中以合适的方式结合。
97.在本发明的描述中，需要理解的是，术语“中心”、“纵向”、“横向”、“长度”、“宽度”、“厚度”、“上”、“下”、“前”、“后”、“左”、“右”、“竖直”、“水平”、“顶”、“底”“内”、“外”、“顺时针”、“逆时针”、“轴向”、“径向”、“周向”等指示的方位或位置关系为基于附图所示的方位或位置关系，仅是为了便于描述本发明和简化描述，而不是指示或暗示所指的装置或元件必须具有特定的方位、以特定的方位构造和操作，因此不能理解为对本发明的限制。
98.此外，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括至少一个该特征。在本发明的描述中，“多个”的含义是至少两个，例如两个，三个等，除非另有明确具体的限定。
99.在本发明中，除非另有明确的规定和限定，术语“安装”、“相连”、“连接”、“固定”等术语应做广义理解，例如，可以是固定连接，也可以是可拆卸连接，或成一体；可以是机械连
接，也可以是电连接；可以是直接相连，也可以通过中间媒介间接相连，可以是两个元件内部的连通或两个元件的相互作用关系，除非另有明确的限定。对于本领域的普通技术人员而言，可以根据具体情况理解上述术语在本发明中的具体含义。
100.在本发明中，除非另有明确的规定和限定，第一特征在第二特征“上”或“下”可以是第一和第二特征直接接触，或第一和第二特征通过中间媒介间接接触。而且，第一特征在第二特征“之上”、“上方”和“上面”可是第一特征在第二特征正上方或斜上方，或仅仅表示第一特征水平高度高于第二特征。第一特征在第二特征“之下”、“下方”和“下面”可以是第一特征在第二特征正下方或斜下方，或仅仅表示第一特征水平高度小于第二特征。
101.尽管上面已经示出和描述了本发明的实施例，可以理解的是，上述实施例是示例性的，不能理解为对本发明的限制，本领域的普通技术人员在本发明的范围内可以对上述实施例进行变化、修改、替换和变型。