一种页面开发、渲染方法和装置与流程

1.本发明涉及计算机技术领域，尤其涉及一种页面开发、渲染方法和装置。


背景技术：

2.页面逻辑开发是页面开发的一部分，其可实现根据服务端返回数据中的一个字段或多个字段的逻辑组合，来对页面进行不同的渲染。
3.目前，针对不同的页面，往往需要根据页面需求进行单独的代码开发，即针对不同的业务需要重新开发页面或页面中的组件。
4.在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
5.现有的页面开发出的页面与逻辑之间高度耦合，会造成开发效率较低。


技术实现要素：

6.有鉴于此，本发明实施例提供一种页面开发、渲染方法和装置，降低了开发的页面与逻辑之间耦合度，页面逻辑通过逻辑元素构建出逻辑关系图即可实现，能够有效地提高开发效率。
7.为实现上述目的，根据本发明实施例的一个方面，提供了一种页面开发方法，包括：
8.获取多种逻辑元素，其中，每一种所述逻辑元素对应一种类别；
9.利用所述多种逻辑元素和对应的类别，构建出逻辑关系图，所述逻辑关系图表征页面逻辑；
10.所述逻辑关系图中的逻辑元素添加对应的属性，所述属性包括页面渲染信息。
11.优选地，构建出逻辑关系图的步骤，包括：
12.响应于添加目标逻辑元素，判断所述目标逻辑元素是否满足添加条件，如果是，则添加所述目标逻辑元素，其中，所述目标逻辑元素为所述多种逻辑元素中的任意一种逻辑元素；
13.响应于所述目标逻辑元素存在相邻的逻辑元素，在所述目标逻辑元素与所述相邻的逻辑元素之间，生成连接关系标识。
14.优选地，
15.添加所述目标逻辑元素之后，所述目标逻辑元素生成对应的特征编号；
16.所述逻辑关系图中的逻辑元素添加对应的属性，包括：
17.响应于所述目标逻辑元素存在具有连接关系的上位逻辑元素，将所述目标逻辑元素对应的特征编号添加到对应的所述上位逻辑元素的属性中。
18.优选地，所述页面开发方法，
19.针对所述逻辑关系图中每一个逻辑元素：
20.判断所述逻辑元素所对应的连接关系是否满足限定条件，如果是，则禁止为所述逻辑元素新增对应的下位逻辑元素。
21.优选地，所述逻辑关系图中的逻辑元素添加对应的属性，包括：
22.响应于所述逻辑元素包括状态类别，获取页面开发所包括的状态渲染信息和/或组件信息，并将所述状态渲染信息和/或组件信息添加到所述属性中
23.优选地，所述逻辑关系图中的逻辑元素添加对应的属性，包括：
24.响应于所述逻辑元素包括逻辑判断类别，获取页面开发所包括的一个逻辑配置信息；
25.确定出所述逻辑配置信息包括的逻辑判断条件对应的执行路线；
26.将所述逻辑配置信息以及所述逻辑判断条件对应的执行路线添加到所述属性中。
27.优选地，所述页面开发方法，包括：
28.当接收到对所述逻辑关系图中的当前逻辑元素的删除操作时，删除所述当前逻辑元素以及在逻辑上位于所述当前逻辑元素之后的逻辑元素。
29.优选地，所述页面开发方法，包括：
30.响应于所述逻辑关系图中的任一逻辑元素的配置指令，为所述配置指令所对应的逻辑元素提供可视化的至少一种可执行操作标识，其中，所述可执行操作标识包括：增加逻辑元素的操作标识、删除逻辑元素的操作标识以及结束操作标识中的任意一个或多个；
31.响应于任一所述可执行操作标识的使用指令，为所述选定的逻辑元素执行相应的配置。
32.优选地，所述页面开发方法，包括：
33.当接收到对页面的修改指令时，提供所述逻辑关系图，以使用户在所述逻辑关系图上进行修改操作。
34.第二方面，本发明实施例提供一种页面渲染方法，包括：
35.响应于所述页面的访问请求，获取与所述页面相关的至少一个逻辑关系图，其中，所述逻辑关系图表征页面逻辑，且包括多个逻辑元素和所述逻辑元素对应的属性；
36.根据所述逻辑关系图包括的所述多个逻辑元素和所述逻辑元素对应的属性，对所述页面进行渲染。
37.第三方面，本发明实施例提供一种页面开发装置，包括：
38.交互单元，用于获取多种逻辑元素，其中，每一种所述逻辑元素对应一种类别；
39.构建单元，用于利用所述交互单元提供的多种逻辑元素和对应的类别，构建出逻辑关系图，所述逻辑关系图表征页面逻辑；所述逻辑关系图中的逻辑元素添加对应的属性，所述属性包括页面渲染信息。
40.优选地，
41.所述构建单元，用于响应于添加目标逻辑元素，判断所述目标逻辑元素是否满足添加条件，如果是，则添加所述目标逻辑元素，其中，所述目标逻辑元素为所述多种逻辑元素中的任意一种逻辑元素；当所述目标逻辑元素存在相邻的逻辑元素时，在所述目标逻辑元素与所述相邻的逻辑元素之间，生成连接关系标识。
42.优选地，
43.所述构建单元，进一步用于为所述目标逻辑元素生成对应的特征编号；响应于所述目标逻辑元素存在具有连接关系的上位逻辑元素，将所述目标逻辑元素对应的特征编号添加到对应的所述上位逻辑元素的属性中。
44.第五方面，本发明实施例提供一种页面渲染装置，包括：
45.获取单元，用于响应于所述页面的访问请求，获取与所述页面相关的至少一个逻辑关系图，其中，所述逻辑关系图表征页面逻辑，且包括多个逻辑元素和所述逻辑元素对应的属性；
46.渲染单元，用于根据所述获取单元获取到的逻辑关系图包括的所述多个逻辑元素和所述逻辑元素对应的属性，对所述页面进行渲染。
47.上述发明中的一个实施例具有如下优点或有益效果：本发明实施例提供的方案针对不同的页面开发都可通过逻辑元素和对应的类别可构建出表征页面逻辑的逻辑关系图，不同页面逻辑可通过不同的逻辑关系图实现，即逻辑关系图的过程可根据不同页面需求构建。通过为逻辑关系图中的逻辑元素添加对应的包括页面渲染信息的属性，即可完成对不同页面的开发。因此，本发明实施例提供的方案降低了开发的页面与逻辑之间耦合度，页面逻辑通过逻辑元素构建出逻辑关系图即可实现，能够有效地提高开发效率。
48.上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
49.附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
50.图1是根据本发明实施例的逻辑关系图的示意图；
51.图2是根据本发明实施例的页面开发方法的主要流程的示意图；
52.图3是根据本发明实施例的构建出逻辑关系图的主要流程的示意图；
53.图4是根据本发明实施例的构建逻辑关系图的示意图；
54.图5是根据本发明实施例的页面渲染方法的主要流程的示意图；
55.图6是根据本发明实施例的页面开发装置的主要单元的示意图；
56.图7是根据本发明实施例的页面渲染装置的主要单元的示意图；
57.图8是本发明实施例可以应用于其中的示例性系统架构图；
58.图9是适于用来实现本发明实施例的终端设备或服务器的计算机系统的结构示意图。
具体实施方式
59.以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
60.逻辑元素是指可视化的图形结构，比如矩形、圆形、菱形、正方形、长方体、球体等。
61.类别是指用于限定逻辑元素在逻辑关系图中位置的使用条件或者使用方式。比如，该类别可包括：逻辑的起始类别、逻辑判断类别以及状态类别。
62.其中，属于起始类别的逻辑元素只可用在逻辑关系图的起始位置，其指示逻辑关系图构建的开始，没有具有连接关系的上位逻辑元素，该属于起始类别的逻辑元素对应的具有连接关系的下位逻辑元素可以为属于逻辑判断类别的逻辑元素，也可以为属于状态类
别的逻辑元素。
63.属于逻辑判断类别的逻辑元素用于指示页面开发中的判断节点或者条件节点，其可分支出两条下位的连接关系，每一条下位连接关系，可连接该逻辑元素对应的下位逻辑元素，即属于逻辑判断类别的逻辑元素可通过两条连接关系连接两个逻辑元素，连接的两个逻辑元素可以为属于逻辑判断类别的逻辑元素，也可以为属于状态类别的逻辑元素。该属于逻辑判断类别的逻辑元素对应的配置信息指示逻辑表达式，以实现逻辑判断。
64.属于状态类别的逻辑元素为逻辑关系图的结束，其可以是一个值如部分页面的展示结果，也可以是页面的一个组件的配置信息，它没有下位的逻辑元素，它的上位逻辑元素只能是属于逻辑判断类别的逻辑元素。
65.下位逻辑元素和上位逻辑元素是两个相对的概念。
66.下面以图1示出的一种逻辑关系图为例，说明逻辑元素、类别、连接关系、上位逻辑元素以及下位逻辑关系。
67.比如，图1示出的编号a(矩形)、b(菱形)、c(圆形)以及d(方形)的图形均为逻辑元素，其中，a的类别为起始类别、b的类别为判断逻辑类别、c以及d的类别均为状态类别；a到b为一个连接关系，b到c为一个连接关系，b到d为一个连接关系；a为b的上位逻辑元素，b为a的下位逻辑元素；b为c的上位逻辑元素，c为b的下位逻辑元素，b为d的上位逻辑元素，d为b的下位逻辑元素。
68.图2是根据本发明实施例的一种页面开发方法，如图2所示，该页面开发方法的步骤可包括：
69.s201：获取多种逻辑元素，其中，每一种逻辑元素对应一种类别；
70.s202：利用多种逻辑元素和对应的类别，构建出逻辑关系图，逻辑关系图表征页面逻辑；
71.s203：逻辑关系图中的逻辑元素添加对应的属性，属性包括页面渲染信息。
72.其中，页面渲染信息可以为组件的渲染参数或信息，也可以为部分页面的渲染信息如页面颜色、字体、字号等。
73.在图2所示的实施例中，针对不同的页面开发都可通过逻辑元素和对应的类别可构建出表征页面逻辑的逻辑关系图，不同页面逻辑可通过不同的逻辑关系图实现，即逻辑关系图的过程可根据不同页面需求构建。通过为逻辑关系图中的逻辑元素添加对应的包括页面渲染信息的属性，即可完成对不同页面的开发。因此，本发明实施例提供的方案降低了开发的页面与逻辑之间耦合度，页面逻辑通过逻辑元素构建出逻辑关系图即可实现，能够有效地提高开发效率。
74.值得说明的是，通过上述方案构建出一个逻辑关系图，可以指示一个组件随逻辑的改变，比如，在一个订单支付页面，支付组件在支付前显示为绿色且可操作，在支付成功后显示为灰色且不可操作，则通过上述实施例给出的方案构建出的逻辑关系图，可实现对支付组件的渲染。则一个页面的渲染可通过构建多个逻辑关系图实现。
75.在本发明一个实施例中，如图3所示，构建出逻辑关系图的步骤，包括：
76.s301：响应于添加目标逻辑元素，判断目标逻辑元素是否满足添加条件，如果是，则执行步骤s302；否则，执行步骤s304；
77.s302：添加目标逻辑元素，其中，目标逻辑元素为多种逻辑元素中的任意一种逻辑
元素；
78.s303：响应于目标逻辑元素存在相邻的逻辑元素，在目标逻辑元素与相邻的逻辑元素之间，生成连接关系标识，并结束当前流程；
79.s304：禁止该目标逻辑元素添加。
80.其中，添加条件可包括：针对构建逻辑关系图的起始位置，只能添加起始类别的逻辑元素；针对非起始位置，可添加判断逻辑类别的逻辑元素或状态类别的逻辑元素；起始类别的逻辑元素的下位逻辑元素可添加判断逻辑类别的逻辑元素和状态类别的逻辑元素；起始类别的逻辑元素只能添加一个下位逻辑元素，判断逻辑类别的逻辑元素可添加两个下位逻辑元素，状态类别的逻辑元素不可添加下位逻辑元素。比如，判断逻辑类别的逻辑元素在起始位置添加，则不满足添加条件；又比如，起始类别的逻辑元素在起始位置添加，则满足添加条件，起始类别的逻辑元素在非起始位置添加，不满足添加条件。又比如，在状态类别的逻辑元素之后添加目标逻辑元素，则不满足添加条件等。
81.由于不满足添加条件的逻辑元素则不可被添加，因此，通过上述构建出逻辑关系图的过程，能够有效地提高逻辑关系图的准确率。
82.在本发明一个实施例中，添加目标逻辑元素之后，目标逻辑元素生成对应的特征编号；逻辑关系图中的逻辑元素添加对应的属性的步骤可包括：响应于目标逻辑元素存在具有连接关系的上位逻辑元素，将目标逻辑元素对应的特征编号添加到对应的上位逻辑元素的属性中。
83.其中，特征编号可根据逻辑关系图的流程顺序进行编码，比如，s0001指示逻辑关系图s对应的起始位置的逻辑元素；s0002指示逻辑关系图s对应的起始位置的逻辑元素对应的下位逻辑元素，根据该顺序可以进行顺序编号。除了上述特征编号方式，还可才有现有的其他现有的编码方式进行特征编号。
84.通过上述过程可方便对逻辑关系图和逻辑关系图内的逻辑元素进行管理。另外，将特征编号添加到对应的上位逻辑元素的属性中，在页面渲染过程中，可根据属性中存在的特征编号，确定下位逻辑元素，并根据下位逻辑元素中的渲染信息进行页面渲染。
85.在本发明一个实施例中，针对逻辑关系图中每一个逻辑元素：
86.判断逻辑元素所对应的连接关系是否满足限定条件，如果是，则禁止为逻辑元素新增对应的下位逻辑元素，否则，允许该逻辑元素新增对应的下位逻辑元素。
87.其中，限定条件包括：针对起始类别的逻辑元素，只可具有一条连接关系；针对逻辑判断类别的逻辑元素，只可具有两条针对下位逻辑元素的连接关系；针对状态类别的逻辑元素，不可存在下位逻辑元素的连接关系。即，当起始类别的逻辑元素已存在一条连接关系时，可将起始类别的逻辑元素变为灰色，以禁止继续为起始类别的逻辑元素添加下位的逻辑元素；当逻辑判断类别的逻辑元素已存在两条连接到下位逻辑元素的连接关系时，可将逻辑判断类别的逻辑元素变为灰色，以禁止继续为逻辑判断类别的逻辑元素添加下位的逻辑元素；当状态类别的逻辑元素添加到逻辑关系图后，直接变为灰色，禁止为状态类别的逻辑元素添加下位逻辑元素。
88.通过上述过程可进一步阻止错误逻辑元素的添加，从而有效地提高逻辑关系图的准确性。
89.在本发明一个实施例中，逻辑关系图中的逻辑元素添加对应的属性的步骤的具体
实施方式可包括：响应于逻辑元素包括逻辑判断类别，获取页面开发所包括的一个逻辑配置信息；确定出逻辑配置信息包括的逻辑判断条件对应的执行路线；将逻辑配置信息以及逻辑判断条件对应的执行路线添加到属性中。该逻辑配置信息可以指示具体的逻辑执行程序，也可以指示逻辑程序的存储地址(该存储地址中存储又逻辑执行程序)。比如，针对一个支付组件的逻辑执行程序：用户触发支付组件之前，支付组件中的字“支付”显示为绿色、宋体，在用户触发支付组件，并进行支付操作之后，支付组件中的字“支付”显示为灰色、楷体，在该逻辑执行程序中包括的逻辑判断条件：1、用户支付操作之前；2、用户支付操作之后；其中，1、用户支付操作之前所对应的线路指示一个状态类别的逻辑元素，以实现渲染支付组件中的字“支付”显示为绿色、宋体；2、用户支付操作之后所对应的线路指示另一个状态类别的逻辑元素，以实现渲染支付组件中的字“支付”显示为灰色、楷体。
90.其中，两个逻辑判断条件可采用逻辑表达式表示，即：逻辑表达式为ture时对应的一条逻辑判断条件，逻辑表达式为false时对应另一条逻辑判断条件。
91.在本发明一个实施例中，响应于逻辑元素包括逻辑判断类别，获取页面开发所包括的状态渲染信息和/或组件信息，并将状态渲染信息和/或组件信息添加到属性中。
92.在本发明一个实施例中，页面开发方法可包括：响应于逻辑关系图中的当前逻辑元素的删除指令，删除当前逻辑元素以及在逻辑上位于当前逻辑元素之后的逻辑元素。比如，针对图1示出的逻辑关系图来说，当对逻辑元素b执行删除操作时，则删除逻辑元素b、逻辑元素c以及逻辑元素d。
93.在本发明一个实施例中，页面开发方法可包括：响应于逻辑关系图中的任一逻辑元素的配置指令，为配置指令所对应的逻辑元素提供可视化的至少一种可执行操作标识，其中，可执行操作标识包括：增加逻辑元素的操作标识、删除逻辑元素的操作标识以及结束操作标识中的任意一个或多个；响应于任一可执行操作标识的使用指令，为选定的逻辑元素执行相应的配置。该配置指令可以是：光标悬浮在逻辑元素所对应生成的一种配置指令、或者逻辑元素接收到点击操作所对应生成的一种配置指令。该配置指令是针对用户的页面操作所生成的、能够被计算机所是别的字符串或代码等。如图4所示，鼠标悬浮当前元素是指鼠标悬浮在标号为1的逻辑元素(该逻辑元素为逻辑判断类别)对应的一条判断条件标识为f的线路上时，会产生或生成与鼠标悬浮当前元素这一操作相匹配的配置指令，相应地，会弹框出现相应的操作如增加节点、删除节点或逻辑结束。其中，对起始类别的逻辑元素(即图4示出的“开始”逻辑元素)而言，拥有新增逻辑判断类别的逻辑元素、新增状态类别的逻辑元素。在接收到用户的新增逻辑判断类别的逻辑元素点击操作后，会针对用户的点击操作生成对应的配置指令，相应地，会在“开始”逻辑元素的正下方生成一个逻辑判断类别的逻辑元素(标号1的逻辑元素)，它俩之间用带箭头的线段进行连接，箭头指向新增的逻辑元素；点击新增状态类别的逻辑元素，则会生成一个状态类别的逻辑元素，并用带箭头的线段进行连接。如果开始元素已有逻辑判断元素，则对应的操作将会置灰不可点击。
94.对逻辑判断类别的逻辑元素，它是逻辑可视化的核心，承载了最核心的功能，它所拥有的操作相应的比较复杂，包括为逻辑判断条件t新增逻辑判断类别的逻辑元素、为逻辑判断条件f新增逻辑判断类别的逻辑元素、为逻辑判断条件t新增状态类别的逻辑元素、为逻辑判断条件f新增状态类别的逻辑元素、配置、删除操作。其中，为逻辑判断条件t新增逻辑判断类别的逻辑元素表示会在当前逻辑元素的正下方生成一个逻辑判断类别的逻辑元
素，之间用带箭头的线段进行连接，线段中间靠左或靠右生成一个yes或t或ture的标志，表示该线路是逻辑表达式为true时所经过的路线；为逻辑判断条件f新增逻辑判断类别的逻辑元素则会在当前逻辑元素的右侧生成一个逻辑判断元素，之间用带箭头的线段连接，线段中间靠下生成一个no或f或false的标志，表示该线路是逻辑表达式为false时经过的路线；为逻辑判断条件t新增状态类别的逻辑元素是在当前逻辑元素正下方生成一个状态类别的逻辑元素，之间用带箭头的线段连接，线段中部靠左生成一个yes或t或ture的标志，表示逻辑表达式为true时经过的路线；为逻辑判断条件f新增状态类别的逻辑元素，则是在当前逻辑元素的正右侧生成一个状态类别的逻辑元素，之间用带箭头的线段连接，线段中部靠下生成一个no或f或false的标志，表示逻辑表达式为false时所经过的路线；配置操作是对当前逻辑判断类别对应的逻辑元素进行配置，是对逻辑表达式的详细配置；删除操作可以将当前元素删除掉，并且指向当前元素的带箭头的线段、线段对应的标志、及其所有的子孙元素也会被一并删除。
95.对状态类别的逻辑元素，拥有配置、删除操作。配置操作是对状态类别的逻辑元素进行配置，配置信息可以是一段文字描述，也可以是一个组件。如果是组件，则配置的信息为对该组件的配置，包括组件的描述，组件的显示，组件的样式等等；删除操作是将当前的状态逻辑元素删除，指向该逻辑元素的点箭头的线段及其线段对应的标志也会被删除。比如，一个button组件，他们name、color等描述字段，通过配置会出现多种情况，比如(1)name:显示color:红色(2)name:隐藏color：黑色；逻辑判断类别的逻辑元素对应的逻辑表达式判断出出来的结果就是这两种情况的一种，如果结果为true，展示(1)，结果为false，展示(2)。
96.基于上述各个实施例可知，逻辑判断类别的逻辑元素和起始类别的逻辑元素都是通过可视化指引用户操作的，方便页面中的逻辑开发。
97.在本发明一个实施例中，页面开发方法可包括：响应于页面的修改指令，提供逻辑关系图，以使用户在逻辑关系图上进行修改操作。通过该过程实现了对页面开发逻辑可视化修改，由于逻辑关系图给出了比较清晰的逻辑，在比较清晰的逻辑基础上，使修改更方便快捷。该修改可以为增加逻辑节点对应的逻辑元素、删除逻辑节点对应的元素、更改逻辑判断类别对应的逻辑元素所包括的逻辑判断条件等。
98.用户可查看上述逻辑关系图，以了解开发逻辑，实现了对页面开发逻辑的可视化，方便对页面开发逻辑的管理。
99.上述任一实施例可采用svg或canvas构建逻辑元素。
100.如图5所示，本发明实施例提供一种页面渲染方法，该页面渲染方法可包括如下步骤：
101.s501：响应于页面的访问请求，获取与页面相关的至少一个逻辑关系图，其中，逻辑关系图表征页面逻辑，且包括多个逻辑元素和逻辑元素对应的属性；
102.s502：根据逻辑关系图包括的多个逻辑元素和逻辑元素对应的属性，对页面进行渲染。
103.通过上述过程实现了对页面的渲染。
104.如图6所示，本发明实施例提供一种页面开发装置600，页面开发装置600包括：
105.交互单元601，用于获取多种逻辑元素，其中，每一种逻辑元素对应一种类别；
106.构建单元602，用于利用交互单元601提供的多种逻辑元素和对应的类别，构建出逻辑关系图，逻辑关系图表征页面逻辑；逻辑关系图中的逻辑元素添加对应的属性，属性包括页面渲染信息。
107.在本发明一个实施例中，构建单元602，用于当响应于添加目标逻辑元素，判断目标逻辑元素是否满足添加条件，如果是，则添加目标逻辑元素，其中，目标逻辑元素为多种逻辑元素中的任意一种逻辑元素；响应于目标逻辑元素存在相邻的逻辑元素，在目标逻辑元素与相邻的逻辑元素之间，生成连接关系标识。
108.在本发明一个实施例中，构建单元602，进一步用于为目标逻辑元素生成对应的特征编号；响应于目标逻辑元素存在具有连接关系的上位逻辑元素，将目标逻辑元素对应的特征编号添加到对应的上位逻辑元素的属性中。
109.在本发明一个实施例中，构建单元602，进一步用于针对逻辑关系图中每一个逻辑元素：判断逻辑元素所对应的连接关系是否满足限定条件，如果是，则禁止为逻辑元素新增对应的下位逻辑元素。
110.在本发明一个实施例中，构建单元602，进一步用于响应于逻辑元素包括逻辑判断类别，获取页面开发所包括的一个逻辑配置信息，并将逻辑配置信息添加到属性中。
111.在本发明一个实施例中，构建单元602，进一步用于响应于逻辑元素包括状态类别，获取页面开发所包括的状态渲染信息和/或组件信息，并将状态渲染信息和/或组件信息添加到属性中。
112.在本发明一个实施例中，构建单元602，进一步用于响应于逻辑关系图中的当前逻辑元素的删除指令，删除当前逻辑元素以及在逻辑上位于当前逻辑元素之后的逻辑元素。
113.在本发明一个实施例中，构建单元602，进一步用于响应于逻辑关系图中的任一逻辑元素的配置指令，为配置指令所对应的逻辑元素提供可视化的至少一种可执行操作标识，其中，可执行操作标识包括：增加逻辑元素的操作标识、删除逻辑元素的操作标识以及结束操作标识中的任意一个或多个；当选定任一可执行操作标识时，为选定的逻辑元素执行相应的操作。
114.在本发明一个实施例中，构建单元602，进一步用于响应于页面的修改指令时，提供逻辑关系图，以使用户在逻辑关系图上进行修改操作。
115.如图7所示，本发明实施例提供一种页面渲染装置700，页面渲染装置700包括：
116.获取单元701，用于当接收到对页面的访问请求时，获取与页面相关的至少一个逻辑关系图，其中，逻辑关系图表征页面逻辑，且包括多个逻辑元素和逻辑元素对应的属性；
117.渲染单元702，用于根据获取单元701获取到的逻辑关系图包括的多个逻辑元素和逻辑元素对应的属性，对页面进行渲染。
118.其中，页面渲染装置700可作为客户端、web浏览器的一个插件。
119.图8示出了可以应用本发明实施例的页面开发方法或页面开发方法装置或页面渲染方法或页面渲染装置的示例性系统架构800。
120.如图8所示，系统架构800可以包括终端设备801、802、803，网络804和服务器805。网络804用以在终端设备801、802、803和服务器805之间提供通信链路的介质。网络804可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
121.用户可以使用终端设备801、802、803通过网络804与服务器805交互，以接收或发
送逻辑元素或逻辑关系图等。终端设备801、802、803上可以安装有各种通讯客户端应用，例如购物类应用、网页浏览器应用、搜索类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
122.终端设备801、802、803可以是具有显示屏并且支持网页浏览的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
123.服务器805可以是提供各种服务的服务器，例如对用户利用终端设备801、802、803构建逻辑关系图提供支持的后台管理服务器，例如对用户利用终端设备801、802、803浏览页面的渲染提供支持的后台管理服务器(仅为示例)。后台管理服务器可以获取多种逻辑元素，构建出逻辑关系图以及为页面渲染解析逻辑关系图，并将处理结果(例如页面渲染的结果
--
仅为示例)反馈给终端设备。
124.需要说明的是，本发明实施例所提供的页面开发方法或页面渲染方法一般由服务器805执行，相应地，页面开发装置或页面渲染装置一般设置于服务器805中。
125.应该理解，图8中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
126.下面参考图9，其示出了适于用来实现本发明实施例的终端设备或服务器的计算机系统900的结构示意图。图9示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
127.如图9所示，计算机系统900包括中央处理单元(cpu)901，其可以根据存储在只读存储器(rom)902中的程序或者从存储部分908加载到随机访问存储器(ram)903中的程序而执行各种适当的动作和处理。在ram 903中，还存储有系统900操作所需的各种程序和数据。cpu 901、rom 902以及ram 903通过总线904彼此相连。输入/输出(i/o)接口905也连接至总线904。
128.以下部件连接至i/o接口905：包括键盘、鼠标等的输入部分906；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分907；包括硬盘等的存储部分908；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至i/o接口905。可拆卸介质911，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器910上，以便于从其上读出的计算机程序根据需要被安装入存储部分908。
129.特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分909从网络上被下载和安装，和/或从可拆卸介质911被安装。在该计算机程序被中央处理单元(cpu)901执行时，执行本发明的系统中限定的上述功能。
130.需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储
器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
131.附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
132.描述于本发明实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中，例如，可以描述为：一种处理器包括交互单元和构建单元。其中，这些单元的名称在某种情况下并不构成对该单元本身的限定，例如，交互单元还可以被描述为“获取多种逻辑元素的单元”。
133.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：获取多种逻辑元素，其中，每一种逻辑元素对应一种类别；利用多种逻辑元素和对应的类别，构建出逻辑关系图，逻辑关系图表征页面逻辑；为逻辑关系图中的逻辑元素添加对应的属性，属性包括页面渲染信息。
134.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：当接收到对目标逻辑元素的添加指令时，判断目标逻辑元素是否满足添加条件，如果是，则添加目标逻辑元素，其中，目标逻辑元素为多种逻辑元素中的任意一种逻辑元素；当目标逻辑元素存在相邻的逻辑元素时，在目标逻辑元素与相邻的逻辑元素之间，生成连接关系标识。
135.上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：为目标逻辑元素生成对应的特征编号；当目标逻辑元素存在具有连接关系的上位逻辑元素时，将目标逻辑元素对应的特征编号添加到对应的上位逻辑元素的属性中。
136.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是
上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：当接收到对页面的访问请求时，获取与页面相关的至少一个逻辑关系图，其中，逻辑关系图表征页面逻辑，且包括多个逻辑元素和逻辑元素对应的属性；根据逻辑关系图包括的多个逻辑元素和逻辑元素对应的属性，对页面进行渲染。
137.根据本发明实施例的技术方案，针对不同的页面开发都可通过逻辑元素和对应的类别可构建出表征页面逻辑的逻辑关系图，不同页面逻辑可通过不同的逻辑关系图实现，即逻辑关系图的过程可根据不同页面需求构建。通过为逻辑关系图中的逻辑元素添加对应的包括页面渲染信息的属性，即可完成对不同页面的开发。因此，本发明实施例提供的方案降低了开发的页面与逻辑之间耦合度，页面逻辑通过逻辑元素构建出逻辑关系图即可实现，能够有效地提高开发效率。
138.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。