CN114756228A - Page processing method, apparatus, device and storage medium - Google Patents
Page processing method, apparatus, device and storage medium Download PDFInfo
- Publication number
- CN114756228A CN114756228A CN202110024018.5A CN202110024018A CN114756228A CN 114756228 A CN114756228 A CN 114756228A CN 202110024018 A CN202110024018 A CN 202110024018A CN 114756228 A CN114756228 A CN 114756228A
- Authority
- CN
- China
- Prior art keywords
- page
- html
- json data
- file server
- static 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.)
- Pending
Links
Images
Classifications
-
- 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
- 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
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/60—Software deployment
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本申请公开了一种页面处理方法、装置、设备及存储介质,该方法包括:接收页面内容信息;采用页面编辑器对所述页面内容信息进行处理,生成json数据;根据预设的页面构建规则,将所述json数据处理为HTML页面;将所述HTML页面部署至静态文件服务器。该方案无需大量开发人员对于每一个页面一一编写对应的代码,能够自动在获取json数据后,并根据预设的页面构建规则,快速处理生成HTML页面,并将该HTML页面部署至静态文件服务器上,以使得当静态文件服务器被访问时快速展示对应页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。
The present application discloses a page processing method, device, device and storage medium. The method includes: receiving page content information; using a page editor to process the page content information to generate json data; according to preset page construction rules , process the json data into an HTML page; deploy the HTML page to a static file server. This solution does not require a large number of developers to write corresponding codes for each page one by one, and can automatically process and generate HTML pages according to preset page construction rules after obtaining json data, and deploy the HTML pages to the static file server. In order to quickly display the corresponding page when the static file server is accessed, labor costs are reduced, the workload of developers and operation and maintenance personnel is greatly saved, and processing efficiency is improved.
Description
技术领域technical field
本发明一般涉及计算机网络技术领域,具体涉及一种页面处理方法、装置、设备及存储介质。The present invention generally relates to the technical field of computer networks, and specifically relates to a page processing method, apparatus, device and storage medium.
背景技术Background technique
随着移动互联网技术的不断发展,越来越多的企业需要依靠终端设备的各类应用程序进行企业、产品及服务的推广。在业务需求的不断变化和扩展的过程中,对网站内容中越来越多的页面进行维护和编辑显得尤为重要。With the continuous development of mobile Internet technology, more and more enterprises need to rely on various applications of terminal equipment to promote enterprises, products and services. In the process of constantly changing and expanding business needs, it is particularly important to maintain and edit more and more pages in the website content.
目前,相关技术在开发新的运营活动页面或者修改运营页面的文案时,往往需要大量前端开发人员执行操作和维护,且开发人员在修改运营页面的文案时需要与运营人员进行沟通,耗费了大量时间成本和人力成本,导致处理效率低。At present, related technologies often require a large number of front-end developers to perform operations and maintenance when developing new operation activity pages or modifying the copywriting of the operation page, and developers need to communicate with the operation personnel when modifying the copywriting of the operation page, which consumes a lot of money. Time cost and labor cost, resulting in low processing efficiency.
发明内容SUMMARY OF THE INVENTION
鉴于现有技术中的上述缺陷或不足,期望提供一种页面处理方法、装置、设备及存储介质,能够快速生成HTML页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。In view of the above-mentioned defects or deficiencies in the prior art, it is desirable to provide a page processing method, device, device and storage medium, which can quickly generate HTML pages, reduce labor costs, and greatly save the workload of developers and operation and maintenance personnel , thereby improving the processing efficiency.
第一方面,本发明提供了一种页面处理方法,该方法包括:In a first aspect, the present invention provides a page processing method, the method comprising:
接收页面内容信息;Receive page content information;
采用页面编辑器对所述页面内容信息进行处理,生成json数据;Use a page editor to process the page content information to generate json data;
根据预设的页面构建规则,将所述json数据处理为HTML页面;According to preset page construction rules, the json data is processed into an HTML page;
将所述HTML页面部署至静态文件服务器。The HTML page is deployed to a static file server.
在其中一个实施例中,采用页面编辑器对所述页面内容信息进行处理,生成json数据,包括:In one embodiment, a page editor is used to process the page content information to generate json data, including:
基于所述页面内容信息,采用页面编辑器确定至少一个页面元素和与每个所述页面元素对应的操作事件;Based on the page content information, using a page editor to determine at least one page element and an operation event corresponding to each of the page elements;
对于每个页面元素,从预设的脚本库中选择与所述操作事件对应的执行脚本;For each page element, select an execution script corresponding to the operation event from a preset script library;
将每个页面元素与对应的所述执行脚本进行绑定处理,得到json数据。Bind each page element with the corresponding execution script to obtain json data.
在其中一个实施例中,根据预设的页面构建规则,将所述json数据处理为HTML页面,包括:In one embodiment, according to preset page construction rules, the json data is processed into an HTML page, including:
基于获取的文件标识确定所述json数据;Determine the json data based on the obtained file identifier;
通过koa中间件将所述json数据发送至webpack工具;Send the json data to the webpack tool through the koa middleware;
通过所述webpack工具基于预设的页面构建规则,将所述json数据映射处理为文件对象模型DOM元素;Using the webpack tool based on preset page construction rules, the json data is mapped and processed into a file object model DOM element;
对所述DOM元素进行处理,生成HTML页面。The DOM element is processed to generate an HTML page.
在其中一个实施例中,将所述HTML页面部署至静态文件服务器,包括:In one embodiment, deploying the HTML page to a static file server includes:
查询所述静态文件服务器中是否存在与所述HTML页面对应的应用文件,得到查询结果;Query whether there is an application file corresponding to the HTML page in the static file server, and obtain a query result;
基于所述查询结果,确定所述HTML页面的部署类型;determining the deployment type of the HTML page based on the query result;
根据所述部署类型,将所述HTML页面部署至静态文件服务器。According to the deployment type, the HTML page is deployed to a static file server.
在其中一个实施例中,基于所述查询结果,确定所述HTML页面的部署类型,包括In one of the embodiments, determining the deployment type of the HTML page based on the query result, including
当所述查询结果表征所述静态文件服务器中存在与所述HTML页面对应的应用文件时,确定部署类型为覆盖类型;When the query result indicates that an application file corresponding to the HTML page exists in the static file server, determining that the deployment type is an overlay type;
当所述查询结果表征所述静态文件服务器中不存在与所述HTML页面对应的应用文件时,确定部署类型为新增类型。When the query result indicates that the application file corresponding to the HTML page does not exist in the static file server, it is determined that the deployment type is a newly added type.
在其中一个实施例中,当所述部署类型为覆盖类型时,根据所述部署类型,将所述HTML页面部署至静态文件服务器,包括:In one embodiment, when the deployment type is an overlay type, according to the deployment type, deploying the HTML page to a static file server includes:
获取与所述HTML页面对应的应用文件;Obtain an application file corresponding to the HTML page;
对所述应用文件进行修改处理为HTML静态文件;The application file is modified and processed into an HTML static file;
将所述HTML静态文件处理为所述HTML页面;processing the HTML static file into the HTML page;
将所述HTML页面部署至静态文件服务器。The HTML page is deployed to a static file server.
在其中一个实施例中,在将所述HTML页面部署至静态文件服务器之后,所述方法还包括:In one embodiment, after deploying the HTML page to the static file server, the method further includes:
接收所述静态文件服务器返回的页面地址;receiving the page address returned by the static file server;
当接收到对所述页面地址的访问请求指令时,展示所述HTML页面。The HTML page is displayed when an access request instruction to the page address is received.
第二方面,本申请实施例提供了页面处理装置,该装置包括:In a second aspect, an embodiment of the present application provides a page processing apparatus, and the apparatus includes:
接收模块,用于接收页面内容信息;A receiving module for receiving page content information;
第一处理模块,用于采用页面编辑器对所述页面内容信息进行处理,生成json数据;a first processing module, configured to use a page editor to process the page content information to generate json data;
第二处理模块,用于根据预设的页面构建规则,将所述json数据处理为HTML页面;The second processing module is used to process the json data into an HTML page according to a preset page construction rule;
部署模块,用于将所述HTML页面部署至静态文件服务器。The deployment module is used for deploying the HTML page to the static file server.
第三方面,本申请实施例提供一种设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行该程序时实现如上述第一方面的页面处理方法。In a third aspect, an embodiment of the present application provides a device including a memory, a processor, and a computer program stored in the memory and running on the processor, where the processor implements the page processing in the first aspect when the processor executes the program method.
第四方面,本申请实施例提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序用于实现如上第一方面的页面处理方法。In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium on which a computer program is stored, where the computer program is used to implement the page processing method of the first aspect above.
本申请实施例提供的页面处理方法、装置、设备及介质,通过页面编辑器接收页面内容信息,并对页面内容信息进行处理,生成json数据,然后根据预设的页面构建规则,将json数据处理为HTML页面,并将HTML页面部署至静态文件服务器中。该技术方案无需大量开发人员对于每一个页面一一编写对应的代码,能够自动在获取json数据后,并根据预设的页面构建规则,快速处理生成HTML页面,并将该HTML页面部署至静态文件服务器上,以使得当静态文件服务器被访问时快速展示对应页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。The page processing method, device, device, and medium provided by the embodiments of the present application receive page content information through a page editor, process the page content information, generate json data, and then process the json data according to preset page construction rules Create an HTML page and deploy the HTML page to a static file server. The technical solution does not require a large number of developers to write corresponding codes for each page one by one, and can automatically process and generate HTML pages according to preset page construction rules after acquiring json data, and deploy the HTML pages to static files. On the server, when the static file server is accessed, the corresponding page can be displayed quickly, which reduces labor costs, greatly saves the workload of developers and operation and maintenance personnel, and improves processing efficiency.
附图说明Description of drawings
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显:Other features, objects and advantages of the present application will become more apparent by reading the detailed description of non-limiting embodiments made with reference to the following drawings:
图1为本申请实施例提供的页面处理方法的实施环境的结构示意图;1 is a schematic structural diagram of an implementation environment of a page processing method provided by an embodiment of the present application;
图2为本申请实施例提供的页面处理方法的流程示意图;2 is a schematic flowchart of a page processing method provided by an embodiment of the present application;
图3为本申请实施例提供的页面处理方法的流程示意图;3 is a schematic flowchart of a page processing method provided by an embodiment of the present application;
图4为本申请实施例提供的页面处理方法的流程示意图;4 is a schematic flowchart of a page processing method provided by an embodiment of the present application;
图5为本申请实施例提供的页面处理方法的流程示意图;5 is a schematic flowchart of a page processing method provided by an embodiment of the present application;
图6为本申请实施例提供的页面处理装置的结构示意图;FIG. 6 is a schematic structural diagram of a page processing apparatus provided by an embodiment of the present application;
图7为本申请另一实施例提供的页面处理装置的结构示意图;7 is a schematic structural diagram of a page processing apparatus provided by another embodiment of the present application;
图8为本申请实施例提供的一种计算机设备的结构示意图。FIG. 8 is a schematic structural diagram of a computer device according to an embodiment of the present application.
具体实施方式Detailed ways
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与发明相关的部分。The present application will be further described in detail below with reference to the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the related invention, but not to limit the invention. In addition, it should be noted that, for the convenience of description, only the parts related to the invention are shown in the drawings.
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。It should be noted that the embodiments in the present application and the features of the embodiments may be combined with each other in the case of no conflict. The present application will be described in detail below with reference to the accompanying drawings and in conjunction with the embodiments.
可以理解,在移动互联网的日益兴起的过程中,越来越多的企业需要进行产品或服务的推广。为了更好地对用户进行活动页面推送,对推广页面的编辑和维护显得非常重要。It is understandable that in the process of the increasing rise of the mobile Internet, more and more enterprises need to promote products or services. In order to better push activity pages to users, it is very important to edit and maintain the promotion pages.
目前,相关技术中在新的运营活动页面或者修改运营页面的文案时,往往需要大量开发人员执行操作,且在修改运营页面的文案时需要与运营人员进行沟通,譬如仅仅只需要修改活动日期、活动规则或者某些图片等简单操作时,导致开发和部署占据了大量的时间,从而耗费了大量时间成本和人力成本,使得页面处理效率低,且随着用户量和运营业务场景的不断增大,需要管理的活动页面的任务越来越多,开发人员在修改页面内容时可能会出错,从而为运营服务增加了违规风险。At present, in related technologies, a large number of developers are often required to perform operations when creating a new operation activity page or modifying the copywriting of the operation page, and it is necessary to communicate with the operation personnel when modifying the copywriting of the operation page. For example, it is only necessary to modify the activity date, Simple operations such as activity rules or certain pictures cause development and deployment to take up a lot of time, thus consuming a lot of time and labor costs, making page processing inefficient, and with the continuous increase in the number of users and operating business scenarios , there are more and more tasks to manage active pages, and developers may make mistakes when modifying page content, thereby increasing the risk of violations for operating services.
基于上述缺陷,本申请提供了一种页面处理方法,与现有技术相比,该技术方案无需大量开发人员对于每一个页面一一编写对应的代码,能够自动在获取json数据后,并根据预设的页面构建规则,快速处理生成HTML页面,并将该HTML页面部署至静态文件服务器上,以使得当静态文件服务器被访问时快速展示对应页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。Based on the above-mentioned defects, the present application provides a page processing method. Compared with the prior art, the technical solution does not require a large number of developers to write corresponding codes for each page one by one, and can automatically obtain json data after obtaining json data. It can quickly process and generate HTML pages, and deploy the HTML pages to the static file server, so that the corresponding pages can be displayed quickly when the static file server is accessed, which reduces labor costs and greatly saves developers and developers. The workload of the operation and maintenance personnel, thereby improving the processing efficiency.
图1是本申请实施例提供的一种页面处理方法的实施环境架构图。如图1所示,该实施环境架构包括:终端10、后台服务器20、静态文件服务器30和koa服务器40。FIG. 1 is an implementation environment architecture diagram of a page processing method provided by an embodiment of the present application. As shown in FIG. 1 , the implementation environment architecture includes: a terminal 10 , a
终端10与后台服务器20通过有线或无线网络建立通信连接,koa服务器40分别与后台服务器20、静态文件服务器30建立通信连接。The terminal 10 establishes a communication connection with the
其中,终端10上可以部署有页面编辑器,用于接收页面内容信息,并采用页面编辑器对页面内容信息进行处理,生成json数据并发送至后台服务器20。Wherein, a page editor may be deployed on the terminal 10 to receive page content information, and use the page editor to process the page content information, generate json data, and send it to the
后台服务器20用于对json数据进行管理,将该json数据存储至数据库中,并返回对应的文件标识。The
静态文件服务器30用于在koa服务器将HTML页面部署之后,接收任一客户端发送的页面访问请求,推送对应的HTML页面。The
koa服务器40用于从后台服务器获取json数据,并将json数据发送至webpack,以使得webpack根据预设的页面构建规则,将json数据处理为HTML页面,并将该HTML页面部署至静态文件服务器上。The
可选的,上述终端100的类型可以包括但不限于智能手机、平板电脑、笔记本电脑、台式电脑等,本申请实施例对此不进行具体限定。Optionally, the type of the above-mentioned terminal 100 may include, but is not limited to, a smart phone, a tablet computer, a notebook computer, a desktop computer, and the like, which are not specifically limited in this embodiment of the present application.
后台服务器20、静态文件服务器30和koa服务器40可以被配置在独立的物理服务器上,也可以是多个物理服务器组成的服务器集群或者分布式系统,还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、CDN、以及大数据和人工智能平台等基础云计算服务的云服务器。The
为了便于理解和说明,下面通过图2至图8详细阐述本申请实施例提供的页面处理方法、装置、设备及介质。For ease of understanding and description, the following describes in detail the page processing method, apparatus, device, and medium provided by the embodiments of the present application with reference to FIG. 2 to FIG. 8 .
图2所示为本申请实施例的页面处理方法的流程示意图,该方法可以由页面处理装置执行。如图2所示,该方法包括:FIG. 2 is a schematic flowchart of a page processing method according to an embodiment of the present application, and the method may be executed by a page processing apparatus. As shown in Figure 2, the method includes:
S101、接收页面内容信息。S101. Receive page content information.
具体的,当需要对页面内容进行运营处理时,运营人员可以在终端设备上打开并运行页面编辑器,并在页面编辑器上输入对应的内容信息,使得设备接收到页面内容信息。可选的,该页面内容信息可以包括文本、图片、视频或语音等内容。其中,页面编辑器用于提供web应用的页面的可视化界面。该页面编辑器可以是H5在线编辑器。Specifically, when the page content needs to be operated and processed, the operator can open and run the page editor on the terminal device, and input the corresponding content information on the page editor, so that the device receives the page content information. Optionally, the page content information may include content such as text, pictures, videos, or voices. Among them, the page editor is used to provide a visual interface of the page of the web application. The page editor may be an H5 online editor.
例如H5在线编辑器提供了丰富的页面组件和可视化组件,包括基础组件、媒体组件、可视化组件和商品组件。其中,基础组件包括文本、长文本、富文本、图片、轮播图、按钮、空白占位、头部/页脚组件、图标组件、卡片组件、二维码组件、消息通知组件等;媒体组件包括音频组件、视频组件、并支持嵌入第三方脚本,可以把例如B站、优酷、爱奇艺视频嵌入到H5中;可视化组件包括折线图、柱状图、面积图、漏斗模型、饼图、雷达图等;商品组件包括商品列表、Tab切换组件、专栏组件等。For example, H5 online editor provides rich page components and visual components, including basic components, media components, visual components and commodity components. Among them, basic components include text, long text, rich text, pictures, carousel, buttons, blank placeholders, header/footer components, icon components, card components, QR code components, message notification components, etc.; media components Including audio components, video components, and support for embedding third-party scripts, such as Bilibili, Youku, and iQiyi videos can be embedded into H5; visualization components include line charts, bar charts, area charts, funnel models, pie charts, radar Diagrams, etc.; commodity components include commodity lists, Tab switching components, column components, etc.
页面编辑器中可以包括控件库,该控件库中可以包括多个控件,该控件用于在页面编辑器的可视化界面被执行拖拽操作,可以根据运营的页面需求在web端的页面编辑器的操作界面上执行操作,例如先从编辑的页面内容信息中获取页面基础参数,按照页面基础参数对页面进行调整和设置,该页面基础参数可以包括:显示页面的高度、宽度、颜色、背景图案等对整个页面的设置参数。The page editor may include a control library, and the control library may include multiple controls, which are used to perform drag-and-drop operations on the visual interface of the page editor, and can be operated on the page editor on the web side according to the operational page requirements Perform operations on the interface, for example, first obtain the basic parameters of the page from the edited page content information, and adjust and set the page according to the basic parameters of the page. The basic parameters of the page can include: the height, width, color, background pattern, etc. Setting parameters for the entire page.
在基于页面基础参数调整好整个页面后,然后按照运营的页面需求输入页面内容信息,并将页面内容信息拖拽至对应的位置,例如可以通过操作页面编辑器中的控件将图片、文本、视频、语音等拖拽至页面中对应的位置。After adjusting the entire page based on the basic parameters of the page, enter the page content information according to the operating page requirements, and drag and drop the page content information to the corresponding position. , voice, etc., and drag to the corresponding position on the page.
S102、采用页面编辑器对页面内容信息进行处理,生成json数据。S102, using a page editor to process the page content information to generate json data.
具体的,开发人员可以预先根据运营的页面的业务设计和需求,开发并完成编写操作事件对应的执行脚本,并保存至脚本库中。Specifically, the developer can develop and complete the execution script corresponding to the operation event according to the business design and requirements of the operating page in advance, and save it in the script library.
请参见图3所示,在接收到页面内容信息后,可以采用页面编辑器对页面内容信息进行处理,基于页面内容信息确定页面基础参数,并按照页面基础参数对页面进行调整和设置,然后基于页面内容信息,确定至少一个页面元素和与每个页面元素对应的操作事件。其中,上述页面元素例如可以包括文字、图片、音频、动画、视频等。页面中的每个元素均可以被触发操作,页面元素对应的操作事件是指页面元素被触发时执行的操作,例如点击操作、双击操作、滑动操作或拖拽操作等。Referring to Figure 3, after receiving the page content information, the page editor can be used to process the page content information, determine the page basic parameters based on the page content information, adjust and set the page according to the page basic parameters, and then based on the page content information Page content information, determining at least one page element and an operation event corresponding to each page element. The above page elements may include, for example, text, pictures, audio, animation, video, and the like. Each element in the page can be triggered to operate, and the operation event corresponding to the page element refers to the operation performed when the page element is triggered, such as a click operation, a double-click operation, a sliding operation, or a dragging operation.
对于每个页面元素,可以从预设的脚本库中选择与操作事件对应的执行脚本,然后将每个页面元素与对应的执行脚本进行绑定处理,得到json数据。在生成json数据后,将该json数据发送至后台服务器,后台服务器可以将json数据保存至数据库中。For each page element, you can select the execution script corresponding to the operation event from the preset script library, and then bind each page element with the corresponding execution script to obtain json data. After the json data is generated, the json data is sent to the backend server, and the backend server can save the json data to the database.
可选的,上述后台服务器的数据库中可以保存每个json数据对应的文件标识,通过该文件标识管理每个json数据。需要说明的是,后台服务器可以通过文件标识重复访问并修改对应的json数据。Optionally, a file identifier corresponding to each json data may be stored in the database of the above-mentioned background server, and each json data is managed through the file identifier. It should be noted that the background server can repeatedly access and modify the corresponding json data through the file identifier.
本实施例中用户可以仅通过鼠标和键盘的操作,完成页面元素的位置的调整,通过修改页面元素的颜色、大小和字体等样式,使得最后生成的页面与预览的效果一致。同时,执行脚本会以目录的形式提供给用户,使得用户可以直观且便捷地将执行脚本绑定至对应的页面元素,从而极大地节省了页面设计到开发再到运营的沟通成本。In this embodiment, the user can adjust the position of page elements only through the operation of the mouse and the keyboard, and by modifying the color, size, font and other styles of the page elements, the final generated page is consistent with the preview effect. At the same time, the execution script will be provided to the user in the form of a directory, so that the user can intuitively and conveniently bind the execution script to the corresponding page element, thus greatly saving the communication cost from page design to development to operation.
S103、根据预设的页面构建规则,将json数据处理为HTML页面。S103. Process the json data into an HTML page according to a preset page construction rule.
本步骤中,可以通过koa框架和webpack动态打包对json数据进行处理得到HTML页面。In this step, the json data can be processed dynamically through the koa framework and webpack to obtain an HTML page.
需要说明的是,Koa是web框架,依赖node或ES及更高版本和async方法支持。Koa应用程序是一个包含一组中间件函数的对象,它是按照类似堆栈的方式组织和执行的。Webpack工具是现代Javascript应用程序的静态模块打包器,为一种前端构建的打包工具。To be clear, Koa is a web framework that relies on node or ES and above and async method support. A Koa application is an object containing a set of middleware functions, organized and executed in a stack-like fashion. Webpack tool is a static module bundler for modern Javascript applications, a packaging tool for front-end builds.
可选的,作为一种可实现方式,在上述实施例的基础上,如图4所示,该方法包括:Optionally, as an achievable manner, on the basis of the foregoing embodiment, as shown in FIG. 4 , the method includes:
S201、基于获取的文件标识确定json数据。S201. Determine json data based on the acquired file identifier.
S202、通过koa中间件将json数据发送至webpack工具。S202. Send the json data to the webpack tool through the koa middleware.
S203、通过webpack工具基于预设的页面构建规则,将json数据映射处理为文件对象模型DOM元素。S203, using the webpack tool to map and process the json data into a file object model DOM element based on a preset page construction rule.
S204、对DOM元素进行处理,生成HTML页面。S204. Process the DOM element to generate an HTML page.
具体的,koa服务器可以先获取文件标识,并基于获取的文件标识从后台服务器的数据库中确定json数据,然后通过koa中间件将json数据发送至webpack工具,并通过webpack工具基于预设的页面构建规则,将json数据映射处理为文件对象模型DOM元素,并对DOM元素进行处理,生成HTML页面。Specifically, the koa server can first obtain the file ID, and determine the json data from the database of the background server based on the obtained file ID, and then send the json data to the webpack tool through the koa middleware, and build the page based on the preset page through the webpack tool Rules, map json data into file object model DOM elements, and process DOM elements to generate HTML pages.
在通过webpack工具基于预设的页面构建规则,将json数据映射处理为DOM元素时,可以通过api提供的动态数据来执行构建任务,无需开发人员或者运营人员的介入,极大地节省了开发人员和运营人员的工作量,也方便了运营人员对页面活动内容的频繁调整。When the webpack tool is used to map json data into DOM elements based on the preset page construction rules, the dynamic data provided by the api can be used to perform construction tasks without the intervention of developers or operators, which greatly saves developers and operators. The workload of the operator also facilitates the operator to frequently adjust the content of the page activities.
S104、将HTML页面部署至静态文件服务器。S104, deploying the HTML page to the static file server.
本步骤中,如图5所示,在koa2服务器将json数据发送至webpack工具,从而通过webpack构建服务,基于预设的页面构建规则,将json数据进行处理为HTML页面时,然后将该HTML页面部署至静态文件服务器。In this step, as shown in Figure 5, the koa2 server sends the json data to the webpack tool, so as to build the service through webpack, and based on the preset page construction rules, when the json data is processed into an HTML page, then the HTML page is processed. Deploy to a static file server.
其中,在将HTML页面部署至静态文件服务器的过程中,可以先查询静态文件服务器中是否存在HTML页面对应的应用文件,从而得到查询结果,然后基于查询结果确定HTML页面的部署类型,并根据部署类型,将HTML页面部署至静态文件服务器中。Among them, in the process of deploying the HTML page to the static file server, it is possible to first query whether there is an application file corresponding to the HTML page in the static file server, so as to obtain the query result, and then determine the deployment type of the HTML page based on the query result. Type to deploy HTML pages to a static file server.
需要说明的是,当查询结果表征静态文件服务器中存在与HTML页面对应的应用文件时,确定部署类型为覆盖类型;当查询结果表征静态文件服务器中不存在与HTML页面对应的应用文件时,确定部署类型为新增类型。It should be noted that, when the query result indicates that there is an application file corresponding to the HTML page in the static file server, the deployment type is determined to be the coverage type; when the query result indicates that the application file corresponding to the HTML page does not exist in the static file server, determine The deployment type is newly added.
当确定出的部署类型为新增类型时,将HTML页面直接部署至静态文件服务器中;当确定出的部署类型为覆盖类型时,可以获取与HTML页面对应的应用文件,并对应用文件进行修改处理得到HTML静态文件,然后将HTML静态文件处理为HTML页面,并将该HTML页面部署至静态文件服务器。When the determined deployment type is a new type, the HTML page is directly deployed to the static file server; when the determined deployment type is an overlay type, the application file corresponding to the HTML page can be obtained and the application file can be modified The HTML static file is obtained by processing, and then the HTML static file is processed into an HTML page, and the HTML page is deployed to the static file server.
进一步地,当将HTML页面部署至静态文件服务器之后,还可以接收到静态文件服务器返回的页面地址,然后当接收到对该页面地址的访问请求指令时,展示HTML页面。Further, after the HTML page is deployed to the static file server, the page address returned by the static file server can also be received, and then the HTML page is displayed when an access request instruction to the page address is received.
例如,当用户在浏览器中输入页面地址时,即静态文件服务器发送页面获取请求,该页面获取请求中包括页面地址,然后静态文件服务器根据该页面地址,查询得到对应的HTML页面并发送至终端,使得在终端上展示该HTML页面。For example, when a user enters a page address in the browser, the static file server sends a page acquisition request, and the page acquisition request includes the page address, and then the static file server queries and obtains the corresponding HTML page according to the page address and sends it to the terminal , so that the HTML page is displayed on the terminal.
需要说明的是,上述HTML页面可以是H5页面,其中,HTML5是第五代超文本标记语言/标准,基于此标准形成的页面也称为H5页面,其优势是开发速度快,具有跨平台的优势,例如依次性开发就能同时使用于安卓和苹果ios双系统。It should be noted that the above HTML page can be an H5 page, wherein, HTML5 is the fifth-generation hypertext markup language/standard, and pages formed based on this standard are also called H5 pages, which have the advantages of fast development speed and cross-platform Advantages, such as sequential development can be used in both Android and Apple ios dual systems.
该步骤中运营人员能够根据运营活动推广页面自动编辑页面内容,并为页面元素绑定执行脚本,从而实现了由运营人员快速部署web端活动页面的内容,并灵活修改web活动页面以部署至静态文件服务器。并且能够通过基于koa框架和webpack动态构建方法将json数据自动处理为HTML页面,并且对于有相似规则的活动推广页面,仅需要运营人员在页面编辑器执行对应操作,并自动生成网页,无需开发人员对于每个页面重新编写对应代码,从而减少了运营人员的沟通成本和开发人员的工作量,进一步提升了运营和开发的效率。In this step, the operator can automatically edit the page content according to the promotion page of the operation activity, and bind and execute the script for the page element, so that the operator can quickly deploy the content of the web-side activity page, and flexibly modify the web activity page to deploy to static file server. And can automatically process json data into HTML pages through the dynamic construction method based on koa framework and webpack, and for activity promotion pages with similar rules, only operators need to perform corresponding operations in the page editor, and automatically generate web pages, without the need for developers Rewrite the corresponding code for each page, thereby reducing the communication cost of operators and the workload of developers, and further improving the efficiency of operations and development.
本申请实施例提供的页面处理方法,通过页面编辑器接收页面内容信息,并对页面内容信息进行处理,生成json数据,然后根据预设的页面构建规则,将json数据处理为HTML页面,并将HTML页面部署至静态文件服务器中。该技术方案无需大量开发人员对于每一个页面一一编写对应的代码,能够自动在获取json数据后,并根据预设的页面构建规则,快速处理生成HTML页面,并将该HTML页面部署至静态文件服务器上,以使得当静态文件服务器被访问时快速展示对应页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。The page processing method provided by the embodiment of the present application receives page content information through a page editor, processes the page content information, generates json data, and then processes the json data into HTML pages according to preset page construction rules, and converts the json data into HTML pages. HTML pages are deployed to a static file server. The technical solution does not require a large number of developers to write corresponding codes for each page one by one, and can automatically process and generate HTML pages according to preset page construction rules after acquiring json data, and deploy the HTML pages to static files. On the server, when the static file server is accessed, the corresponding page can be displayed quickly, which reduces labor costs, greatly saves the workload of developers and operation and maintenance personnel, and improves processing efficiency.
应当注意,尽管在附图中以特定顺序描述了本发明方法的操作,但是,这并非要求或者暗示必须按照该特定顺序来执行这些操作,或是必须执行全部所示的操作才能实现期望的结果。相反,流程图中描绘的步骤可以改变执行顺序。附加地或备选地,可以省略某些步骤,将多个步骤合并为一个步骤执行,和/或将一个步骤分解为多个步骤执行。It should be noted that although the operations of the methods of the present invention are depicted in the figures in a particular order, this does not require or imply that the operations must be performed in that particular order, or that all illustrated operations must be performed to achieve desirable results . Rather, the steps depicted in the flowcharts may change the order of execution. Additionally or alternatively, certain steps may be omitted, multiple steps may be combined to be performed as one step, and/or one step may be decomposed into multiple steps to be performed.
另一方面,图6为本申请实施例提供的一种页面处理装置的结构示意图。该装置可以为终端设备内的装置,如图6所示,该装置400包括:On the other hand, FIG. 6 is a schematic structural diagram of a page processing apparatus provided by an embodiment of the present application. The apparatus may be an apparatus in a terminal device. As shown in FIG. 6 , the apparatus 400 includes:
接收模块410,用于接收页面内容信息;a
第一处理模块420,用于采用页面编辑器对页面内容信息进行处理,生成json数据;The
第二处理模块430,用于根据预设的页面构建规则,将json数据处理为HTML页面;The
部署模块440,用于将HTML页面部署至静态文件服务器。The
可选的,如图7所示,上述第一处理模块420,包括:Optionally, as shown in FIG. 7 , the above-mentioned
第一确定单元421,用于基于页面内容信息,采用页面编辑器确定至少一个页面元素和与每个页面元素对应的操作事件;a first determining
选择单元422,用于对于每个页面元素,从预设的脚本库中选择与操作事件对应的执行脚本;a
绑定单元423,用于将每个页面元素与对应的执行脚本进行绑定处理,得到json数据。The
可选的,上述第二处理模块430,包括:Optionally, the above-mentioned
第二确定单元431,用于基于获取的文件标识确定json数据;The second determining
发送单元432,用于通过koa中间件将json数据发送至webpack工具;The sending
映射处理单元433,用于通过webpack工具基于预设的页面构建规则,将json数据映射处理为文件对象模型DOM元素;The
生成单元434,用于对DOM元素进行处理,生成HTML页面。The generating
可选的,上述部署模块440,包括:Optionally, the above-mentioned
查询单元441,用于查询静态文件服务器中是否存在与HTML页面对应的应用文件,得到查询结果;The
第三确定单元442,用于基于查询结果,确定HTML页面的部署类型;a third determining
部署单元443,用于根据部署类型,将HTML页面部署至静态文件服务器。The
可选的,上述第三确定单元442,具体用于:Optionally, the above-mentioned third determining
当查询结果表征静态文件服务器中存在与HTML页面对应的应用文件时,确定部署类型为覆盖类型;When the query result indicates that an application file corresponding to the HTML page exists in the static file server, the deployment type is determined to be an overlay type;
当查询结果表征静态文件服务器中不存在与HTML页面对应的应用文件时,确定部署类型为新增类型。When the query result indicates that the application file corresponding to the HTML page does not exist in the static file server, it is determined that the deployment type is a newly added type.
可选的,上述部署模块440,还用于:Optionally, the above-mentioned
获取与HTML页面对应的应用文件;Get the application file corresponding to the HTML page;
对应用文件进行修改处理为HTML静态文件;Modify application files and process them into HTML static files;
将HTML静态文件处理为HTML页面;Process HTML static files into HTML pages;
将HTML页面部署至静态文件服务器。Deploy HTML pages to static file servers.
本申请实施例提供的页面处理装置,通过接收模块接收页面内容信息,并通过第一处理模块采用页面编辑器对所述页面内容信息进行处理,生成json数据,然后通过第二处理模块根据预设的页面构建规则,将所述json数据处理为HTML页面,并通过部署模块将HTML页面部署至静态文件服务器。该装置无需大量开发人员对于每一个页面一一编写对应的代码,能够自动在获取json数据后,并根据预设的页面构建规则,快速处理生成HTML页面,并将该HTML页面部署至静态文件服务器上,以使得当静态文件服务器被访问时快速展示对应页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。The page processing apparatus provided by the embodiment of the present application receives page content information through a receiving module, and uses a page editor to process the page content information through a first processing module to generate json data, and then through a second processing module according to a preset The json data is processed into an HTML page, and the HTML page is deployed to the static file server through the deployment module. The device does not require a large number of developers to write corresponding codes for each page one by one, and can automatically process and generate HTML pages according to preset page construction rules after acquiring json data, and deploy the HTML pages to the static file server. In order to quickly display the corresponding page when the static file server is accessed, labor costs are reduced, the workload of developers and operation and maintenance personnel is greatly saved, and processing efficiency is improved.
另一方面,本申请实施例提供的终端设备,包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行该程序时实现如上述的页面处理方法。On the other hand, the terminal device provided by the embodiment of the present application includes a memory, a processor, and a computer program stored in the memory and running on the processor, and the processor implements the above-mentioned page processing method when executing the program.
下面参考图8,图8为本申请实施例的终端设备的计算机系统的结构示意图。Referring to FIG. 8 below, FIG. 8 is a schematic structural diagram of a computer system of a terminal device according to an embodiment of the present application.
如图8所示,计算机系统600包括中央处理单元(CPU)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分603加载到随机访问存储器(RAM)603中的程序而执行各种适当的动作和处理。在RAM603中,还存储有系统600操作所需的各种程序和数据。CPU 601、ROM 602以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。As shown in FIG. 8, a
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装入存储部分608。The following components are connected to the I/O interface 605: an
特别地,根据本申请的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本申请的实施例包括一种计算机程序产品,其包括承载在机器可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中,该计算机程序可以通过通信部分603从网络上被下载和安装,和/或从可拆卸介质611被安装。在该计算机程序被中央处理单元(CPU)601执行时,执行本申请的系统中限定的上述功能。In particular, according to embodiments of the present application, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present application include a computer program product comprising a computer program carried on a machine-readable medium, the computer program containing program code for performing the method illustrated in the flowchart. In such an embodiment, the computer program may be downloaded and installed from the network through the
需要说明的是,本申请所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本申请中,计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:无线、电线、光缆、RF等等,或者上述的任意合适的组合。It should be noted that the computer-readable medium shown in this application may be a computer-readable signal medium or a computer-readable storage medium, or any combination of the above two. The computer readable storage medium can be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus or device, or a combination of any of the above. More specific examples of computer readable storage media may include, but are not limited to, electrical connections having one or more wires, portable computer disks, hard disks, random access memory (RAM), read only memory (ROM), erasable Programmable read only memory (EPROM or flash memory), optical fiber, portable compact disk read only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the above. In this application, a computer-readable storage medium can be any tangible medium that contains or stores a program that can be used by or in conjunction with an instruction execution system, apparatus, or device. In this application, however, a computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code therein. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the foregoing. A computer-readable signal medium can also be any computer-readable medium other than a computer-readable storage medium that can transmit, propagate, or transport the program for use by or in connection with the instruction execution system, apparatus, or device . Program code embodied on a computer readable medium may be transmitted using any suitable medium including, but not limited to, wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
附图中的流程图和框图,图示了按照本申请各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,前述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code that contains one or more functions for implementing the specified logical function(s) executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowchart illustrations, and combinations of blocks in the block diagrams and/or flowchart illustrations, can be implemented in dedicated hardware-based systems that perform the specified functions or operations , or can be implemented in a combination of dedicated hardware and computer instructions.
描述于本申请实施例中所涉及到的单元或模块可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元或模块也可以设置在处理器中,例如,可以描述为:一种处理器,包括:接收模块、第一处理模块、第二处理模块及部署模块。其中,这些单元或模块的名称在某种情况下并不构成对该单元或模块本身的限定,例如,第一接收模块还可以被描述为“用于接收页面内容信息”。The units or modules involved in the embodiments of the present application may be implemented in a software manner, and may also be implemented in a hardware manner. The described unit or module can also be provided in the processor, for example, it can be described as: a processor including: a receiving module, a first processing module, a second processing module and a deployment module. The names of these units or modules do not constitute a limitation on the units or modules themselves, for example, the first receiving module may also be described as "used to receive page content information".
作为另一方面,本申请还提供了一种计算机可读存储介质,该计算机可读存储介质可以是上述实施例中描述的电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中的。上述计算机可读存储介质存储有一个或者多个程序,当上述前述程序被一个或者一个以上的处理器用来执行描述于本申请的页面处理方法:As another aspect, the present application also provides a computer-readable storage medium. The computer-readable storage medium may be included in the electronic device described in the above-mentioned embodiments; in electronic equipment. The above-mentioned computer-readable storage medium stores one or more programs, and when the above-mentioned programs are used by one or more processors to execute the page processing method described in this application:
接收页面内容信息;Receive page content information;
采用页面编辑器对所述页面内容信息进行处理,生成json数据;Use a page editor to process the page content information to generate json data;
根据预设的页面构建规则,将所述json数据处理为HTML页面;According to preset page construction rules, the json data is processed into an HTML page;
将所述HTML页面部署至静态文件服务器。The HTML page is deployed to a static file server.
综上所述,本申请实施例提供的页面处理方法、装置、设备及介质,通过页面编辑器接收页面内容信息,并对页面内容信息进行处理,生成json数据,然后根据预设的页面构建规则,将json数据处理为HTML页面,并将HTML页面部署至静态文件服务器中。该技术方案无需大量开发人员对于每一个页面一一编写对应的代码,能够自动在获取json数据后,并根据预设的页面构建规则,快速处理生成HTML页面,并将该HTML页面部署至静态文件服务器上,以使得当静态文件服务器被访问时快速展示对应页面,减少了人工成本,极大地节省了开发人员和运维人员的工作量,进而提高了处理效率。To sum up, the page processing method, device, device, and medium provided by the embodiments of the present application receive page content information through a page editor, process the page content information, generate json data, and then construct pages according to preset rules. , process the json data into HTML pages, and deploy the HTML pages to the static file server. The technical solution does not require a large number of developers to write corresponding codes for each page one by one, and can automatically process and generate HTML pages according to preset page construction rules after acquiring json data, and deploy the HTML pages to static files. On the server, when the static file server is accessed, the corresponding page can be displayed quickly, which reduces labor costs, greatly saves the workload of developers and operation and maintenance personnel, and improves processing efficiency.
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离所述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。The above description is only a preferred embodiment of the present application and an illustration of the applied technical principles. Those skilled in the art should understand that the scope of the invention involved in this application is not limited to the technical solution formed by the specific combination of the above technical features, and should also cover the above technical features without departing from the inventive concept. Other technical solutions formed by any combination of its equivalent features. For example, a technical solution is formed by replacing the above-mentioned features with the technical features disclosed in this application (but not limited to) with similar functions.
Claims (10)
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110024018.5A CN114756228A (en) | 2021-01-08 | 2021-01-08 | Page processing method, apparatus, device and storage medium |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110024018.5A CN114756228A (en) | 2021-01-08 | 2021-01-08 | Page processing method, apparatus, device and storage medium |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114756228A true CN114756228A (en) | 2022-07-15 |
Family
ID=82324949
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110024018.5A Pending CN114756228A (en) | 2021-01-08 | 2021-01-08 | Page processing method, apparatus, device and storage medium |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114756228A (en) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115859919A (en) * | 2023-03-02 | 2023-03-28 | 北京智启蓝墨信息技术有限公司 | Method and system for storing structured rich-format text |
CN115994523A (en) * | 2023-03-23 | 2023-04-21 | 北京智启蓝墨信息技术有限公司 | Rich-format digital teaching material content numbering method and system |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110083790A (en) * | 2019-04-30 | 2019-08-02 | 珠海随变科技有限公司 | Page editing method, page output method, device, computer equipment and medium |
WO2020013724A1 (en) * | 2018-07-11 | 2020-01-16 | Михаил Сергеевич ГЕРМАН | Method of managing website data |
CN111966336A (en) * | 2020-07-24 | 2020-11-20 | 苏州浪潮智能科技有限公司 | Page generation method and device based on VUE and visual graphic operation |
-
2021
- 2021-01-08 CN CN202110024018.5A patent/CN114756228A/en active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020013724A1 (en) * | 2018-07-11 | 2020-01-16 | Михаил Сергеевич ГЕРМАН | Method of managing website data |
CN110083790A (en) * | 2019-04-30 | 2019-08-02 | 珠海随变科技有限公司 | Page editing method, page output method, device, computer equipment and medium |
CN111966336A (en) * | 2020-07-24 | 2020-11-20 | 苏州浪潮智能科技有限公司 | Page generation method and device based on VUE and visual graphic operation |
Non-Patent Citations (1)
Title |
---|
围的围: "Vue + Koa从零打造一个H5页面可视化编辑器——Quark-h5", pages 1 - 26, Retrieved from the Internet <URL:https://juejin.cn/post/6844903992426758152> * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN115859919A (en) * | 2023-03-02 | 2023-03-28 | 北京智启蓝墨信息技术有限公司 | Method and system for storing structured rich-format text |
CN115994523A (en) * | 2023-03-23 | 2023-04-21 | 北京智启蓝墨信息技术有限公司 | Rich-format digital teaching material content numbering method and system |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109683998B (en) | Internationalization realization method, device and system | |
US20190251143A1 (en) | Web page rendering method and related device | |
US7870482B2 (en) | Web browser extension for simplified utilization of web services | |
CN112100550A (en) | Page construction method and device | |
CN113010827B (en) | Page rendering method and device, electronic equipment and storage medium | |
JP2019530921A (en) | Method and system for server-side rendering of native content for presentation | |
CN110020329B (en) | Method, device and system for generating webpage | |
CN109582317B (en) | Method and apparatus for debugging hosted applications | |
WO2023040443A1 (en) | Method and device for drawing canvas | |
CN110795649A (en) | Target page display method, device and system and electronic equipment | |
CN113076294B (en) | Information sharing method and device | |
CN112882703B (en) | Online design method and device for user-defined chart plug-in | |
CN115309470B (en) | Method, device, equipment and storage medium for loading widget | |
CN111294395A (en) | Terminal page transmission method, device, medium and electronic equipment | |
CN112817562B (en) | Service processing method and device | |
CN114168853A (en) | A data visualization display method, device, medium and electronic device | |
US9781065B2 (en) | Lightweight application integration for mobile cloud computing | |
CN112084446A (en) | Webpage editing method, editor, electronic equipment and readable storage medium | |
CN114756228A (en) | Page processing method, apparatus, device and storage medium | |
CN113656041A (en) | Data processing method, device, equipment and storage medium | |
CN113342450A (en) | Page processing method and device, electronic equipment and computer readable medium | |
CN110647327B (en) | Method and device for dynamic control of user interface based on card | |
AU2016101498B4 (en) | Data Interchange System | |
CN113656005B (en) | Application component library construction method, application component configuration method and related devices | |
CN116700704A (en) | Image processing method, device, storage medium and electronic equipment |
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 |