一种生成页面的方法和装置与流程

1.本发明涉及计算机技术领域，尤其涉及一种生成页面的方法和装置。


背景技术：

2.在前端应用开发中，通常开发人员可以基于vue框架(vue是一套用于构建用户界面的渐进式框架)编写html(超文本标记语言)代码、javascript(一种直译式脚本语言)脚本等实现页面的展示以及功能，还可以通过json(一种轻量级的数据交换格式)格式对组件进行定义，通过读取和解析json数据实现动态呈现组件；另外，还可以将javascript对象对函数方法的定义完全序列化成二进制或base64格式的字符串生成页面。
3.在实现本发明过程中，发明人发现现有技术中至少存在如下问题：
4.采用编写html或javascript脚本生成页面的方法，当网站系统每次更新界面布局或增加业务逻辑时，都需要修改代码然后再次发布进行更新；采用基于json格式生成页面的方法，存在json格式支持的数据类型有限，并且不支持定义javascript对象的函数方法和数据之间的逻辑关系的问题；采用函数定义序列化的方法，存在对序列化后的数据编辑操作复杂并且缺乏规范定义的问题，现有技术各方案存在开发工作量大、工作效率低的缺陷。


技术实现要素：

5.有鉴于此，本发明实施例提供一种生成页面的方法和装置，能够基于json格式定义与组件关联的组件操作以及操作结果，并根据json所定义的组件操作以及操作结果生成业务代码，结合组件的属性代码，自动生成页面，实现了页面组件与关联的函数或者数据之间的业务交互，减少了开发人员开发的工作量，提高了工作效率。
6.为实现上述目的，根据本发明实施例的一个方面，提供了一种生成页面的方法，其特征在于，包括：获取描述页面组件的第一格式文本，所述第一格式文本包含所述组件的属性信息、关联于所述属性信息的组件操作以及对应于所述组件操作的操作结果；根据所述组件的所述属性信息，生成所述组件的组件代码，根据所述组件操作以及所述操作结果生成所述组件的业务代码；根据所述组件代码以及所述业务代码生成页面。
7.可选地，所述生成页面的方法，其特征在于，
8.所述第一格式为json结构。
9.可选地，所述生成页面的方法，其特征在于，
10.所述组件操作包括以下的一种或多种操作：事件操作、绑定、计算、数据集合操作和监听。
11.可选地，所述生成页面的方法，其特征在于，
12.所述事件操作包括：定义关联于所述组件的属性信息的事件，并确定操作所述事件之后得到的所述操作结果。
13.可选地，所述生成页面的方法，其特征在于，
14.当所述组件操作为绑定时，定义关联于所述组件的所述属性信息的数据源，并将所述数据源与所述操作结果进行绑定，根据从所述数据源获取的数据确定所述操作结果。
15.可选地，所述生成页面的方法，其特征在于，
16.当所述组件操作为计算时，定义所述计算对应的关系表示，利用所述关系表示，将所述计算得到的结果作为所述操作结果。
17.可选地，所述生成页面的方法，其特征在于，
18.当所述组件操作为数据集合操作时，定义所述数据集合中各个数据，根据所述各个数据确定所述操作结果。
19.可选地，所述生成页面的方法，其特征在于，
20.当所述组件操作为监听时，定义被监听的关联于所述属性信息的数据，并根据变更后的数据，确定所述操作结果。
21.为实现上述目的，根据本发明实施例的第二方面，提供了一种生成页面的装置，其特征在于，包括：获取组件文本模块、页面代码生成模块和页面生成模块；其中，
22.所述获取组件文本模块，用于获取描述页面组件的第一格式文本，所述第一格式文本包含所述组件的属性信息、关联于所述属性信息的组件操作以及对应于所述组件操作的操作结果；
23.所述页面代码生成模块，用于根据所述组件的所述属性信息，生成所述组件的组件代码，根据所述组件操作以及所述操作结果生成所述组件的业务代码；
24.所述页面生成模块，用于根据所述组件代码以及所述业务代码生成页面。
25.可选地，所述生成页面的装置，其特征在于，
26.所述第一格式为json结构。
27.可选地，所述生成页面的装置，其特征在于，
28.所述组件操作包括以下的一种或多种操作：事件操作、绑定、计算、数据集合操作和监听。
29.可选地，所述生成页面的装置，其特征在于，
30.所述事件操作包括：定义关联于所述组件的属性信息的事件，并确定操作所述事件之后得到的所述操作结果。
31.可选地，所述生成页面的装置，其特征在于，
32.当所述组件操作为绑定时，定义关联于所述组件的所述属性信息的数据源，并将所述数据源与所述操作结果进行绑定，根据从所述数据源获取的数据确定所述操作结果。
33.可选地，所述生成页面的装置，其特征在于，
34.当所述组件操作为计算时，定义所述计算对应的关系表示，利用所述关系表示，将所述计算得到的结果作为所述操作结果。
35.可选地，所述生成页面的装置，其特征在于，
36.当所述组件操作为数据集合操作时，定义所述数据集合中各个数据，根据所述各个数据确定所述操作结果。
37.可选地，所述生成页面的装置，其特征在于，
38.当所述组件操作为监听时，定义被监听的关联于所述属性信息的数据，并根据变更后的数据，确定所述操作结果。
39.为实现上述目的，根据本发明实施例的第三方面，提供了一种生成页面的电子设备，其特征在于，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如上述生成页面的方法中任一所述的方法。
40.为实现上述目的，根据本发明实施例的第四方面，提供了一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如上述生成页面的方法中任一所述的方法。
41.上述发明中的一个实施例具有如下优点或有益效果：能够基于json格式定义与组件关联的组件操作以及操作结果，并根据json所定义的组件操作以及操作结果生成业务代码，结合组件的属性代码，自动生成页面，实现了页面组件与关联的函数或者数据之间的业务交互，减少了开发人员开发的工作量，提高了工作效率。
42.上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。
附图说明
43.附图用于更好地理解本发明，不构成对本发明的不当限定。其中：
44.图1是本发明一个实施例提供的一种生成页面的方法的流程示意图；
45.图2a是本发明一个实施例提供的一种定义组件的事件的文本示例图；
46.图2b是本发明一个实施例提供的一种基于组件的事件生成的代码示例图；
47.图3a是本发明一个实施例提供的一种定义组件的绑定的文本示例图；
48.图3b是本发明一个实施例提供的一种基于组件的绑定生成的代码示例图；
49.图4a是本发明一个实施例提供的一种定义组件的计算的文本示例图；
50.图4b是本发明一个实施例提供的一种基于组件的计算生成的代码示例图；
51.图5a是本发明一个实施例提供的一种定义组件的数据集合操作的文本示例图；
52.图5b是本发明一个实施例提供的一种基于组件的数据集合操作生成的代码示例图；
53.图6a是本发明一个实施例提供的一种定义组件的监听的文本示例图；
54.图6b是本发明一个实施例提供的一种基于组件的监听生成的代码示例图；
55.图7是本发明一个实施例提供的一种生成页面的装置的结构示意图；
56.图8是本发明实施例可以应用于其中的示例性系统架构图；
57.图9是适于用来实现本发明实施例的终端设备的计算机系统的结构示意图。
具体实施方式
58.以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。
59.如图1所示，本发明实施例提供了一种生成页面的方法，该方法可以包括以下步骤：
60.步骤s101：获取描述页面组件的第一格式文本，所述第一格式文本包含所述组件的属性信息、关联于所述属性信息的组件操作以及对应于所述组件操作的操作结果。
61.具体地，获取描述页面的各个组件(即描述页面组件)的第一格式文本，其中，所述第一格式为json结构；所述第一格式文本(基于json结构的文本)包含组件的属性信息，例如：组件的类别、组件的样式、组件的名称、组件的显示文本等；如图2a的文本示例中的a201所示，其中，“"component"："button"”定义了组件的类型为按钮(button)；“"innertext"："按钮"”定义了组件(按钮)的显示文本；本发明对组件属性所包含的具体内容不做限定。进一步地，所述第一格式文本(基于json结构的文本)还包含关联于组件属性信息的组件操作以及对应于所述组件操作的操作结果。具体地，所述组件操作包括：所述组件操作包括以下的一种或多种操作：事件操作、绑定、计算、数据集合操作和监听。进一步地，组件的属性信息还可以包括value、params、fields、datasource、watchs等，组件可以利用上述属性信息进一步关联组件属性、组件操作以及操作结果，具体地，value用于组件内部交互操作的数据对象，是绑定的数据来源之一model的初始值，在组件呈现的界面中用户交互操作会影响这个对象里属性的值；params用于组件接收从外部传入的值或对象，是绑定的数据来源之一model的输入值，params属性以及成员的值只能在外部改变，可在组件初始化时传递初始值；datasource表示组件的数据交互定义，可支持固定值、ajax请求和websocket等方式返回的数据；fields表示传递给组件的一个数组，用于定义组件的视图结构；watchs用于监听数据属性的变化，并且在变化后更新model里的另一组数据属性实现联动；可以理解的是，通过定义组件操作以及对应于所述组件操作的操作结果可以将组件与数据、函数等业务进行关联，并进一步自动生成业务代码，减少了开发人员开发页面代码的工作量。
62.图2a的文本示例中a202示出了组件操作为事件操作的示例，其中，“on”为事件(即，关联于按钮组件的组件操作)的示例，如a203所示，“alert('点击')”为对应于“on”的操作结果，通过如图2a的文本，描述了页面上所显示一个组件(按钮)，显示按钮上的文字(即“按钮”)并且在点击按钮后弹出一个包含alert和“点击”信息的提示框，即，所述第一格式文本包含所述组件的属性信息、关联于所述属性信息的组件操作以及对应于所述组件操作的操作结果。又即，所述事件操作包括：定义关联于所述组件的属性信息的事件，并确定操作所述事件之后得到的所述操作结果。
63.图3a的文本示例中a303示出了组件操作为绑定的示例，其中，“bind”为绑定操作，即，当所述组件操作为绑定时，定义关联于所述组件的所述属性信息的数据源，并将所述数据源与所述操作结果进行绑定，根据从所述数据源获取的数据确定所述操作结果；具体地，如a302所示，组件的属性信息指示了组件为按钮，通过“绑定“定义了关联于按钮动作的数据源(datasource，如a304所示)，可以理解的是，数据源包含的数据可以是本地的数据，也可以为服务端数据库，通过http请求可以获取该数据库的数据，或者通过websocket获取数据，进一步地，将所述数据源与所述操作结果进行绑定，根据从所述数据源获取的数据确定所述操作结果，例如，操作结果为在页面上显示获取的数据，或者对获取的数据进行分析、处理、统计、清洗的结果在页面上显示；本发明对数据源的具体形式和内容、操作结果的具体内容和数据处理形式不做限定；其中，例如通过如下格式文本示例定义绑定相关的元素：$type：’bind’(即为绑定)；$source：表示绑定值的来源，$default：表示当来源值未定义时的默认值；关于datasource(即，数据源)可以做如下定义：当定义为固定数据时，用来提供
对象数据或数组，定义的相关元素为type：’object’；data代表数据，可以设置固定值也可以是一个转换的值，也可以为http请求，用于用来通过http请求获取数据，具有load方法，其中获取数据可通过组件事件触发，也可通过设置watchs(即，监听)操作实现某个值变化后触发，具体地以http请求为例，说明相关元素如下，type:’request’(即，请求)；url:请求相关的url；method:http请求的方法；data:http请求发送的数据；params:http请求发送的参数；headers:http请求的头信息；watchs:监听某个值变化后执行请求，监听包括params、model里的成员；autoload:表示是否在组件初始化时自动请求；defaultdata:表示请求结果不存在时候的默认数据；errordata:http请求错误时候的默认数据。还可以通过websocket获取数据，例如定义的相关元素为：数据源定义type属性为websocket，用来和服务端建立websocket连接后接收由服务端推送的数据，具有connect和disconnect方法，可由组件事件控制是否建立连接，即，type:’websocket’；remote:为远程地址；timeout:为连接超时；autoconnect:是否在组件初始化时候自动连接。
64.当组件操作为绑定时，$source还可以定义数据来源为以下参数，例如包括：params、model、datasource、sourcedata、arguments、scope等，定义的格式可以为”<数据源>.<属性>.<属性>
…”
，用于支持取来源成员的多级子属性；其中，params是用于组件接收从外部传入的值或对象；model表示由组件生成动态界面的交互操作影响变化的数据，也是组件的输出值；datasource为组件的数据源对象，包括不同类型数据源的函数方法和属性，其中data属性代表数据源的数据，数据源的函数方法可直接绑定到fields里定义的组件的事件上，实现组件事件和数据源行为的关联；sourcedata为直接指向数据源的data属性值，作为绑定的值进行关联；arguments为当组件操作是事件操作时，arguments可以处理参数值作为数组的形式，在定义事件的$arguments属性时参数的绑定则可以使用组件事件的参数值数组作为值的来源；scope是当组件操作是数据集合操作(例如：数组)时，定义的$field里绑定转换可使用$data数组的当前对象。
65.图4a的文本示例中a402示出了组件操作为计算的示例，其中，“func”为计算操作，关系表示为如a403所示的a402计算对应的关系表示(即，t.length)，利用所述关系表示，计算得到的结果(例如，t.length的结果为输入的文本的长度)为所述操作结果；即，当所述组件操作为计算时，定义所述计算对应的关系表示，利用所述关系表示，将所述计算得到的结果作为所述操作结果；其中，所述计算操作还可以设置参数(例如图4a中的$argument)，用于进一步地确定对应于计算操作的关系表示；例如如下格式文本示例定义计算相关的元素：$type:’func’(即为计算)；$arguments:函数方法的输入参数，是一个键值对，包含参数名和参数值，参数值可以是固定值，也可以是一个公式。$result:为函数方法的实现，支持参数的运算表达式和javascript语法；$default:当函数执行结果不存在或计算执行异常时的默认值。
66.图5a的文本示例中a502示出了组件操作为数据集合操作的示例，其中，“array”指示为数据集合(例如：数组)操作，其中，如a401所示，利用“listdata”定义了数组(即数据集合)所包含的数据，即，当所述组件操作为数据集合操作时，定义所述数据集合中各个数据，进一步地，根据listdata确定页面所显示的数据，如a503所示，“scope.text”即为关联于listdata中包含数据的操作结果，可以理解的是，根据获取的数据确定操作结果，例如，在页面上显示获取的数据，或者对获取的数据进行分析、处理、统计、清洗的结果在页面上显
示；即，当所述组件操作为数据集合操作时，定义所述数据集合中各个数据，根据所述各个数据确定所述操作结果；例如使用如下格式文本示例定义数据集合操作相关的元素：$type:’array’(即为数据集合操作)；$data:用于呈现组件的数据；$field:用于遍历数据时呈现的组件定义，组件中如果某个属性使用绑定转换，则可以使用scope对象作为数据来源，scope对象就是$data数组数据遍历的当前对象。
67.进一步地，所述组件操作还包括监听；当所述组件操作为监听时，定义被监听的关联于所述属性信息的数据，并根据变更后的数据，确定所述操作结果。具体地，通过监听的定义和操作可以实现页面数据的关联以及实时数据更新，图6a的文本示例中a601示出了组件操作为监听的示例，其中，“watch”为监听，“textlength”为被监听的关联于文本框组件的输入文本的长度，当输入文本的长度因为输入文本的变化而变更时，其中关联于“textlength”的数据为“value.length”(即为操作结果)。可以理解的时，监听可以集合组件操作(绑定、计算、事件操作、数据集合操作)中的一种或者多种而使用。
68.步骤s102：根据所述组件的所述属性信息，生成所述组件的组件代码，根据所述组件操作以及所述操作结果生成所述组件的业务代码。
69.具体地，由步骤s101的描述可知，本技术除了定义页面组件的属性，还利用json结构文本定义了组件对应的组件操作以及操作结果，进一步地，根据所述组件的所述属性信息，生成所述组件的组件代码，根据所述组件操作以及所述操作结果生成所述组件的业务代码，根据所述组件代码以及所述业务代码生成页面。
70.下面举例说明，如图2b所示，b202示出了基于a202的组件操作为事件操作(即，按钮组件的事件，例如点击事件)以及a203的操作结果(展示提示框)生成的业务代码，b201示出了基于a201生成的组件(按钮)的组件代码；如图3b所示，b301示出了基于a302的组件属性信息(按钮组件)生成的组件代码，b302示出了基于a303的组件操作为绑定(例如，按钮与获取数据绑定)以及a304的操作结果(根据定义的数据源获取数据，具体的数据源和获取定义如a301所示)生成的业务代码；如图4b所示，b401示出了基于a401的组件属性信息(组件为输入文本框)生成的组件代码，b402示出了基于a402的组件操作为计算(例如，计算输入文本的长度)以及a403的关系表示的操作结果(获取文本的长度)生成的业务代码；如图5b所示，b501示出了基于a501的组件属性信息(组件为数组)生成的组件代码，b502示出了基于a502的组件操作为数据集合操作(例如，对数组中包含数据的操作)以及a503的操作结果(获取数组中数据)生成的业务代码；
71.如图6b所示，b601示出了基于a604的组件属性信息(组件为文本框)生成的组件代码，b602示出了基于a601的组件操作为监听以及a602-a603的操作结果(根据textlength更新value.length)生成的业务代码。
72.进一步地，根据页面所包含的各个组件的组件代码以及对应的组件的业务代码，生成页面代码，从而减少了开发页面代码的工作量，提高了开发效率。
73.步骤s103：根据所述组件代码以及所述业务代码生成页面。
74.具体地，根据步骤s102所生成的各个组件代码以及对应的业务代码生成页面，当用户执行对页面的操作时，接收对所述页面包含的所述组件的操作指令，基于所述组件的业务代码，获取对应于所述操作指令的所述操作结果并展示所述操作结果。例如，用户点击按钮查询订单数据，获取网站信息等；优选地，本技术的一个实施例为组件的渲染过程基于
vue，通过json格式数据描述前端界面的配置(即页面组件以及属性信息)，可实现界面的渲染和交互功能；进一步地，在vue渲染基础上增加了转换和属性处理两个环节，首先在vue组件生命周期中created环节将json数据里的定义(即组件操作，包括以下的一种或多种操作：事件操作、绑定、计算、数据集合操作和监听)变成数据与组件的关联关系，在渲染环节将属性信息处理的结果变成组件属性并且将正在渲染的组件操作进行合并，例如在渲染时会调用vue的createelement方法创建组件的节点(例如：vnode)，进一步地，vue的createelement方法可以定义三个参数，分别是组件名称component，用于定义vue要创建的vnode的组件类型；属性fieldoptions：创建vnode的组件的属性信息，包括组件操作和操作结果；子组件children：为组件内部的子组件。通过以上操作即可实现仅传递json文本所定义的数据就能呈现任何vue界面以及界面的交互逻辑。
75.如图7所示，本发明实施例提供了一种生成页面的装置700，包括：获取组件文本模块701、页面代码生成模块702和页面生成模块703；其中，
76.所述获取组件文本模块701，用于获取描述页面组件的第一格式文本，所述第一格式文本包含所述组件的属性信息、关联于所述属性信息的组件操作以及对应于所述组件操作的操作结果；
77.所述页面代码生成模块702，用于根据所述组件的所述属性信息，生成所述组件的组件代码，根据所述组件操作以及所述操作结果生成所述组件的业务代码；
78.所述页面生成模块703，用于根据所述组件代码以及所述业务代码生成页面。
79.可选地，所述获取组件文本模块701，包括：所述第一格式为json结构。
80.可选地，所述获取组件文本模块701，包括：所述组件操作包括以下的一种或多种操作：事件操作、绑定、计算、数据集合操作和监听。
81.可选地，所述获取组件文本模块701，包括：所述事件操作包括：定义关联于所述组件的属性信息的事件，并确定操作所述事件之后得到的所述操作结果。
82.可选地，所述获取组件文本模块701，用于当所述组件操作为绑定时，定义关联于所述组件的所述属性信息的数据源，并将所述数据源与所述操作结果进行绑定，根据从所述数据源获取的数据确定所述操作结果。
83.可选地，所述获取组件文本模块701，用于当所述组件操作为计算时，定义所述计算对应的关系表示，利用所述关系表示，将所述计算得到的结果作为所述操作结果。
84.可选地，所述获取组件文本模块701，用于当所述组件操作为数据集合操作时，定义所述数据集合中各个数据，根据所述各个数据确定所述操作结果。
85.可选地，所述获取组件文本模块701，用于当所述组件操作为监听时，定义被监听的关联于所述属性信息的数据，并根据变更后的数据，确定所述操作结果。
86.本发明实施例还提供了一种生成页面的电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述任一实施例提供的方法。
87.本发明实施例还提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现上述任一实施例提供的方法。
88.图8示出了可以应用本发明实施例的生成页面方法或生成页面的装置的示例性系统架构800。
89.如图8所示，系统架构800可以包括终端设备801、802、803，网络804和服务器805。网络804用以在终端设备801、802、803和服务器805之间提供通信链路的介质。网络804可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。
90.用户可以使用终端设备801、802、803通过网络804与服务器805交互，以接收或发送消息等。终端设备801、802、803上可以安装有各种客户端应用。
91.终端设备801、802、803可以是具有显示屏并且支持各种客户端应用的各种电子设备，包括但不限于智能手机、平板电脑、膝上型便携计算机和台式计算机等等。
92.服务器805可以是提供各种服务的服务器，例如对用户利用终端设备801、802、803所设计的页面文本提供计算的后台管理服务器。后台管理服务器可以对接收到的页面设计文本进行分析和计算，生成页面代码并将页面展示给终端设备以供用户基于页面进行操作。
93.需要说明的是，本发明实施例所提供的生成页面的方法一般由终端设备801、802、803或者服务器805执行，相应地，生成页面的装置一般设置于终端设备801、802、803中或者服务器805中。
94.应该理解，图8中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。
95.下面参考图9，其示出了适于用来实现本发明实施例的终端设备的计算机系统900的结构示意图。图9示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。
96.如图9所示，计算机系统900包括中央处理单元(cpu)901，其可以根据存储在只读存储器(rom)902中的程序或者从存储部分908加载到随机访问存储器(ram)903中的程序而执行各种适当的动作和处理。在ram 903中，还存储有系统900操作所需的各种程序和数据。cpu 901、rom 902以及ram 903通过总线904彼此相连。输入/输出(i/o)接口905也连接至总线904。
97.以下部件连接至i/o接口905：包括键盘、鼠标等的输入部分909；包括诸如阴极射线管(crt)、液晶显示器(lcd)等以及扬声器等的输出部分907；包括硬盘等的存储部分908；以及包括诸如lan卡、调制解调器等的网络接口卡的通信部分909。通信部分909经由诸如因特网的网络执行通信处理。驱动器910也根据需要连接至i/o接口905。可拆卸介质911，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器910上，以便于从其上读出的计算机程序根据需要被安装入存储部分908。
98.特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分909从网络上被下载和安装，和/或从可拆卸介质911被安装。在该计算机程序被中央处理单元(cpu)901执行时，执行本发明的系统中限定的上述功能。
99.需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计
算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(ram)、只读存储器(rom)、可擦式可编程只读存储器(eprom或闪存)、光纤、便携式紧凑磁盘只读存储器(cd-rom)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、rf等等，或者上述的任意合适的组合。
100.附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。
101.描述于本发明实施例中所涉及到的模块和/或单元可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块和/或单元也可以设置在处理器中，例如，可以描述为：一种处理器包括：获取组件文本模块、页面代码生成模块和页面生成模块；其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，获取组件文本模块还可以被描述为“根据页面设计，获取组件的属性和业务操作的文本的模块”。
102.作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：获取描述页面组件的第一格式文本，所述第一格式文本包含所述组件的属性信息、关联于所述属性信息的组件操作以及对应于所述组件操作的操作结果；根据所述组件的所述属性信息，生成所述组件的组件代码，根据所述组件操作以及所述操作结果生成所述组件的业务代码；根据所述组件代码以及所述业务代码生成页面。
103.由此可见，能够基于json格式定义与组件关联的组件操作以及操作结果，并根据json所定义的组件操作以及操作结果生成业务代码，结合组件的属性代码，自动生成页面，实现了页面组件与关联的函数或者数据之间的业务交互，减少了开发人员开发的工作量，提高了工作效率。
104.上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何
在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。