WO2024066825A1 - Procédé de développement de projet de page, appareil, dispositif, support et produit - Google Patents

Procédé de développement de projet de page, appareil, dispositif, support et produit Download PDF

Info

Publication number
WO2024066825A1
WO2024066825A1 PCT/CN2023/114621 CN2023114621W WO2024066825A1 WO 2024066825 A1 WO2024066825 A1 WO 2024066825A1 CN 2023114621 W CN2023114621 W CN 2023114621W WO 2024066825 A1 WO2024066825 A1 WO 2024066825A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
template
project
page project
web
Prior art date
Application number
PCT/CN2023/114621
Other languages
English (en)
Chinese (zh)
Inventor
罗静
敦建征
张培
曹西达
Original Assignee
通号智慧城市研究设计院有限公司
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 通号智慧城市研究设计院有限公司 filed Critical 通号智慧城市研究设计院有限公司
Publication of WO2024066825A1 publication Critical patent/WO2024066825A1/fr

Links

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

Definitions

  • the embodiments of the present disclosure relate to the field of software development technology, and in particular, to a page project development method, device, electronic device, storage medium, and computer program product.
  • CMS Content Management System
  • the embodiments of the present disclosure provide a page project development method, device, electronic device, storage medium, and computer program product, which can modularly develop the system, reduce code coupling, improve reusability, maintain a unified system page style, and thus improve the user interaction experience.
  • the present disclosure provides a page project development method, the method comprising: importing a page project into a template engine, wherein the template engine is integrated with a web framework, and the template engine is used to perform basic resource configuration and configuration of extended attribute global variables; configuring a view parser of the template engine in the web framework, and loading a template; configuring a group template, wherein the group template includes a custom formatting function, a tag class, and a tool method class; defining a basic template for the page project, configuring and referencing basic resources and paths related to the page project, and defining a system style for the page project; jumping to render pages of different templates according to different requests sent by a foreground page, introducing a root template to synchronize the basic resource path, and passing in relevant dynamic parameter configurations of the current page project, wherein the root template is the bottom-level basic template; customizing front-end Web interface components according to different business requirements of the page project; uniformly initializing the page through the configured dynamic parameters as the function entry, and
  • the template application method is nested, and the root template is used for the main basic layout control, defining the system style and ensuring the consistency of the overall style of the project.
  • the method further includes: using the template engine to perform basic resource configuration.
  • a view resolver of a template engine is configured in a web framework, after the template is loaded and before the group template is configured, the method further comprises: configuring an extended attribute global variable using the template engine.
  • the base resource includes a root path represented by a class path, and a tag root path.
  • loading a template includes: loading the template through a template loader, wherein the template Loaders support web frameworks.
  • the extended attribute global variables include a static resource version number, a project request interface root path, a process resource path, a process interface root path, and information related to the current operating user.
  • the system style includes page labels, buttons, and navigation bars.
  • the relevant dynamic parameter configuration includes: relevant js function library path configuration and page configuration.
  • page initialization is uniformly performed as a function entry through configured dynamic parameters, including: page initialization is uniformly performed as an entry through index.js in a js function library, and page initialization includes data initialization and related button function initialization.
  • the template engine includes any one of a first template engine, a second template engine, and a third template engine.
  • the web frame includes any one of a first frame, a second frame, a third frame, and a fourth frame.
  • the front-end web interface component includes: at least one of a first web page interface component, a second web page interface component, a Youzan web page interface component, and a multi-terminal development web page interface component.
  • the present disclosure provides a page project development device, which includes: an import module, which is configured to import a page project into a template engine, wherein the template engine is integrated with a web framework, and the template engine is used to configure basic resource configuration and configuration of extended attribute global variables; a first configuration module, which is configured to configure a view parser of the template engine in the web framework and load a template; a second configuration module, which is configured to configure a group template, wherein the group template includes a custom formatting function, a tag class, and a tool method class; a basic template definition module, which is configured to define a basic template for a page project, configure and reference basic resources and paths related to the page project, and define a system style for the page project; a rendering module, which is configured to jump to and render pages of different templates according to different requests sent by a foreground page, introduce a root template to synchronize the basic resource path, and pass in the relevant dynamic parameter configuration of the current page project, wherein the root template is the bottom-
  • the present disclosure provides an electronic device, comprising: at least one processor; and a memory, wherein at least one program is stored in the memory, and when the at least one program is executed by the at least one processor, the at least one processor implements any one of the page project development methods in the embodiments of the present disclosure.
  • the present disclosure provides a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements any one of the page project development methods in the embodiments of the present disclosure.
  • the present disclosure provides a computer program product, including a computer-readable code, or a non-volatile computer-readable storage medium carrying a computer-readable code, wherein when the computer-readable code runs in a processor of an electronic device, the processor in the electronic device executes any one of the page project development methods in the embodiments of the present disclosure.
  • This disclosure uses templates as a framework to output and display page data, ensuring the uniformity of the overall style of the page, which not only maintains the accuracy of the data and reduces maintenance costs, but also makes the system interface simple and convenient;
  • the page adopts a dynamic and static separation development method, realizing modular development of static template pages and js dynamic functions separately.
  • the "module” here does not only refer to a module composed of a category, but can also be understood as a single class, function, etc. Encapsulate the functionally independent code into modules. Independent modules are like building blocks, which are easier to reuse and can be directly taken out to build a more reusable system;
  • FIG1 shows a flow chart of a page project development method provided by an embodiment of the present disclosure.
  • FIG2 shows a schematic diagram of a business process for implementing the page project development method, apparatus, equipment, medium, and product provided in the present disclosure.
  • FIG3 shows a block diagram of a page project development device provided by an embodiment of the present disclosure.
  • FIG. 4 shows a block diagram of an electronic device provided by an embodiment of the present disclosure.
  • Example embodiments will be described more fully below with reference to the accompanying drawings, but the example embodiments may be embodied in different forms and should not be construed as limited to the embodiments set forth in the present disclosure. On the contrary, the purpose of providing these embodiments is to make the present disclosure thorough and complete, and will enable those skilled in the art to fully understand the scope of the present disclosure.
  • the term “and/or” includes any and all combinations of at least one of the associated listed items.
  • the terms used in the present disclosure are only used to describe specific embodiments and are not intended to limit the present disclosure.
  • the singular forms “a”, “an” and “the” are also intended to include plural forms, unless the context clearly indicates otherwise. It will also be understood that when the terms “including” and/or “made of" are used in the specification, it specifies the presence of the features, integrality, steps, operations, elements and/or components, but does not exclude the existence or addition of at least one other feature, integer, step, operation, element, component and/or group thereof.
  • Fig. 1 shows a flow chart of a page project development method provided by an embodiment of the present disclosure.
  • the page project development method of the embodiment of the present disclosure is a page project development method based on a template engine that can be executed by a corresponding page project development device, which can be implemented in software and/or hardware and can generally be integrated into an electronic device.
  • independent modules are like building blocks, which are easier to reuse and can be directly used to build a more reusable system.
  • Page style issues can be managed through templates.
  • pages and related functional functions can also be modularly separated, so that static and dynamic division of labor is clear and each performs its own duties. It can reduce code coupling, improve reusability, maintain a unified system page style, and thus improve user interaction experience.
  • the page project development method includes but is not limited to the following steps:
  • Step S101 importing the page project into the template engine.
  • the template engine is integrated with the web framework, and is used to configure basic resources and extended attribute global variables.
  • Step S102 configuring the view parser of the template engine in the web framework, and loading the template.
  • Step S103 configure a group template.
  • the group template includes custom formatting functions, label classes, and tool method classes.
  • Step S104 define a basic template for the page project, configure and reference basic resources and paths related to the page project, and define a system style for the page project.
  • Step S105 jump to render pages of different templates according to different requests sent by the foreground page, introduce the root template to synchronize the basic resource path, and pass in the relevant dynamic parameter configuration of the current page project.
  • the root template is the bottom-level basic template.
  • Step S106 customizing the front-end Web interface components according to different business requirements of the page project.
  • Step S107 uniformly initialize the page as the function entry through the configured dynamic parameters, and load the functional modules of different business requirements of the page project as needed.
  • the method further includes: using the template engine to perform basic resource configuration.
  • a view resolver of a template engine is configured in a web framework, after the template is loaded and before the group template is configured, the method further comprises: configuring an extended attribute global variable using the template engine.
  • the basic resources include a root path represented by a classpath and a tag root path.
  • loading a template includes: loading the template by a template loader, where the template loader supports the web framework.
  • the extended attribute global variables include a static resource version number, a project request interface root path, a process resource path, a process interface root path, and information related to the current operating user.
  • the group template includes a custom formatting function, a tag class, and a tool method class.
  • the system style includes page labels, buttons, and navigation bars, thereby ensuring that the overall style of the project is consistent.
  • the relevant dynamic parameter configuration includes relevant js function library path configuration and page configuration.
  • page initialization is uniformly performed for function entry through configured dynamic parameters, including: customizing front-end Web interface components according to different business needs, and uniformly performing page initialization for entry through index.js in the above-configured js function library, and page initialization includes data initialization and related button function initialization.
  • the template engine includes: any one of a first template engine, a second template engine, and a third template engine.
  • the first template engine can be Velocity Template Engine, which allows any operator to reference objects defined by java code using only simple Template Language.
  • the second template engine may be a Freemarker template engine, which is a general tool for generating output text (eg, web pages, emails, configuration files, etc.) and source code based on templates and data to be changed.
  • output text eg, web pages, emails, configuration files, etc.
  • the third template engine can be a Beetl (Bee Template Language) template engine, which is powerful, SQL-centric, uses a simple full-featured ORMapping tool, and supports automatic code generation.
  • Beetl Bee Template Language
  • the web frame includes any one of a first frame, a second frame, a third frame and a fourth frame.
  • the first framework can be the Spring Model View Controller (root-based model, view, controller) framework, which provides a full-featured MVC module for building Web applications.
  • Spring Model View Controller root-based model, view, controller
  • the second framework may be a SpringBoot framework, which is designed to simplify the initial setup and development process of new Spring applications.
  • the SpringBoot framework uses a specific method for configuration, so that developers no longer need to define boilerplate configurations.
  • the third framework can be the Struts framework, which implements an application framework based on the MVC design pattern of Java EE Web applications by adopting Java Server Pages (JSP, JAVA server pages) technology.
  • JSP Java Server Pages
  • the fourth framework may be a Servlet (Server Applet, small service program or service connector) framework, which is a server-side program written in Java, has the characteristics of being independent of platforms and protocols, and its main function is to interactively browse and generate data and generate dynamic Web content.
  • Servlet Server Applet, small service program or service connector
  • the front-end web interface component includes: at least one of a first web page interface component, a second web page interface component, a Youzan web page interface component, and a multi-terminal development web page interface component.
  • the first web page interface component includes AntDesign, AntDesign Mobile, etc.
  • Ant Design is a UI design language, which is a set of interactive languages and visual systems refined and applied to enterprise-level backend products.
  • Ant Design Mobile is a UI component library based on React (JavaScript library for building user interfaces)/React Native.
  • Ant Design Mobile referred to as antd-mobile, is a component library based on the mobile specification of Ant Design and implemented in React.
  • the second web interface component includes WeUI, which is a basic style library consistent with the native visual experience, which can make the user's usage perception more unified.
  • Vant is a mobile Vue component library maintained by Youzan's front-end team, which provides a complete set of user interface basic components and business components. With Vant, you can quickly build a page with a unified style to improve development efficiency.
  • Multi-terminal development web interface components include TaroUI, which provides a multi-terminal UI component library developed based on the Taro framework.
  • the front-end web interface components also include Bootstrap, Layui, ElementUI, semidesign, and Vuetify.
  • Bootstrap is a concise, intuitive and powerful front-end development framework based on Hyper Text Markup Language (HTML), Cascading Style Sheets (CSS), and JavaScript (JS, a lightweight, interpreted or just-in-time compiled programming language with function priority), making Web development faster.
  • HTML Hyper Text Markup Language
  • CSS Cascading Style Sheets
  • JS JavaScript
  • Bootstrap provides a basic structure with a grid system, link styles, and backgrounds.
  • Layui is an open source and free Web UI component library that adopts its own lightweight modular specifications and follows the original HTML/CSS/JavaScript development model. It is very suitable for the rapid construction of web interfaces.
  • ElementUI is a desktop component library based on VUE2.0. ElementUI provides a wealth of components to help developers quickly build powerful and unified-style pages.
  • Semi Design is a modern, comprehensive and flexible design system and UI library. It is an out-of-the-box mid- and back-end solution that includes design language, React components, themes, etc., which can be used to quickly build beautiful React applications.
  • Vuetify is a semantic component framework for Vue, which aims to provide neat, semantic and reusable components to make building applications more convenient.
  • Figure 2 shows a business process diagram of the page project development method, device, equipment, medium and product implementation provided by the present disclosure.
  • the present disclosure proposes a new page project development architecture by combining the beetl template engine with the front-end layui framework, and the architecture is as follows:
  • the project introduces the beetl engine and integrates it with SpringMVC;
  • Beetl basic resource configuration such as classpath root path, tag tag root path. Because of integration with spring, beetl view parser needs to be configured.
  • the template loader class is based on spring, so no configuration is required here.
  • WebRenderExt configuration extension attribute global variables such as static resource version number, project request reception Port root path, process resource path, process interface root path, current operation user related information, etc.
  • Configure GroupTemplate such as custom formatting functions, label classes, tool method classes, etc.
  • S5. Define the basic template of the project, configure and reference related basic resources and paths, and define the system style, including page labels, buttons, navigation bars, etc., to ensure the consistency of the overall style of the project;
  • the front-end code uses the layui JS framework and uses an on-demand loading method.
  • layui uses the layui JS framework and uses an on-demand loading method.
  • the advantage of using layui is that it comes with page and component management as well as JS, which can meet most business needs.
  • the implementation method of the framework includes but is not limited to the following steps:
  • Step S201 the user clicks on a request path and initiates an HTTP request, which will be submitted to the DispatcherServlet (front controller).
  • Step S202 the DispatcherServlet (front controller) finds and executes the corresponding Handler (often called Controller) after requesting one or more HandlerMapping (processor mappers) and HandlerAdapter (processor adapter) to match.
  • HandlerMapping processing mappers
  • HandlerAdapter processing adapter
  • the Handler After the Handler is executed, it will return a ModelAndView object to the front controller through the processor adapter (for example, the ModelAndView object is the underlying object of Spring MVC, including the Model data model and View view information).
  • the front controller will request the ViewResolver to parse the view, match the corresponding view result according to the View information, and return it to the front controller.
  • Step S203 after receiving the specific View, the front controller requests the root template layout page to render the view and generate the final View.
  • Step S204 the view is responsible for displaying the result in the browser on the client.
  • Step S205 the front controller transmits the parameters required by the current page to the root template layout page.
  • Step S206 the root template layout page configures the relevant parameters of the current request page according to the passed parameters.
  • configure related parameters For example, configure related parameters, render page layout style, etc.
  • page related parameters include related js function library path configuration and page configuration, etc.
  • Step S207 the page is initialized through the parameters configured by the root template and the function entry (for example, index.js).
  • page initialization includes data initialization (such as form data filling, etc.) and related button function initialization (such as button event binding and related operation logic, etc.).
  • Step S209 loading other functional modules as needed.
  • an embodiment of the present disclosure provides a page project development device, which is a corresponding device for implementing the page project development method provided by the above-mentioned embodiment of the present disclosure.
  • the page project development device can be implemented in software and/or hardware and can generally be integrated into an electronic device.
  • FIG3 shows a block diagram of a page project development device provided by an embodiment of the present disclosure.
  • the page project development device 300 provided by an embodiment of the present disclosure includes but is not limited to the following modules:
  • the import module 301 is configured to import the page project into the template engine, wherein the template engine is integrated with the web framework, and the template engine is used to configure basic resources and extended attribute global variables;
  • the first configuration module 302 is configured to configure a view parser of a template engine in a web framework and load a template;
  • the second configuration module 303 is configured to configure a group template, where the group template includes a custom formatting function, a tag class, and a tool method class;
  • the basic template definition module 304 is configured to define the basic template of the page project, configure and reference the basic resources and paths related to the page project, and define the system style of the page project;
  • the rendering module 305 is configured to jump to render pages of different templates according to different requests sent by the foreground page, introduce the root template to synchronize the basic resource path, and pass in the relevant dynamic parameter configuration of the current page project, where the root template is the bottom-level basic template;
  • a customization module 306 is configured to customize the front-end web interface components according to different business requirements of the page project
  • the loading module 307 is configured to uniformly initialize the page for the function entry through the configured dynamic parameters, and load the functional modules of different business requirements of the page project on demand.
  • page project development device in this embodiment can implement any page project development method in the present disclosure, which will not be described in detail here.
  • an embodiment of the present disclosure provides an electronic device.
  • FIG4 shows a block diagram of an electronic device provided by an embodiment of the present disclosure.
  • an embodiment of the present disclosure provides an electronic device, which includes: at least one processor 401; at least one memory 402, and one or more I/O interfaces 403, connected between the processor 401 and the memory 402; wherein the memory 402 stores one or more computer programs that can be executed by at least one processor 401, and the one or more computer programs are executed by at least one processor 401 so that the at least one processor 401 can execute the above-mentioned page project development method.
  • the present disclosure provides a computer-readable storage medium.
  • the computer-readable storage medium stores a computer program, wherein the computer program implements the above-mentioned page project development method when executed by a processor/processing core.
  • the computer-readable storage medium may be a volatile or non-volatile computer-readable storage medium.
  • the embodiment of the present disclosure also provides a computer program product, including a computer-readable code, or a non-volatile computer-readable storage medium carrying the computer-readable code.
  • a computer program product including a computer-readable code, or a non-volatile computer-readable storage medium carrying the computer-readable code.
  • computer storage media includes volatile and nonvolatile, removable and non-removable media implemented in any method or technology for storing information (such as computer-readable program instructions, data structures, program modules or other data).
  • Computer storage media include, but are not limited to, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM), static random access memory (SRAM), flash memory or other memory technology, portable compact disk read-only memory (CD-ROM), digital versatile disk (DVD) or other optical disk storage, magnetic cassettes, magnetic tapes, magnetic disk storage or other magnetic storage devices, or any other medium that can be used to store desired information and can be accessed by a computer.
  • communication media typically contain computer-readable program instructions, data structures, program modules or other data in a modulated data signal such as a carrier wave or other transmission mechanism, and may include any information delivery medium.
  • the computer-readable program instructions described herein can be downloaded from a computer-readable storage medium to each computing/processing device, or downloaded to an external computer or external storage device via a network, such as the Internet, a local area network, a wide area network, and/or a wireless network.
  • the network can include copper transmission cables, optical fiber transmissions, wireless transmissions, routers, firewalls, switches, gateway computers, and/or edge servers.
  • the network adapter card or network interface in each computing/processing device receives the computer-readable program instructions from the network and forwards the computer-readable program instructions for storage in the computer-readable storage medium in each computing/processing device.
  • These computer-readable program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, or other programmable data processing device, thereby producing a machine, so that when these instructions are executed by the processor of the computer or other programmable data processing device, a device that implements the functions/actions specified in one or more boxes in the flowchart and/or block diagram is generated.
  • These computer-readable program instructions can also be stored in a computer-readable storage medium, and these instructions cause the computer, programmable data processing device, and/or other equipment to work in a specific manner, so that the computer-readable medium storing the instructions includes a manufactured product, which includes instructions for implementing various aspects of the functions/actions specified in one or more boxes in the flowchart and/or block diagram.
  • Computer-readable program instructions may also be loaded onto a computer, other programmable data processing apparatus, or other device so that a series of operating steps are performed on the computer, other programmable data processing apparatus, or other device to produce a computer-implemented process, thereby causing the instructions executed on the computer, other programmable data processing apparatus, or other device to implement the functions/actions specified in one or more boxes in the flowchart and/or block diagram.
  • each box in a flow chart or block diagram may represent a module, a program segment or a part of an instruction, and a part of the module, program segment or instruction includes one or more executable instructions for realizing a specified logical function.
  • the functions marked in the box may also occur in an order different from that marked in the accompanying drawings. For example, two consecutive boxes can actually be executed substantially in parallel, and they may sometimes be executed in the opposite order, depending on the functions involved.
  • each box in the block diagram and/or flow chart, and the combination of boxes in the block diagram and/or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or action, or can be implemented with a combination of dedicated hardware and computer instructions.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Stored Programmes (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

La présente invention concerne un procédé de développement de projet de page, un appareil, un dispositif électronique et un support de stockage, et relève du domaine technique du développement de logiciels, le procédé consistant à : importer un projet de page dans un moteur de gabarits ; configurer un résolveur de vues du moteur de gabarits dans une infrastructure de développement Web, et charger un gabarit ; configurer un gabarit de groupe ; définir un gabarit de base du projet de page, configurer et appeler des ressources de base et des chemins associés au projet de page, et définir un motif de style de système du projet de page ; sauter vers et rendre les pages de différents gabarits conformément à différentes demandes envoyées par une page frontale, introduire un gabarit racine pour synchroniser les ressources de base et les chemins, et importer une configuration de paramètres dynamiques associée du projet de page courant ; selon différentes exigences de service du projet de page, personnaliser des composants d'interface Web frontale ; et réaliser une initialisation de page pour une saisie de fonctions dans un mode unifié au moyen de paramètres dynamiques configurés, et charger des modules de fonction à la demande pour différentes exigences de service du projet de page.
PCT/CN2023/114621 2022-09-29 2023-08-24 Procédé de développement de projet de page, appareil, dispositif, support et produit WO2024066825A1 (fr)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202211201914.5A CN115586896B (zh) 2022-09-29 2022-09-29 基于模板引擎的页面项目开发方法、设备及存储介质
CN202211201914.5 2022-09-29

Publications (1)

Publication Number Publication Date
WO2024066825A1 true WO2024066825A1 (fr) 2024-04-04

Family

ID=84778305

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2023/114621 WO2024066825A1 (fr) 2022-09-29 2023-08-24 Procédé de développement de projet de page, appareil, dispositif, support et produit

Country Status (2)

Country Link
CN (1) CN115586896B (fr)
WO (1) WO2024066825A1 (fr)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN115586896B (zh) * 2022-09-29 2023-08-04 通号智慧城市研究设计院有限公司 基于模板引擎的页面项目开发方法、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140344666A1 (en) * 2013-05-16 2014-11-20 International Business Machinies Corporation Webpage display system leveraging osgi
CN109325203A (zh) * 2018-09-10 2019-02-12 北京亚鸿世纪科技发展有限公司 一种自动化实现Web系统可视化复用的装置
CN114489622A (zh) * 2022-02-15 2022-05-13 携程旅游网络技术（上海）有限公司 静态资源管理方法、Node.js应用、电子设备和存储介质
CN115586896A (zh) * 2022-09-29 2023-01-10 通号智慧城市研究设计院有限公司 基于模板引擎的页面项目开发方法、设备及存储介质

Family Cites Families (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11650816B2 (en) * 2014-11-11 2023-05-16 Fair Isaac Corporation Workflow templates for configuration packages
US10572129B2 (en) * 2014-12-24 2020-02-25 Sap Portals Isreal Ltd Declarative user interface representation conversion via hierarchical templates
CN106371829B (zh) * 2016-08-24 2019-05-17 北京邮电大学 基于模块化思想的模板框架设计方法及系统
CN107562427B (zh) * 2017-09-07 2020-07-10 南威软件股份有限公司 一种基于NodeJS的页面模板引擎渲染方法
CN107678736A (zh) * 2017-10-09 2018-02-09 用友网络科技股份有限公司 一种业务页面模板的展现方法、系统及计算机装置
CN109375911A (zh) * 2018-09-03 2019-02-22 中新网络信息安全股份有限公司 一种基于SpringMVC渲染FreeMarker模板的方法
CN109254992B (zh) * 2018-10-12 2020-11-20 京东数字科技控股有限公司 项目生成方法及系统、计算机系统和计算机可读存储介质
CN110427182A (zh) * 2019-07-18 2019-11-08 北京市天元网络技术股份有限公司 一种模板式建设app方法以及装置
CN112215678A (zh) * 2020-10-20 2021-01-12 焦点科技股份有限公司 一种基于模板的动态支付收银台的实现方法
CN112685004B (zh) * 2020-12-21 2022-08-05 福建新大陆软件工程有限公司 一种基于实时流计算的在线组件编排计算方法及系统
CN113158101B (zh) * 2020-12-31 2023-09-05 京东科技控股股份有限公司 一种可视化页面渲染方法、装置、设备及存储介质
CN112711408A (zh) * 2020-12-31 2021-04-27 南威软件股份有限公司 基于Vue组件化的可视化配置渲染方法、系统、终端
CN112685040A (zh) * 2021-01-22 2021-04-20 爱驰汽车有限公司 安卓系统中界面文件的生成方法、装置、设备及存储介质
CN113377373A (zh) * 2021-06-23 2021-09-10 深圳平安智汇企业信息管理有限公司 基于解析引擎的页面加载方法、装置、计算机设备及介质
CN113297825A (zh) * 2021-07-23 2021-08-24 苏州恒力智能科技有限公司 动态可视化的表单应用设计系统和计算机可读存储介质
CN114281342A (zh) * 2021-12-29 2022-04-05 安徽兆尹信息科技股份有限公司 一种代码自动生成方法

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20140344666A1 (en) * 2013-05-16 2014-11-20 International Business Machinies Corporation Webpage display system leveraging osgi
CN109325203A (zh) * 2018-09-10 2019-02-12 北京亚鸿世纪科技发展有限公司 一种自动化实现Web系统可视化复用的装置
CN114489622A (zh) * 2022-02-15 2022-05-13 携程旅游网络技术（上海）有限公司 静态资源管理方法、Node.js应用、电子设备和存储介质
CN115586896A (zh) * 2022-09-29 2023-01-10 通号智慧城市研究设计院有限公司 基于模板引擎的页面项目开发方法、设备及存储介质

Also Published As

Publication number Publication date
CN115586896A (zh) 2023-01-10
CN115586896B (zh) 2023-08-04

Similar Documents

Publication Publication Date Title
US20210034336A1 (en) Executing a process-based software application in a first computing environment and a second computing environment
CN110806863A (zh) 接口文档生成方法及装置、电子设备、存储介质
US8972873B2 (en) Multi-environment widget assembly, generation, and operation
US8930824B2 (en) Facilitating propagation of user interface patterns or themes
CN111104635B (zh) 一种表格网页的生成方法和装置
US8839192B2 (en) System and method for presentation of cross organizational applications
CN112286513A (zh) 基于组件元数据的可视化设计方法和装置
US20180189035A1 (en) Application development tool using graphic objects to bind object sets of different distinct divisions of a design pattern
Boswell Creating applications with Mozilla
US9032363B2 (en) Providing a user interface library for building web-based applications
KR20140019623A (ko) 웹 어플리케이션 저작을 위한 통합 플랫폼 및 그 저작 방법
US20180189033A1 (en) Graphical software meta-development tool
WO2024066825A1 (fr) Procédé de développement de projet de page, appareil, dispositif, support et produit
CN108664242B (zh) 生成可视化界面的方法、装置、电子设备和可读存储介质
CN110806873A (zh) 目标控件确定方法、装置、电子设备及存储介质
CN115599363A (zh) 可视化组件的配置方法、装置以及系统
CN105302558A (zh) 一种用于多客户端的内容展现系统及方法
CN114217789A (zh) 功能组件拓展方法、装置、设备、存储介质及程序产品
CN113778405A (zh) 一种跨平台app构建方法、装置、系统及介质
CN114489619A (zh) 一种界面视图显示方法及终端设备、计算机可读存储介质
US11367084B2 (en) Communication between customization platform and customizable elements
CN111694723B (zh) 产品在h5下运行时对节点及组件编辑的方法、存储介质
Chaisatien et al. A description-based composition method for mobile and tethered Mashup applications
Pulithitta Ravindran Nair Calendar–a mobile application based on react native framework
Zdun Xml-based dynamic content generation and conversion for the multimedia home platform

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 23870069

Country of ref document: EP

Kind code of ref document: A1