CN113468460B - 基于YAML语言渲染Web页面的方法、装置和设备 - Google Patents
基于YAML语言渲染Web页面的方法、装置和设备 Download PDFInfo
- Publication number
- CN113468460B CN113468460B CN202111023931.XA CN202111023931A CN113468460B CN 113468460 B CN113468460 B CN 113468460B CN 202111023931 A CN202111023931 A CN 202111023931A CN 113468460 B CN113468460 B CN 113468460B
- Authority
- CN
- China
- Prior art keywords
- web
- web page
- template
- web component
- configuration file
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 31
- 238000009877 rendering Methods 0.000 title claims abstract description 30
- 238000004590 computer program Methods 0.000 claims description 11
- 238000003860 storage Methods 0.000 claims description 7
- 230000000694 effects Effects 0.000 claims description 4
- 238000012423 maintenance Methods 0.000 abstract description 5
- 238000004519 manufacturing process Methods 0.000 abstract description 4
- 238000011161 development Methods 0.000 abstract description 2
- 230000008878 coupling Effects 0.000 description 5
- 238000010168 coupling process Methods 0.000 description 5
- 238000005859 coupling reaction Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000003247 decreasing effect Effects 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
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
- 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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
- G06F16/9566—URL specific, e.g. using aliases, detecting broken or misspelled links
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Document Processing Apparatus (AREA)
Abstract
本发明涉及一种基于YAML语言渲染Web页面的方法，包括将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；读取所述待生成Web页面的配置文件，展示Web页面。本发明方便普通的非专业用户快速的完成Web页面的制作与维护。这种方式将比传统的Web页面开发方式要达到高复用，灵活，维护成本更低。本发明还涉及一种基于YAML语言渲染Web页面的装置和设备。
Description
技术领域
本发明涉及信息处理技术领域，尤其涉及一种基于YAML语言渲染Web页面的方法、装置和设备。
背景技术
在实际业务中，Web页面研发与页面内容提供者都是不同的群体，这就增加了沟通成本，并且内容与页面强耦合导致维护与复用率不高。
当前，也有使用模板与内容搭配渲染Web页面的方法，达到了内容与Web页面制作的松耦合，但仍然存在灵活性受限，需要业用户快速的完成Web页面的制作与维护，维护成本高。
发明内容
本发明所要解决的技术问题是针对现有技术的不足，提供一种基于YAML语言渲染Web页面的方法、装置和设备。
本发明解决上述技术问题的技术方案如下：
一种基于YAML语言渲染Web页面的方法，所述方法包括：
将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；
获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；
读取所述待生成Web页面的配置文件，展示Web页面。
在上述技术方案的基础上，本发明还可以做如下改进。
进一步地，所述将Web组件以数据结构形式表示，具体包括：
将所述数据结构中的参数存储对应的所述Web组件中的元素信息。
进一步地，所述根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，具体包括：
根据所述数据结构，利用NodeJS类库中的嵌入式模板引擎，生成所述Web组件模板文件；
以目录存储所述Web组件模板文件，所述Web组件模板文件中包括模板文件、组件效果图和样例配置文件。
进一步地，所述确定所述Web组件模板在Web页面中的网格布局方案，具体包括：
将所述Web页面进行从上至下的流排布后，将每一个网格宽度步进值根据父容器宽度进行设置，每一个网格关联一个所述Web组件模板。
进一步地，所述根据所述配置文件模板配置所述待生成Web页面的网格布局方案，具体包括：
在所述待生成Web页面中添加网格，并设置所述网格宽度；
根据所述待生成Web页面中配置的所述Web组件模板，得到每一个所述Web组件模板的网格宽度步进值，获得所述网格布局方案。
进一步地，所述为所述网格布局方案关联所述Web组件模板，具体包括：
根据所述网格布局方案，为每一个网格关联一个所述Web组件模板；
获取所述Web组件模板的Web组件模板文件中的样例配置文件；
根据所述样例配置文件配置所述Web页面的配置文件。
进一步地，所述读取所述待生成Web页面的配置文件，展示Web页面，具体包括：
过URL的路径部分到所述配置文件的根目录下读取对应的所述配置文件；
当接收到浏览器端的请求信息时，将所述配置文件中的配置信息读取到NodeJS类库中的嵌入式模板引擎，通过嵌入式模板引擎渲染，得到HTML文本，并将所述HTML文本发送至所述浏览器端，展示所述Web页面。
本方法发明的有益效果是：提出了一种基于YAML语言渲染Web页面的方法，包括将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；读取所述待生成Web页面的配置文件，展示Web页面。本发明根据Web业务高度标准化Web组件的规范性与复用率与易维护性，Web页面全部由标准的Web组件装配渲染，具有原子性，统一性，灵活性，采用网格流式布局，自上而下，按照配置文件的数组顺序渲染每一个Grid里的内容，容易维护，即使不会页面布局的普通人员也可以轻松的使用，使用门槛低，普通的站点内容维护者可以在本方案下轻松的制作，维护HTML页面内容，相比于传统的CMS系统，Web组件灵活搭配，而不仅仅局限于文案内容。
本发明还解决上述技术问题的另一种技术方案如下：
一种基于YAML语言渲染Web页面的装置，所述装置包括：
预制模块，用于将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；
配置模块，用于获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；
展示模块，用于读取所述待生成Web页面的配置文件，展示Web页面。
此外，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述技术方案中任一项所述的基于YAML语言渲染Web页面的方法的步骤。
本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述技术方案中任一项所述的基于YAML语言渲染Web页面的方法的步骤。
本发明附加的方面的优点将在下面的描述中部分给出，部分将从下面的描述中变得明显，或通过本发明实践了解到。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对本发明实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面所描述的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明实施例所述的一种基于YAML语言渲染Web页面的方法的流程示意图；
图2为本发明另一实施例所述的一种基于YAML语言渲染Web页面装置的模块示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例，都应属于本发明保护的范围。
如图1本发明实施例所述的一种基于YAML语言渲染Web页面的方法所示，包括以下步骤：
110、将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案。
120、获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件。
130、读取所述待生成Web页面的配置文件，展示Web页面。
基于上述实施例，进一步地，步骤110中将Web组件以数据结构形式表示，具体包括：
将所述数据结构中的参数存储对应的所述Web组件中的元素信息。
进一步地，步骤110中根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，具体包括：
根据所述数据结构，利用NodeJS类库中的嵌入式模板引擎，生成所述Web组件模板文件。
以目录存储所述Web组件模板文件，所述Web组件模板文件中包括模板文件、组件效果图和样例配置文件。
进一步地，步骤120中确定所述Web组件模板在Web页面中的网格布局方案，具体包括：
将所述Web页面进行从上至下的流排布后，将每一个网格宽度步进值根据父容器宽度进行设置，每一个网格关联一个所述Web组件模板。
进一步地，步骤120中根据所述配置文件模板配置所述待生成Web页面的网格布局方案，具体包括：
在所述待生成Web页面中添加网格，并设置所述网格宽度。
根据所述待生成Web页面中配置的所述Web组件模板，得到每一个所述Web组件模板的网格宽度步进值，获得所述网格布局方案。
进一步地，步骤120中为所述网格布局方案关联所述Web组件模板，具体包括：
根据所述网格布局方案，为每一个网格关联一个所述Web组件模板。
获取所述Web组件模板的Web组件模板文件中的样例配置文件。
根据所述样例配置文件配置所述Web页面的配置文件。
进一步地，步骤130中读取所述待生成Web页面的配置文件，展示Web页面，具体包括：
过URL的路径部分到所述配置文件的根目录下读取对应的所述配置文件。
当接收到浏览器端的请求信息时，将所述配置文件中的配置信息读取到NodeJS类库中的嵌入式模板引擎，通过嵌入式模板引擎渲染，得到HTML文本，并将所述HTML文本发送至所述浏览器端，展示所述Web页面。
应理解，将常用的Web组件，如轮播图以及表格等进行抽象，确定组件的参数形式，如轮播图则是一个数组，数组的每个元素是图片。
利用NodeJS类库Embedded JavaScript templating嵌入式模板引擎进行制作Web组件模板。
利用目录的形式组织每个Web组件，目录名称为Web组件名称，每个Web组件的目录下必须包含以下文件，index.ejs模板文件、sample.png组件效果图和sample.yaml样例配置文件。其余可根据实际情况添加更多的相关文件，比如Web组件里img标签引用的图片资源等。
制定Web页面网格布局的标准方案，每个网格就是一行，从上到下随着HTML文档流排布，把每个网格宽度步进为父容器宽度的三分之一，最大可以占满一行，最小为三分之一。每个网格可以关联一个Web组件用于实际渲染。
运行时，新建HTML页面配置文件，新建一个YAML格式的Web页面配置文件，添加网格，设置网格宽度，根据前面制定的网格布局标准方案，可选的值有为父容器宽度三分之一、为父容器宽度三分之二或为父容器宽度百分百。关联Web组件，给刚网格关联一个Web组件，关联Web组件需要配置两个配置项，一个是Web组件名，另一个是Web组件所需的实际配置项，每一个Web组件所需的配置项参照Web组件目录里包含的sample.yaml样例配置文件，并根据实际情况编写配置文件。
保存配置文件，将以上配置结果存储到磁盘中，存储文件的路径取自metadata.url_path字段，这个是相对于配置文件根目录。例如配置文件的根目录为: /web/config，metadata.url_path字段为: /about/contact.html，实际最终存储在Linux操作系统中的位置为: /web/config/about/contact.html
读取配置文件，根据浏览器端的发过来的请求，通过URL的路径path部分到配置文件的根目录下读取YAML配置文件，例如：配置文件的根目录为/web/config，用户请求的URL为https://example.com/about/contact.html，那么这里的path部分则是/about/contact.html，那么最终得出操作系统上的路径地址为/web/config/about/contact.html。
渲染HTML，通过metadata.template配置信息读取到ejs模板文件，通过NodeJSAPI渲染出最终的HTML文本内容，并将渲染出来的HTML文本内容通过HTTP协议响应回浏览器端，实现Web页面的展示。
基于上述实施例所提出的一种基于YAML语言渲染Web页面的方法，包括将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；读取所述待生成Web页面的配置文件，展示Web页面。本发明根据Web业务高度标准化Web组件的规范性与复用率与易维护性，Web页面全部由标准的Web组件装配渲染，具有原子性，统一性，灵活性，采用网格流式布局，自上而下，按照配置文件的数组顺序渲染每一个Grid里的内容，容易维护，即使不会页面布局的普通人员也可以轻松的使用，使用门槛低，普通的站点内容维护者可以在本方案下轻松的制作，维护HTML页面内容，相比于传统的CMS系统，Web组件灵活搭配，而不仅仅局限于文案内容。
如图2所示，一种基于YAML语言渲染Web页面的装置，所述装置包括：
预制模块，用于将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案。
配置模块，用于获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件。
展示模块，用于读取所述待生成Web页面的配置文件，展示Web页面。
此外，本发明提供一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现上述技术方案中任一项所述的基于YAML语言渲染Web页面的方法的步骤。
本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述技术方案中任一项所述的基于YAML语言渲染Web页面的方法的步骤。
在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。
本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
在本发明所提供的实施例中，应该理解到，所揭露的装置/终端设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/终端设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本发明各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
所述集成的模块/单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。
基于这样的理解，本发明实现上述实施例方法中的全部或部分流程，也可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质可以包括：能够携带所述计算机程序代码的任何实体或装置、记录介质、U盘、移动硬盘、磁碟、光盘、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM， Random Access Memory)、电载波信号、电信信号以及软件分发介质等。需要说明的是，所述计算机可读介质包含的内容可以根据司法管辖区内立法和专利实践的要求进行适当的增减，例如在某些司法管辖区，根据立法和专利实践，计算机可读介质不包括是电载波信号和电信信号。
以上所述实施例仅用以说明本发明的技术方案，而非对其限制；尽管参照前述实施例对本发明进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本发明各实施例技术方案的精神和范围，均应包含在本发明的保护范围之内。
以上，仅为本发明的具体实施方式，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到各种等效的修改或替换，这些修改或替换都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应以权利要求的保护范围为准。
Claims (7)
1.一种基于YAML语言渲染Web页面的方法，其特征在于，所述方法包括：
将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；
获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；
读取所述待生成Web页面的配置文件，展示Web页面；
所述根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，具体包括：
根据所述数据结构，利用NodeJS类库中的嵌入式模板引擎，生成所述Web组件模板文件；
以目录存储所述Web组件模板文件，所述Web组件模板文件中包括模板文件、组件效果图和样例配置文件；
所述根据所述配置文件模板配置所述待生成Web页面的网格布局方案，具体包括：
在所述待生成Web页面中添加网格，并设置所述网格宽度；
根据所述待生成Web页面中配置的所述Web组件模板，得到每一个所述Web组件模板的网格宽度步进值，获得所述网格布局方案；
所述方法还包括：
运行时，新建HTML页面配置文件，新建一个YAML格式的Web页面配置文件，添加网格，设置网格宽度，根据前面制定的网格布局标准方案，所述网格宽度为父容器宽度三分之一、为父容器宽度三分之二或为父容器宽度百分百；
关联Web组件，给网格关联一个Web组件，关联Web组件配置两个配置项，一个是Web组件名，另一个是Web组件所需的实际配置项，每一个Web组件所需的配置项参照Web组件目录里包含的sample.yaml样例配置文件，并编写配置文件；
所述为所述网格布局方案关联所述Web组件模板，具体包括：
根据所述网格布局方案，为每一个网格关联一个所述Web组件模板；
获取所述Web组件模板的Web组件模板文件中的样例配置文件；
根据所述样例配置文件配置所述Web页面的配置文件。
2.根据权利要求1所述的基于YAML语言渲染Web页面的方法，其特征在于，所述将Web组件以数据结构形式表示，具体包括：
将所述数据结构中的参数存储对应的所述Web组件中的元素信息。
3.根据权利要求1所述的基于YAML语言渲染Web页面的方法，其特征在于，所述确定所述Web组件模板在Web页面中的网格布局方案，具体包括：
将所述Web页面进行从上至下的流排布后，将每一个网格宽度步进值根据父容器宽度进行设置，每一个网格关联一个所述Web组件模板。
4.根据权利要求1所述的基于YAML语言渲染Web页面的方法，其特征在于，所述读取所述待生成Web页面的配置文件，展示Web页面，具体包括：
过URL的路径部分到所述配置文件的根目录下读取对应的所述配置文件；
当接收到浏览器端的请求信息时，将所述配置文件中的配置信息读取到NodeJS类库中的嵌入式模板引擎，通过嵌入式模板引擎渲染，得到HTML文本，并将所述HTML文本发送至所述浏览器端，展示所述Web页面。
5.一种基于YAML语言渲染Web页面的装置，其特征在于，所述装置包括：
预制模块，用于将Web组件以数据结构形式表示，根据所述数据结构和NodeJS类，生成所述Web组件所对应的Web组件模板，并确定所述Web组件模板在Web页面中的网格布局方案；
配置模块，用于获取待生成Web页面的配置文件模板，并根据所述配置文件模板配置所述待生成Web页面的网格布局方案，为所述网格布局方案关联所述Web组件模板，生成所述待生成Web页面的配置文件；
展示模块，用于读取所述待生成Web页面的配置文件，展示Web页面；
所述配置模块，具体用于根据所述数据结构，利用NodeJS类库中的嵌入式模板引擎，生成所述Web组件模板文件；
以目录存储所述Web组件模板文件，所述Web组件模板文件中包括模板文件、组件效果图和样例配置文件；
所述配置模块，具体用于在所述待生成Web页面中添加网格，并设置所述网格宽度；
根据所述待生成Web页面中配置的所述Web组件模板，得到每一个所述Web组件模板的网格宽度步进值，获得所述网格布局方案；
所述配置模块，具体用于运行时，新建HTML页面配置文件，新建一个YAML格式的Web页面配置文件，添加网格，设置网格宽度，根据前面制定的网格布局标准方案，所述网格宽度为父容器宽度三分之一、为父容器宽度三分之二或为父容器宽度百分百；
关联Web组件，给网格关联一个Web组件，关联Web组件配置两个配置项，一个是Web组件名，另一个是Web组件所需的实际配置项，每一个Web组件所需的配置项参照Web组件目录里包含的sample.yaml样例配置文件，并编写配置文件；
所述配置模块，具体用于根据所述网格布局方案，为每一个网格关联一个所述Web组件模板；
获取所述Web组件模板的Web组件模板文件中的样例配置文件；
根据所述样例配置文件配置所述Web页面的配置文件。
6.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现权利要求1-4中任一项所述的基于YAML语言渲染Web页面的方法的步骤。
7.一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至4中任一项所述的基于YAML语言渲染Web页面的方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111023931.XA CN113468460B (zh) | 2021-09-02 | 2021-09-02 | 基于YAML语言渲染Web页面的方法、装置和设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202111023931.XA CN113468460B (zh) | 2021-09-02 | 2021-09-02 | 基于YAML语言渲染Web页面的方法、装置和设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN113468460A CN113468460A (zh) | 2021-10-01 |
| CN113468460B true CN113468460B (zh) | 2022-02-25 |
Family
ID=77867328
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202111023931.XA Active CN113468460B (zh) | 2021-09-02 | 2021-09-02 | 基于YAML语言渲染Web页面的方法、装置和设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN113468460B (zh) |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110235122A (zh) * | 2016-12-21 | 2019-09-13 | 开文公司 | 用于将web内容转化为可重复使用的模板和组件的系统和方法 |
| CN110413925A (zh) * | 2013-09-12 | 2019-11-05 | 维克斯网有限公司 | 用于在交互式站点与用于支持移动设备和其它显示环境的应用之间的自动转换的系统和方法 |
| CN112083926A (zh) * | 2020-09-10 | 2020-12-15 | 武汉开目信息技术股份有限公司 | 一种Web用户界面生成方法及装置 |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7237227B2 (en) * | 2003-06-30 | 2007-06-26 | Siebel Systems, Inc. | Application user interface template with free-form layout |
| CN104199668A (zh) * | 2014-09-09 | 2014-12-10 | 浪潮软件集团有限公司 | 一种实现Web页面文件模板化的方法 |
| CN107678736A (zh) * | 2017-10-09 | 2018-02-09 | 用友网络科技股份有限公司 | 一种业务页面模板的展现方法、系统及计算机装置 |
| US10437914B2 (en) * | 2018-01-02 | 2019-10-08 | Go Daddy Operating Company, LLC | Creating HTML layouts based on client input and processing |
| CN110489116B (zh) * | 2018-05-15 | 2024-02-06 | 阿里巴巴（中国）有限公司 | 一种页面的渲染方法、装置及计算机存储介质 |
| CN111352682B (zh) * | 2018-12-24 | 2023-11-10 | 北京嘀嘀无限科技发展有限公司 | 页面渲染方法、装置、服务器及可读存储介质 |
| CN111597484B (zh) * | 2020-07-22 | 2020-10-27 | 成都新希望金融信息有限公司 | 一种ui动态生成方法 |
| CN112433799A (zh) * | 2020-11-25 | 2021-03-02 | 平安普惠企业管理有限公司 | 页面生成方法、装置、设备及介质 |
| CN112464122A (zh) * | 2020-11-30 | 2021-03-09 | 北京首汽智行科技有限公司 | 一种基于grid的移动端H5页面网格布局方法 |
-
2021
- 2021-09-02 CN CN202111023931.XA patent/CN113468460B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110413925A (zh) * | 2013-09-12 | 2019-11-05 | 维克斯网有限公司 | 用于在交互式站点与用于支持移动设备和其它显示环境的应用之间的自动转换的系统和方法 |
| CN110235122A (zh) * | 2016-12-21 | 2019-09-13 | 开文公司 | 用于将web内容转化为可重复使用的模板和组件的系统和方法 |
| CN112083926A (zh) * | 2020-09-10 | 2020-12-15 | 武汉开目信息技术股份有限公司 | 一种Web用户界面生成方法及装置 |
Non-Patent Citations (2)
| Title |
|---|
| Node.js系列-使用EJS模板引擎;罐装汽水Garrik;《https://zhuanlan.zhihu.com/p/52722144》;20181219;第1-7页 * |
| 最强大的CSS布局——Grid布局;Gopal;《https://zhuanlan.zhihu.com/p/256353171》;20200921;第1-20页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN113468460A (zh) | 2021-10-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107656914B (zh) | 可配置化的表格生成方法、装置、终端设备及存储介质 | |
| CN111104635A (zh) | 一种表格网页的生成方法和装置 | |
| CN103051652B (zh) | 一种移动终端云计算发布平台 | |
| CN104054050A (zh) | 用于移动通信终端的用户接口的改进的配置 | |
| CN110738038A (zh) | 合同文本的生成方法、装置、设备及计算机可读存储介质 | |
| CN101771930A (zh) | 一种用户终端、软件托管业务管理系统和管理方法 | |
| CN113742018A (zh) | 档案模型调整方法、计算机装置及计算机可读存储介质 | |
| CN113468460B (zh) | 基于YAML语言渲染Web页面的方法、装置和设备 | |
| CN115065945B (zh) | 短信链接生成方法、装置、电子设备及存储介质 | |
| CN116738954A (zh) | 报表导出方法、报表模板的配置方法、装置、计算机设备 | |
| CN103561113A (zh) | Web Service接口的生成方法及装置 | |
| CN114741144B (zh) | 一种web端复杂表格显示方法、装置及系统 | |
| US9230022B1 (en) | Customizable result sets for application program interfaces | |
| CN113138760B (zh) | 一种页面生成方法、装置、电子设备和介质 | |
| CN113064627B (zh) | 服务接入数据处理方法、平台、终端、设备及系统 | |
| CN115758016A (zh) | 网页内容静态化处理方法及系统 | |
| CN114968917A (zh) | 一种文件数据快速导入方法及装置 | |
| CN115130442A (zh) | 报表生成的方法、装置、存储介质及计算机设备 | |
| CN111241788A (zh) | 基于线性模型的文档转换方法、装置、设备及存储介质 | |
| CN100498765C (zh) | 一种电子报版面的制作方法及装置 | |
| CN112417832A (zh) | 一种电子表格文档的格式转换方法、装置及电子设备 | |
| CN113779641B (zh) | 数据配置方法、装置、计算机设备及计算机可读存储介质 | |
| CN113268967B (zh) | 一种用于处理数据信息的方法与设备 | |
| CN115759021A (zh) | 网页表格查询框的配置方法、装置、介质及电子设备 | |
| CN113902833A (zh) | 由canvas转换成pdf的方法、装置及终端设备 |
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 | ||
| CP03 | Change of name, title or address |
Address after: Room 105, first floor, building 82, No. 10, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee after: Beijing Youhao Technology Co.,Ltd. Country or region after: China Address before: Room 105, first floor, building 82, No. 10, Jiuxianqiao Road, Chaoyang District, Beijing 100015 Patentee before: BEIJING YOUNUO TECHNOLOGY Co.,Ltd. Country or region before: China |
|
| CP03 | Change of name, title or address |