Method, device and equipment for generating use page and readable storage medium

A technology of pages and generators, applied in the Internet field, can solve problems such as iterative front-end manpower product requirements, few optional components, and difficulty in matching technical frameworks

Pending Publication Date: 2022-05-31
CHINA CITIC BANK
View PDF0 Cites 2 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0002] The visual generation page scheme based on the native JavaScript language has fewer optional component resources, and the generated page syntax is native JavaScript syntax, which has fewer usage scenarios and is difficult to match the current technical framework of front-end development; the control-based dynamic page generation method obtained The page is a form page, which can only satisfy a small part of the front-end development field, and the generated page is in a specific data format, which needs to be parsed by a built-in parser to display the page, which is not conducive to secondary development and expansion.
[0003] For the current front-end development field, a large part of the time and energy of front-end engineers will be spent in writing a large amount of repetitive code and business logic in the development process. When faced with a large number of low-tech requirements, it is easy to become Easily replaceable resources, front-end manpower has become the bottleneck of product demand iteration

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method, device and equipment for generating use page and readable storage medium
  • Method, device and equipment for generating use page and readable storage medium
  • Method, device and equipment for generating use page and readable storage medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0073] This embodiment provides a method for generating a usage page.

[0074] see figure 1 , the figure shows that the method includes step S100, step S200, step S300 and step S400.

[0075] S100. Receive a page generation request, where the page generation request includes business requirements corresponding to the page to be generated.

[0076] It can be understood that, in this step, to correspond to the business requirements corresponding to the page according to the request, the front-end designer layout page can be built first. It is set as the canvas area, the right side is set as the property editing area, and the top is set as the global tool area. The components displayed in the component library area are the component libraries added by default under the selected framework.

[0077] S200 , according to the business requirements corresponding to the pages to be generated, and the corresponding relationship between the business requirements and the components, sel...

Embodiment 2

[0115]如图2所示，本实施例提供了一种生成使用页面的装置，参见图2装置包括接收模块701、选择模块702、生成模块703和保存模块704，其中：

[0116]接收模块701:用于接收页面生成请求，页面生成请求中包括待生成页面对应的业务需求；

[0117]选择模块702:用于根据待生成页面对应的业务需求，以及业务需求和组件的对应关系，在预设的多个组件中选择与业务需求相对应的组件；

[0118]生成模块703:用于根据选择的组件生成使用页面；

[0119]保存模块704:用于根据生成的使用页面保存为供展示使用的文件。

[0120]具体地，选择模块702还包括搭建单元7021、第一识别单元7022和第二识别单元7023，其中：

[0121]搭建单元7021:用于根据业务需求搭建前端框架；

[0122]第一识别单元7022:用于根据前端框架选出与前端框架相对应的组件库，组件库所展示的组件为所选框架下所默认添加的组件库，组件库包括布局组件、基础组件和自定义组件；

[0123]第二识别单元7023:用于在预先设置的组件库中选出与待生成页面对应的业务需求匹配的组件。

[0124]具体地，生成模块703还包括编辑单元7031、第一更新单元7032和解析单元7033，其中：

[0125]编辑单元7031：用于将至少一个组件拖拽到预设的画布区进行编辑,并配置与组件相对应的属性,属性包括全局属性和单一组件属性；

[0126]第一更新单元7032：用于更新属性配置后的页面；

[0127]解析单元7033：用于将页面进行解析并生成使用页面。

[0128]需要说明的是，编辑单元7031还包括转换单元70311、排列单元70312、监听单元70313和第二更新单元70314，其中：

[0129]转换单元70311：用于通过页面生成器将拖拽到预设的画布区中的至少一个组件转换为可交互的UI组件；

[0130]排列单元70312：用于根据业务需求将UI组件进行排列组合，得到新的UI组件；

[0131]监听单元70313：用于监听新的UI组件在画布区内的移动信息，移动信息包括UI组件的位置信息和配置信息；

[0132]第二更新单元70314：用于更新画布区的实时数据。

