CN110263279B - 页面生成方法、装置、电子设备和计算机可读存储介质 - Google Patents

页面生成方法、装置、电子设备和计算机可读存储介质 Download PDF

Info

Publication number
CN110263279B
CN110263279B CN201910378173.XA CN201910378173A CN110263279B CN 110263279 B CN110263279 B CN 110263279B CN 201910378173 A CN201910378173 A CN 201910378173A CN 110263279 B CN110263279 B CN 110263279B
Authority
CN
China
Prior art keywords
text
view component
converted
page
type attribute
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.)
Active
Application number
CN201910378173.XA
Other languages
English (en)
Other versions
CN110263279A (zh
Inventor
熊瑾�
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing ByteDance Network Technology Co Ltd
Original Assignee
Beijing ByteDance Network Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Beijing ByteDance Network Technology Co Ltd filed Critical Beijing ByteDance Network Technology Co Ltd
Priority to CN201910378173.XA priority Critical patent/CN110263279B/zh
Publication of CN110263279A publication Critical patent/CN110263279A/zh
Application granted granted Critical
Publication of CN110263279B publication Critical patent/CN110263279B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • 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
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Databases & Information Systems (AREA)
  • Human Computer Interaction (AREA)
  • Data Mining & Analysis (AREA)
  • Document Processing Apparatus (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开提供一种页面生成方法、装置、电子设备和计算机可读存储介质，该方法包括：获取待转换文本，其中，所述待转换文本为采用标记语言进行标记后的文本；根据所述待转换文本，生成中间文本，其中，所述中间文本包括至少一个对象，所述对象与所述待转换文本段落一一对应，且每一个所述对象中包括类型属性；根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件；根据所述中间文本和每一个所述对象所对应的视图组件，生成页面。本公开能够减少确定页面的问题时所用的时长，降低成本，而且容易确定页面的问题，避免出现错失。

Description

页面生成方法、装置、电子设备和计算机可读存储介质
技术领域
本公开涉及网页处理技术领域，尤其涉及一种页面生成方法、装置、电子设备和计算机可读存储介质。
背景技术
随着网页技术的发展，网页是用户获取信息的重要途径。现在广泛的采用标记语言，去标记文本，其中，文本是用于生成网页的页面的；其中，标记语言是一种可以使用普通文本编辑器编写的标记语言，通过简单的标记语法使得文本的内容具有一定的格式，例如，标记语言可以为markdown标记语言。
现有技术中，在生成页面的时候，首先采用标记语言对文本进行标记，得到标记语言进行标记后的文本；然后，采用正则表达式，将标记语言进行标记后的文本直接转换为超文本标记语言(Hypertext Markup Language，简称html)片段，之后，将html片段和层叠样式表(Cascading Style Sheets，简称CSS)样式文件进行结合，进而生成页面。
然而现有技术中，在生成页面时直接将标记语言进行标记后的文本转换成html片段，当标记语言进行标记后的文本与生成的页面不相符时，需要人工的读取正则表达式的代码，以确定正则表达式的代码是否存在问题以导致生成的页面不对，或者，人工的读取CSS样式文件的代码，以确定CSS样式文件的代码是否存在问题以导致生成的页面不对；从而，确定页面的问题时间较长，成本较高，并且确定页面的问题较为困难，容易出现错失。
发明内容
本公开提供一种页面生成方法、装置、电子设备和计算机可读存储介质，能够减少确定页面的问题时所用的时长，降低成本，而且容易确定页面的问题，避免出现错失。
第一方面，本公开提供一种页面生成方法，包括：
获取待转换文本，其中，所述待转换文本为采用标记语言进行标记后的文本；
根据所述待转换文本，生成中间文本，其中，所述中间文本包括至少一个对象，所述对象与所述待转换文本段落一一对应，且每一个所述对象中包括类型属性；
根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件；
根据所述中间文本和每一个所述对象所对应的视图组件，生成页面。
进一步地，所述根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件，包括：
根据预设的类型属性与视图组件之间的对应关系，获取每一个所述对象的类型属性对应的视图组件，以得到每一个所述对象所对应的视图组件。
进一步地，在所述根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件之前，还包括：
获取与不同的类型属性对应的组件信息，所述组件信息包括超文本标记语言标签和层叠样式表样式信息；
对每一个类型属性的组件信息进行封装，得到与每一个类型属性对应的视图组件。
进一步地，所述组件信息还包括：用于指示处理交互过程的信息。
进一步地，所述每一个所述对象中还包括：文本内容属性；所述类型属性为每一个所述对象的文本内容属性的类型。
进一步地，根据所述中间文本和每一个所述对象所对应的视图组件，生成页面，包括：
将每一个所述对象的类型属性和文本内容属性，添加到每一个所述对象所对应的视图组件中，得到每一个所述对象所对应的添加后的视图组件；
对各个所述对象所对应的添加后的视图组件进行渲染，得到所述页面。
进一步地，根据所述待转换文本，生成中间文本，包括：
利用预设的正则表达式对所述待转换文本进行匹配处理，得到所述中间文本。
第二方面，本公开提供了一种页面生成装置，包括：
第一获取单元，用于获取待转换文本，其中，所述待转换文本为采用标记语言进行标记后的文本；
第一生成单元，用于根据所述待转换文本，生成中间文本，其中，所述中间文本包括至少一个对象，所述对象与所述待转换文本段落一一对应，且每一个所述对象中包括类型属性；
第二获取单元，用于根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件；
第二生成单元，用于根据所述中间文本和每一个所述对象所对应的视图组件，生成页面。
进一步地，所述第二获取单元，具体用于：根据预设的类型属性与视图组件之间的对应关系，获取每一个所述对象的类型属性对应的视图组件，以得到每一个所述对象所对应的视图组件。
进一步地，所述装置，还包括：第三获取单元和封装单元；
所述第三获取单元，用于在所述第二获取单元获取每一个所述对象所对应的视图组件之前，获取与不同的类型属性对应的组件信息，所述组件信息包括超文本标记语言标签和层叠样式表样式信息；
所述封装单元，用于对每一个类型属性的组件信息进行封装，得到与每一个类型属性对应的视图组件。
进一步地，所述组件信息还包括：用于指示处理交互过程的信息。
进一步地，所述每一个所述对象中还包括：文本内容属性；所述类型属性为每一个所述对象的文本内容属性的类型。
进一步地，所述第二生成单元，具体用于：将每一个所述对象的类型属性和文本内容属性，添加到每一个所述对象所对应的视图组件中，得到每一个所述对象所对应的添加后的视图组件；对各个所述对象所对应的添加后的视图组件进行渲染，得到所述页面。
进一步地，所述第一生成单元，具体用于：利用预设的正则表达式对所述待转换文本进行匹配处理，得到所述中间文本。
第三方面，本公开提供一种电子设备，包括：存储器和处理器；
所述存储器，用于存储计算机程序；
其中，所述处理器执行所述存储器中的计算机程序，以实现如第一方面中任一实施例的方法。
第四方面，本公开提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行以实现如第一方面中任一实施例的方法。
本公开提供了一种页面生成方法、装置、电子设备和计算机可读存储介质，在生成页面的时候，首先是根据待转换文本生成中间文本，其中，待转换文本为采用标记语言进行标记后的文本，中间文本包括至少一个对象，对象与待转换文本中的段落一一对应，且每一个对象中包括类型属性，然后根据中间文本和获取的每一个对象所对应的视图组件来生成页面。那么当生成的页面与待转换文本不相符时，可先确定中间文本是否存在问题，如果中间文本不存在问题，则说明视图组件存在问题，而针对此情形，根据页面的效果，可确定出是哪些视图组件存在问题，而如果中间文本存在问题时，则说明是待转换文本转换为中间文本的过程中出现了问题，但是由于待转换文本并非是直接转换成html片段，而是先转换为一中间态的中间文本，因此，转换过程所需的代码也会大大减少，也便于从中确定出问题根源。因此，通过本方案能够减少确定页面的问题时所用的时长，降低成本，而且容易确定页面的问题，避免出现错失。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并与说明书一起用于解释本公开的原理。
图1为本公开一实施例提供的页面生成方法的流程示意图；
图2为本公开另一实施例提供的页面生成方法的流程示意图；
图3为本公开一实施例提供的页面生成装置的结构示意图；
图4为本公开另一实施例提供的页面生成装置的结构示意图；
图5为本公开一实施例提供的电子设备的结构示意图；
图6为本公开一实施例提供的电子设备的示例性结构示意图。
通过上述附图，已示出本公开明确的实施例，后文中将有更详细的描述。这些附图和文字描述并不是为了通过任何方式限制本公开构思的范围，而是通过参考特定实施例为本领域技术人员说明本公开的概念。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚，下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
图1为本公开一实施例提供的页面生成方法的流程示意图，以该实施例提供的方法应用于页面生成装置来进行示例说明，如图1所示，该方法包括：
步骤101：获取待转换文本，其中，待转换文本为采用标记语言进行标记后的文本。
实际应用中，本公开实施例的执行主体可以为页面生成装置，该页面生成装置可以为程序软件，也可以为存储有相关计算机程序的介质，例如，U盘等；或者，该页面生成装置还可以为集成或安装有相关计算机程序的实体设备，例如，芯片、智能终端、电脑、服务器等。
在本公开实施例中，例如，标记语言可为markdown标记语言，其中，markdown标记语言通过使用一些简单的符号，比如“*”、“>”、“[]()”、“#”，来标记文本格式，其简洁的语法、优美的格式以及强大的软件支持深受广大网友的喜爱。举例来说，获取的待转换文本的部分内容为：第1个段落由符号##和位于该符号##后面的h2Heading组成，第2个段落由符号[link text]和位于该符号[link text]后面的(http://xxx.com)组成。
步骤102：根据待转换文本，生成中间文本，其中，中间文本包括至少一个对象，对象与待转换文本段落一一对应，且每一个对象中包括类型属性。
在本公开实施例中，中间文本可为多种数据格式的文本，例如，可以采用JS对象简谱(JavaScript Object Notation，简称JSON)。JSON是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。
其中，对象的类型属性具体可为该对象的文本内容属性的类型，也即，对象的类型属性具体可为该对象所对应段落的文字类型。以上述待转换文本为例，针对第1个段落，其符号##在markdown标记语言中表示二级标题h2，即第1个段落对应的文字类型为二级标题h2，也即对应于该段落的对象的类型属性为二级标题h2，针对第2个段落，其符号[linktext]在markdown标记语言中表示链接(即link)，即第2个段落对应的文字类型为link，也即对应于该段落的对象的类型属性为link。
步骤103：根据每一个对象的类型属性，获取每一个对象所对应的视图组件。
在本公开实施例中，预先可针对标记语言下的不同的类型属性，生成每一种类型属性对应的视图组件。以markdown标记语言为例，预先可针对二级标题h2、link、引用、图片等不同类型属性分别生成对应的视图组件。那么在生成中间文件之后，便可根据中间文件中的每一个对象的类型属性，获取每一个对象所对应的视图组件。同样以上述待转换文本为例，该步骤中则是获取二级标题h2和link分别对应的视图组件，从而获取到相应对象所对应的视图组件。
步骤104：根据中间文本和每一个对象所对应的视图组件，生成页面。
在本公开实施例中，在获取到每一个对象所对应的视图组件后，便可根据中间文本中的每一个对象实现对相应视图组件的渲染，从而生成页面。
本公开实施例提供了一种页面生成方法，在生成页面的时候，首先是根据待转换文本生成中间文本，其中，待转换文本为采用标记语言进行标记后的文本，中间文本包括至少一个对象，对象与待转换文本中的段落一一对应，且每一个对象中包括类型属性，然后根据中间文本和获取的每一个对象所对应的视图组件来生成页面。那么当生成的页面与待转换文本不相符时，可先确定中间文本是否存在问题，如果中间文本不存在问题，则说明视图组件存在问题，而针对此情形，根据页面的效果，可确定出是哪些视图组件存在问题，而如果中间文本存在问题时，则说明是待转换文本转换为中间文本的过程中出现了问题，但是由于待转换文本并非是直接转换成html片段，而是先转换为一中间态的中间文本，因此，转换过程所需的代码也会大大减少，也便于从中确定出问题根源。因此，通过本方案能够减少确定页面的问题时所用的时长，降低成本，而且容易确定页面的问题，避免出现错失。而且，本方案的层级比较清晰，也便于后台人员进行代码维护。
图2为本公开另一实施例提供的页面生成方法的流程示意图，如图2所示，该方法可以包括：
步骤201：获取与不同的类型属性对应的组件信息，组件信息包括超文本标记语言标签和层叠样式表样式信息。
在本公开实施例中，以markdown标记语言为例，不同的类型属性可以包括以下中的任一项或对象：一级标题h1、二级标题h2、三级标题h3、四级标题h4、五级标题h5、六级标题h6、link、代码、引用、图片。
其中，超文本标记语言标签具体为html标签，层叠样式表样式信息具体为CSS样式信息。另外，组件信息中还可包括用于指示处理交互过程的信息具体的，该信息可用于指示处理用户和浏览器之间的交互过程，以类型属性link为例，则其对应的信息可用于指示用户在点击该链接之后，浏览器针对用户的点击操作所作出的响应。其中，该信息可采用脚本语言JS进行描述，称为JS信息。
步骤202：对每一个类型属性的组件信息进行封装，得到与每一个类型属性对应的视图组件。
在本公开实施例中，可采用react、vue、angular等多种框架实现对每一个类型属性的组件信息的封装。以react框架举例来说，react框架中存在一个Components，通过Components即可实现对组件信息的封装。以类型属性为二级标题h2和link为例，针对二级标题h2，在获取到h2所对应的html标签、CSS样式信息和JS信息后，通过Components进行封装，假设封装后得到的视图组件称为ComponentsH2，针对link，在获取到link所对应的html标签、CSS样式信息和JS信息后，通过Components进行封装，假设封装后得到的视图组件称为ComponentsLink。针对其它类型属性，可参照上述过程实现封装，此处不再赘述。最后可通过生成的所有视图组件构建结构化组件库。
步骤203：获取待转换文本，其中，待转换文本为采用标记语言进行标记后的文本。
在本公开实施例中，假设获取到的待转换文本为：第1个段落由符号##和位于该符号##后面的h2Heading组成，第2个段落由符号[link text]和位于该符号[link text]后面的(http://xxx.com)组成。
步骤204：利用预设的正则表达式对待转换文本进行匹配处理，得到中间文本，其中，中间文本包括至少一个对象，对象与待转换文本段落一一对应，且每一个对象中包括类型属性和文本内容属性。
其中，类型属性为每一个对象的文本内容属性的类型。
在本公开实施例中，中间文本可为JSON数据格式。通过正则表达式对待转换文本进行匹配处理，生成中间文本，可选的，该中间文本可为一个数组，数组的长度为待转换文本的长度。以上述待转换文本为例，生成的数组中包括两个对象，其中，第一个对象为{type:'h2',content:'h2Heading'}，第二个对象为{type:'link',content:'http://xxx.com'}，针对第一个对象，其包括类型属性h2以及文本内容属性h2Heading，针对第二个对象，其包括类型属性link以及文本内容属性http://xxx.com，其中，type、content主要起标识作用。值得说明的是，上述所给出的中间文本只是本方案可能存在的一种形式，并不局限于此。而且，根据实际需求以及markdown标记语言的发展，每一个对象中还可扩展其它属性，比如颜色属性等等。
步骤205：根据预设的类型属性与视图组件之间的对应关系，获取每一个对象的类型属性对应的视图组件，以得到每一个对象所对应的视图组件。
在本公开实施例中，在生成不同的类型属性对应的视图组件后，为了便于后续获取到所需的视图组件，可建立每一个类型属性与相应视图组件之间的对应关系，而该对应关系可通过多种方式实现。
实际应用中，可采用map规则建立类型属性与视图组件之间的对应关系。以h2和link两种类型属性为例，假设针对h2生成的视图组件为ComponentsH2、针对link生成的视图组件为ComponentsLink，则创建的map规则，也即对应关系(具体可用JSON对象表示)包括h2:ComponentsH2以及link:ComponentsLink。
通过上述map规则，便可从结构化组件库中获取到h2所对应的视图组件ComponentsH2，ComponentsH2即为第一个对象所对应的视图组件，以及link所对应的视图组件ComponentsLink，ComponentsLink即为第二个对象所对应的视图组件。
步骤206：将每一个对象的类型属性和文本内容属性，添加到每一个对象所对应的视图组件中，得到每一个对象所对应的添加后的视图组件。
步骤207：对各个对象所对应的添加后的视图组件进行渲染，得到页面。
在本公开实施例中，以上述中间文本中的第一个对象为例，在获取到第一个对象所对应的视图组件ComponentsH2后，便可将第一个对象中的内容，也即“type:'h2',content:'h2Heading'”添加到视图组件ComponentsH2中，利用“type:'h2',content:'h2Heading'”对该视图组件进行渲染。那么当对每一个对象所对应的视图组件均完成渲染后，则得到页面，其中，该页面具体可为浏览器页面。
本公开实施例通过对视图组件进行封装，那么当将中间文本以及视图组件复制到其它项目中时，由于视图组件是进行封装了的，从而与其它项目中的CSS样式文件是隔离开的，因此不会产生CSS样式冲突，从而根据复制的中间文本和视图组件能够生成页面，避免了现有技术中直接复制html片段和CSS样式文件，由于CSS样式文件与相应项目中的CSS样式文件冲突而造成的无法生成页面的情况。而且，本方案具有跨平台性，也即，通过生成中间文本，可将该中间文本移植到其它平台上，然后针对不同的平台可采用相应的视图组件即可生成页面。
图3为本公开一实施例提供的页面生成装置的结构示意图，包括：
第一获取单元301，用于获取待转换文本，其中，所述待转换文本为采用标记语言进行标记后的文本；
第一生成单元302，用于根据所述待转换文本，生成中间文本，其中，所述中间文本包括至少一个对象，所述对象与所述待转换文本段落一一对应，且每一个所述对象中包括类型属性；
第二获取单元303，用于根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件；
第二生成单元304，用于根据所述中间文本和每一个所述对象所对应的视图组件，生成页面。
关于本公开实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
本公开实施例在生成页面的时候，首先是根据待转换文本生成中间文本，其中，待转换文本为采用标记语言进行标记后的文本，中间文本包括至少一个对象，对象与待转换文本中的段落一一对应，且每一个对象中包括类型属性，然后根据中间文本和获取的每一个对象所对应的视图组件来生成页面。那么当生成的页面与待转换文本不相符时，可先确定中间文本是否存在问题，如果中间文本不存在问题，则说明视图组件存在问题，而针对此情形，根据页面的效果，可确定出是哪些视图组件存在问题，而如果中间文本存在问题时，则说明是待转换文本转换为中间文本的过程中出现了问题，但是由于待转换文本并非是直接转换成html片段，而是先转换为一中间态的中间文本，因此，转换过程所需的代码也会大大减少，也便于从中确定出问题根源。因此，通过本方案能够减少确定页面的问题时所用的时长，降低成本，而且容易确定页面的问题，避免出现错失。
图4为本公开另一实施例提供的页面生成装置的结构示意图，在实施例三的基础上，如图4所示，
所述第二获取单元303，具体用于：根据预设的类型属性与视图组件之间的对应关系，获取每一个所述对象的类型属性对应的视图组件，以得到每一个所述对象所对应的视图组件。
进一步地，所述装置，还包括：第三获取单元401和封装单元402；
所述第三获取单元401，用于在所述第二获取单元303获取每一个所述对象所对应的视图组件之前，获取与不同的类型属性对应的组件信息，所述组件信息包括超文本标记语言标签和层叠样式表样式信息；
所述封装单元402，用于对每一个类型属性的组件信息进行封装，得到与每一个类型属性对应的视图组件。
进一步地，所述组件信息还包括：用于指示处理交互过程的信息。
进一步地，所述每一个所述对象中还包括：文本内容属性；所述类型属性为每一个所述对象的文本内容属性的类型。
进一步地，所述第二生成单元304，具体用于：将每一个所述对象的类型属性和文本内容属性，添加到每一个所述对象所对应的视图组件中，得到每一个所述对象所对应的添加后的视图组件；对各个所述对象所对应的添加后的视图组件进行渲染，得到所述页面。
进一步地，所述第一生成单元302，具体用于：利用预设的正则表达式对所述待转换文本进行匹配处理，得到所述中间文本。
关于本公开实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
需要说明的是，本公开实施例中各可实施的方式可以单独实施，也可以在不冲突的情况下以任意组合方式结合实施本公开不做限定。
本公开实施例通过对视图组件进行封装，那么当将中间文本以及视图组件复制到其它项目中时，由于视图组件是进行封装了的，从而与其它项目中的CSS样式文件是隔离开的，因此不会产生CSS样式冲突，从而根据复制的中间文本和视图组件能够生成页面，避免了现有技术中直接复制html片段和CSS样式文件，由于CSS样式文件与相应项目中的CSS样式文件冲突而造成的无法生成页面的情况。而且，本方案具有跨平台性，也即，通过生成中间文本，可将该中间文本移植到其它平台上，然后针对不同的平台可采用相应的视图组件即可生成页面。
图5为本公开一实施例提供的电子设备的结构示意图，包括：存储器501和处理器502；
所述存储器501，用于存储计算机程序；
其中，所述处理器502执行所述存储器501中的计算机程序，以实现上述任一实施例的方法。
作为一种示例性的实施例，可选地，如图6所示，为本公开实施例提供的电子设备的示例性结构示意图。该电子设备600可以包括处理装置(例如中央处理器、图形处理器等)601，其可以根据存储在只读存储器(ROM)602中的程序或者从存储装置608加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM 603中，还存储有电子设备600操作所需的各种程序和数据。处理装置601、ROM 602以及RAM 603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
通常，以下装置可以连接至I/O接口605：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置606；包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置607；包括例如磁带、硬盘等的存储装置608；以及通信装置609。通信装置609可以允许电子设备600与其他设备进行无线或有线通信以交换数据。虽然图6示出了具有各种装置的电子设备600，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。
特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置609从网络上被下载和安装，或者从存储装置608被安装，或者从ROM602被安装。在该计算机程序被处理装置601执行时，执行本公开实施例的方法中限定的上述功能。
需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、RF(射频)等等，或者上述的任意合适的组合。
本公开又一实施例提供一种计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行以实现上述任一实施例的方法。
在本公开所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本公开实施例方案的目的。
另外，在本公开各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用硬件加软件功能单元的形式实现。
上述以软件功能单元的形式实现的集成的单元，可以存储在一个计算机可读取存储介质中。上述软件功能单元存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本公开各个实施例所述方法的部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
本领域技术人员可以清楚地了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。上述描述的装置的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
最后应说明的是：以上各实施例仅用以说明本公开的技术方案，而非对其限制；尽管参照前述各实施例对本公开进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本公开各实施例技术方案的范围。

Claims (10)

1.一种页面生成方法，其特征在于，包括：
获取待转换文本，其中，所述待转换文本为采用标记语言进行标记后的文本；
根据所述待转换文本，生成中间文本，其中，所述中间文本包括至少一个对象，所述对象与所述待转换文本段落一一对应，且每一个所述对象中包括类型属性；
根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件；
根据所述中间文本和每一个所述对象所对应的视图组件，生成页面。
2.根据权利要求1所述的方法，其特征在于，所述根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件，包括：
根据预设的类型属性与视图组件之间的对应关系，获取每一个所述对象的类型属性对应的视图组件，以得到每一个所述对象所对应的视图组件。
3.根据权利要求1所述的方法，其特征在于，在所述根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件之前，还包括：
获取与不同的类型属性对应的组件信息，所述组件信息包括超文本标记语言标签和层叠样式表样式信息；
对每一个类型属性的组件信息进行封装，得到与每一个类型属性对应的视图组件。
4.根据权利要求3所述的方法，其特征在于，所述组件信息还包括：用于指示处理交互过程的信息。
5.根据权利要求1-4任一项所述的方法，其特征在于，所述每一个所述对象中还包括：文本内容属性；所述类型属性为每一个所述对象的文本内容属性的类型。
6.根据权利要求5所述的方法，其特征在于，根据所述中间文本和每一个所述对象所对应的视图组件，生成页面，包括：
将每一个所述对象的类型属性和文本内容属性，添加到每一个所述对象所对应的视图组件中，得到每一个所述对象所对应的添加后的视图组件；
对各个所述对象所对应的添加后的视图组件进行渲染，得到所述页面。
7.根据权利要求1-4任一项所述的方法，其特征在于，根据所述待转换文本，生成中间文本，包括：
利用预设的正则表达式对所述待转换文本进行匹配处理，得到所述中间文本。
8.一种页面生成装置，其特征在于，包括：
第一获取单元，用于获取待转换文本，其中，所述待转换文本为采用标记语言进行标记后的文本；
第一生成单元，用于根据所述待转换文本，生成中间文本，其中，所述中间文本包括至少一个对象，所述对象与所述待转换文本段落一一对应，且每一个所述对象中包括类型属性；
第二获取单元，用于根据每一个所述对象的类型属性，获取每一个所述对象所对应的视图组件；
第二生成单元，用于根据所述中间文本和每一个所述对象所对应的视图组件，生成页面。
9.一种电子设备，其特征在于，存储器和处理器；
所述存储器，用于存储计算机程序；
其中，所述处理器执行所述存储器中的计算机程序，以实现如权利要求1-7中任一项所述的方法。
10.一种计算机可读存储介质，其特征在于，其上存储有计算机程序，所述计算机程序被处理器执行以实现如权利要求1-7任一项所述的方法。
CN201910378173.XA 2019-05-08 2019-05-08 页面生成方法、装置、电子设备和计算机可读存储介质 Active CN110263279B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910378173.XA CN110263279B (zh) 2019-05-08 2019-05-08 页面生成方法、装置、电子设备和计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910378173.XA CN110263279B (zh) 2019-05-08 2019-05-08 页面生成方法、装置、电子设备和计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN110263279A CN110263279A (zh) 2019-09-20
CN110263279B true CN110263279B (zh) 2021-08-10

Family

ID=67914387

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910378173.XA Active CN110263279B (zh) 2019-05-08 2019-05-08 页面生成方法、装置、电子设备和计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN110263279B (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115618154A (zh) * 2022-12-19 2023-01-17 华南理工大学 一种表格的标记语言标签与单元格锚框鲁棒对齐方法

Families Citing this family (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111079047B (zh) * 2019-11-28 2020-09-15 蜂助手股份有限公司 一种面向web的页面构建系统
CN112270475A (zh) * 2020-10-29 2021-01-26 中国北方工业有限公司 成建制装备系统集成信息化平台系统
CN112818277A (zh) * 2021-01-25 2021-05-18 京东方科技集团股份有限公司 一种网页生成方法、装置、存储介质及电子设备

Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101464875A (zh) * 2007-12-20 2009-06-24 金宝电子（上海）有限公司 使用xml表示电子字典数据的方法
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN102609505A (zh) * 2012-02-03 2012-07-25 姚振刚 基于数据操作语言的动态网页方法
CN102779156A (zh) * 2012-05-31 2012-11-14 南京南瑞继保电气有限公司 数字化变电站中通信装置的数据库配置方法
CN102968307A (zh) * 2012-11-29 2013-03-13 中国传媒大学 一种基于java的web开发中间件
CN103365855A (zh) * 2012-03-28 2013-10-23 腾讯科技（深圳）有限公司 生成网页的方法及服务器
CN103870266A (zh) * 2012-12-12 2014-06-18 杭州新世纪电子科技有限公司 一种页面生成方法和系统
CN103970855A (zh) * 2014-05-06 2014-08-06 车智互联（北京）科技有限公司 一种数据处理设备和方法
CN104636327A (zh) * 2013-11-06 2015-05-20 上海语镜汽车信息技术有限公司 一种基于增量计算的分布式流式数据系统
CN105095348A (zh) * 2015-06-09 2015-11-25 北京织星科技有限公司 一种通过xml动态配置网站的方法
CN105095449A (zh) * 2015-07-27 2015-11-25 福州盈展信息技术有限公司 一种将html网页转换为移动终端页面的方法
CN107291736A (zh) * 2016-03-31 2017-10-24 华为技术有限公司 一种编辑页面的方法和系统
CN108196845A (zh) * 2017-12-28 2018-06-22 福建中金在线信息科技有限公司 一种页面布局方法、装置、电子设备及可读存储介质
CN108228184A (zh) * 2018-01-26 2018-06-29 福建中金在线信息科技有限公司 页面样式生成方法、装置、电子设备和计算机存储介质
CN109614424A (zh) * 2018-11-28 2019-04-12 南京赛克蓝德网络科技有限公司 页面布局生成方法、装置、计算设备和介质
CN109634598A (zh) * 2018-12-14 2019-04-16 北京字节跳动网络技术有限公司 一种页面显示方法、装置、设备及存储介质

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6981041B2 (en) * 2000-04-13 2005-12-27 Aep Networks, Inc. Apparatus and accompanying methods for providing, through a centralized server site, an integrated virtual office environment, remotely accessible via a network-connected web browser, with remote network monitoring and management capabilities
US20020138288A1 (en) * 2000-06-20 2002-09-26 Kurpis Jonathan A. Internet based directory system

Patent Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101464875A (zh) * 2007-12-20 2009-06-24 金宝电子（上海）有限公司 使用xml表示电子字典数据的方法
CN101526953A (zh) * 2009-01-19 2009-09-09 北京跳网无限科技发展有限公司 Www转换技术
CN102609505A (zh) * 2012-02-03 2012-07-25 姚振刚 基于数据操作语言的动态网页方法
CN103365855A (zh) * 2012-03-28 2013-10-23 腾讯科技（深圳）有限公司 生成网页的方法及服务器
CN102779156A (zh) * 2012-05-31 2012-11-14 南京南瑞继保电气有限公司 数字化变电站中通信装置的数据库配置方法
CN102968307A (zh) * 2012-11-29 2013-03-13 中国传媒大学 一种基于java的web开发中间件
CN103870266A (zh) * 2012-12-12 2014-06-18 杭州新世纪电子科技有限公司 一种页面生成方法和系统
CN104636327A (zh) * 2013-11-06 2015-05-20 上海语镜汽车信息技术有限公司 一种基于增量计算的分布式流式数据系统
CN103970855A (zh) * 2014-05-06 2014-08-06 车智互联（北京）科技有限公司 一种数据处理设备和方法
CN105095348A (zh) * 2015-06-09 2015-11-25 北京织星科技有限公司 一种通过xml动态配置网站的方法
CN105095449A (zh) * 2015-07-27 2015-11-25 福州盈展信息技术有限公司 一种将html网页转换为移动终端页面的方法
CN107291736A (zh) * 2016-03-31 2017-10-24 华为技术有限公司 一种编辑页面的方法和系统
CN108196845A (zh) * 2017-12-28 2018-06-22 福建中金在线信息科技有限公司 一种页面布局方法、装置、电子设备及可读存储介质
CN108228184A (zh) * 2018-01-26 2018-06-29 福建中金在线信息科技有限公司 页面样式生成方法、装置、电子设备和计算机存储介质
CN109614424A (zh) * 2018-11-28 2019-04-12 南京赛克蓝德网络科技有限公司 页面布局生成方法、装置、计算设备和介质
CN109634598A (zh) * 2018-12-14 2019-04-16 北京字节跳动网络技术有限公司 一种页面显示方法、装置、设备及存储介质

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115618154A (zh) * 2022-12-19 2023-01-17 华南理工大学 一种表格的标记语言标签与单元格锚框鲁棒对齐方法

Also Published As

Publication number Publication date
CN110263279A (zh) 2019-09-20

Similar Documents

Publication Publication Date Title
CN110263279B (zh) 页面生成方法、装置、电子设备和计算机可读存储介质
CN109597617B (zh) 基于模板快速生成业务页面的方法和装置
CN111274760B (zh) 富文本数据处理方法、装置、电子设备及计算机存储介质
CN105574049B (zh) 移动应用的页面处理方法、装置和系统
CN104049991A (zh) 用于将网络应用转换为移动应用的方法和系统
CN113031946B (zh) 一种渲染页面组件的方法和装置
CN110780874B (zh) 用于生成信息的方法和装置
WO2022142743A1 (zh) 可视化页面渲染方法、装置、设备及存储介质
CN111294395A (zh) 一种终端页面传输方法、装置、介质和电子设备
CN113110829A (zh) 多ui组件库数据处理方法及装置
CN113360106B (zh) 一种网页打印方法和装置
CN110941401A (zh) 一种打印方法和装置
CN113721910A (zh) 界面代码生成方法、装置、电子设备和计算机可读介质
US11126410B2 (en) Method and apparatus for building pages, apparatus and non-volatile computer storage medium
CN109582580B (zh) 用于调试页面的系统、方法和装置
CN116860286A (zh) 页面动态更新方法、装置、电子设备和计算机可读介质
CN108133029B (zh) 地图元素的调整方法、装置、设备及计算机可读存储介质
CN111767498A (zh) 一种实现文件信息共享的方法和装置
CN108664511B (zh) 获取网页信息方法和装置
CN103885988B (zh) 输出内容的方法及装置、内容输出系统
CN110618811A (zh) 信息呈现方法和装置
CN102663063B (zh) 基于xslt的多种用户平台通用信息展示系统及方法
CN109472740A (zh) 基于Web前端生成图形的方法和装置
CN113296771A (zh) 页面显示方法、装置、设备和计算机可读介质
CN116009863B (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
GR01 Patent grant
GR01 Patent grant