[0133]具体地，解析单元7033还包括调用单元70331、第一生成单元70332、第二生成单元70333和输出单元70334，其中：

[0134]调用单元703...

Embodiment 3

[0144]相应于上面的方法实施例，本实施例中还提供了一种生成使用页面的设备，下文描述的一种生成使用页面的设备与上文描述的一种生成使用页面的方法可相互对应参照。

[0145]图3是根据示例性实施例示出的一种生成使用页面的设备800的框图。如图3所示，该生成使用页面的设备800可以包括：处理器801，存储器802。该生成使用页面的设备800还可以包括多媒体组件803，I / O接口804，以及通信组件805中的一者或多者。

[0146]其中，处理器801用于控制该生成使用页面的设备800的整体操作，以完成上述的生成使用页面的方法中的全部或部分步骤。存储器802用于存储各种类型的数据以支持在该生成使用页面的设备800的操作，这些数据例如可以包括用于在该生成使用页面的设备800上操作的任何应用程序或方法的指令，以及应用程序相关的数据，例如联系人数据、收发的消息、图片、音频、视频等等。该存储器802可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，例如静态随机存取存储器(Static Random Access Memory，简称SRAM)，电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory，简称EEPROM)，可擦除可编程只读存储器(Erasable Programmable Read-OnlyMemory，简称EPROM)，可编程只读存储器(Programmable Read-Only Memory，简称PROM)，只读存储器(Read-Only Memory，简称ROM)，磁存储器，快闪存储器，磁盘或光盘。多媒体组件803可以包括屏幕和音频组件。其中屏幕例如可以是触摸屏，音频组件用于输出和 / 或输入音频信号。例如，音频组件可以包括一个麦克风，麦克风用于接收外部音频信号。所接收的音频信号可以被进一步存储在存储器802或通过通信组件805发送。音频组件还包括至少一个扬声器，用于输出音频信号。I / O接口804为处理器801和其他接口模块之间提供接口，上述其他接口模块可以是键盘，鼠标，按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件805用于该生成使用页面的设备800与其他设备之间进行有线或无线通信。无线通信，例如Wi-Fi，蓝牙，近场通信(Near FieldCommunication，简...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

PUM

No PUM Login to view more

Abstract

The invention provides a method, a device and equipment for generating a use page and a readable storage medium, and relates to the technical field of Internet, the method comprises the following steps: receiving a page generation request, the page generation request comprising a business demand corresponding to a to-be-generated page; selecting a component corresponding to the business demand from a plurality of preset components according to the business demand corresponding to the to-be-generated page and the corresponding relationship between the business demand and the component; generating a use page according to the selected component; and according to the generated use page, storing the use page as a file for display. The method is completed in an instrumentalized and automatic mode, required pages and front-end codes can be configured in interactive modes such as dragging and clicking, the page codes which are added and supplemented in a user-defined mode and support switching of different mainstream U I component libraries are generated from rich component resources, and the generated page codes can also be directly used when supporting grammar switching of different front-end mainstream frameworks. And secondary development is completely supported.

Description

technical field [0001] The present invention relates to the field of Internet technologies, and in particular, to a method, apparatus, device and readable storage medium for generating a usage page. Background technique [0002] The visual generation page solution based on the native JavaScript language has fewer optional component resources, and the generated page syntax is native JavaScript syntax, which has fewer usage scenarios and is difficult to match the current technical framework of front-end development; the control-based dynamic page generation method obtains The page is a form page, which can only meet a small part of the front-end development field, and the generated page is in a specific data format, which requires a built-in parser to parse it to display the page, which is not conducive to secondary development and expansion. [0003] For the current front-end development field, a large part of the time and energy of front-end engineers in the development proc...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to view more

Application Information

Patent Timeline
no application Login to view more
Patent Type & Authority Applications(China)
IPC IPC(8): G06F8/38G06F8/34G06F3/0486
CPCG06F8/38G06F8/34G06F3/0486
Inventor 吴思远叶蕊
Owner CHINA CITIC BANK
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Try Eureka
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap