CN114371872B - Vue project code reverse reconstruction method - Google Patents

Vue project code reverse reconstruction method Download PDF

Info

Publication number
CN114371872B
CN114371872B CN202210059077.0A CN202210059077A CN114371872B CN 114371872 B CN114371872 B CN 114371872B CN 202210059077 A CN202210059077 A CN 202210059077A CN 114371872 B CN114371872 B CN 114371872B
Authority
CN
China
Prior art keywords
project
file
vue
dom
page
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
CN202210059077.0A
Other languages
Chinese (zh)
Other versions
CN114371872A (en
Inventor
李腾
王涛
吴忠洋
卢基
曲洁
李广磊
吴岩松
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Jerei Digital Technology Co Ltd
Original Assignee
Shandong Jerei Digital Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shandong Jerei Digital Technology Co Ltd filed Critical Shandong Jerei Digital Technology Co Ltd
Priority to CN202210059077.0A priority Critical patent/CN114371872B/en
Publication of CN114371872A publication Critical patent/CN114371872A/en
Application granted granted Critical
Publication of CN114371872B publication Critical patent/CN114371872B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/74Reverse engineering; Extracting design information from source code

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The invention relates to a Vue project code reverse reconstruction method, and belongs to the field of front-end development. Is characterized by comprising the following steps: the method comprises a Web client-side which is responsible for configuring the dependence of project files, wherein the Web client-side is responsible for uploading Vue project files and downloading reconstructed project page files; the Web client reads and displays all uploaded project file information and conversion states from the project management server, the conversion states include conversion and conversion completion, and the Web client can download the converted project files; the reconstruction method further comprises a DOM conversion server and a page generation server, wherein the DOM conversion server comprises components. The method can quickly convert Vue project codes into traditional architecture codes, simplify project reconstruction operation, solve the problem of project compatibility, and reduce the labor operation cost and time cost for project code reconstruction.

Description

Vue project code reverse reconstruction method
Technical Field
The invention relates to the field of front-end development, in particular to a method and a tool for reversely reconstructing a front-end Vue project.
Background
The leading popular front end frame in the domestic front end opening industry is Vue. Compared with the most basic HTML, CSS and JavaScript/ajax in the early period, the latest advanced versions HTML5, CSS3, SVG and the like, the Vue framework greatly reduces the direct operation of front-end codes on DOM through a virtual DOM technology, binds a data layer and a view layer mutually and reduces the code amount of a front-end page; however, the Vue framework does not support IE8 and lower versions, in part of the actual projects, computer equipment systems of people using the projects are relatively backward, and old systems such as Windows XP and Windows98 are still used, so that Vue projects cannot be supported. When the project platform compatibility is considered, forward compatibility of a Vue project needs to be manually completed, logic is rearranged according to the page requirements, functional requirements and page structures of the project, an HTML page DOM structure is designed through traditional HTML + CSS + JavaScript + JQuery + Ajax at the front end, DOM operation is completed through the jQuery to achieve the page functions, http requests are completed through the Ajax, the code amount of the whole process is huge, and the labor cost and the time cost are greatly increased.
There is currently no tool in the prior art for automatically reconfiguring Vue framework projects into traditional framework projects.
Disclosure of Invention
The invention aims to provide a method for reconstructing Vue projects into traditional architecture projects, which can automatically and quickly convert Vue project codes into traditional architecture codes, simplify project reconstruction operation, solve the problem of project compatibility and reduce the labor operation cost and time cost for project code reconstruction.
An Vue project code reverse reconstruction method is characterized in that the method comprises a Web client responsible for configuring project file dependence, and the Web client is responsible for uploading Vue project files and downloading reconstructed project page files; the Web client reads and displays all uploaded project file information and conversion states from the project management server, the conversion states are divided into conversion and conversion completion, and the Web client can download the converted project files; the reconstruction method further comprises a DOM conversion server and a page generation server.
The whole process comprises the following steps:
s1, selecting Vue project files by the Web client, configuring a dependency package management and project page structure required by Vue projects, and uploading Vue project files to the project management server;
s2, the project management server generates project information records and unique IDs, backups Vue project source codes to a database, analyzes a project page structure and sends project file data and the unique IDs to the DOM conversion server;
s3, the DOM conversion server acquires a corresponding component conversion template from the component library according to Vue tags in the dependency package management and project file of S1, and converts Vue component codes into HTML codes according to the template;
s4, the DOM conversion server converts all page codes into a virtual DOM, a js file and a style file according to the project page structure of S2, and sends the unique ID and the code file to the page generation server;
s5, the page generation server generates a corresponding HTML project code according to the virtual DOM and the style file, associates the JS file of the page through src, and returns the unique ID and the project code to the project management server;
and S6, after receiving the unique ID and the project code, the project management server acquires the project information according to the unique ID and modifies the project state into the conversion completion.
The specific step of S1 is as follows: and at the Web client, inputting a local project file into a client page, configuring a project routing structure, Vue project dependence configuration information and project information parameters, wherein the project information parameters comprise a project name, a project user, a code specification after code conversion and a project page directory specification, and uploading all information data to a project management server in an asynchronous execution mode after completion.
The specific step of S2 is as follows: the project management server analyzes the project page structure according to the configured project routing structure, stores Vue the project file structure, generates a new project record and a unique ID in the database, and sets the project state as being converted; storing the project configuration information, the state and the page structure into a database according to the unique ID, storing Vue project source codes into a database project file, and returning project state information to the Web client; and finally sending the project file data and the unique ID to the DOM conversion server.
The specific step of S3 is as follows: the DOM conversion server receives the project file and the unique ID, then preprocesses the project file, acquires all components in the project file, and marks Vue labels in the components; reading the project configuration according to the unique ID, and acquiring project dependence information; and according to the marked Vue label and the dependency information of the project file, acquiring a corresponding component conversion template from the DOM conversion server component library, converting the component into HTML code and replacing or embedding the HTML code in a corresponding position of the project file.
The specific step of S4 is as follows: the DOM conversion server acquires the page structure stored in the project management server database of S2 according to the unique ID, and generates a root node list of the virtual DOM tree through the page structure;
analyzing a component DOM element according to the component tag structure of Vue, and generating a component DOM element node list and a corresponding DOM attribute node by a scanning component according to an HTML page tag in a < template > tag; generating a JS file according to the data and method of the component binding in the < script > tag, wherein the JS file comprises a component DOM event node or a DOM method node; generating a component style according to the component style in the < style > tag;
and judging the DOM tree root node to which the component belongs according to the page structure, recursively adding the generated DOM node of the component to the corresponding position of the DOM tree, and combining the component styles of all the components of the DOM tree to generate a page style file.
Further, the unique ID, all DOM structures and the style file are sent to the page generation server.
The specific step of S5 is as follows: the page generation server reads the item page directory specification and the file structure in the database through the unique ID, generates an HTML page code with the same structure according to the code specification in the item parameter and the received virtual DOM tree structure, and configures the page style file and the JS file into the corresponding position of the item directory until the project reconstruction is completed; the unique ID is returned to the project management server with the entire project generated.
The specific step of S6 is as follows: the project management server acquires the project information which is converted according to the unique ID and modifies the project state into conversion completion; and writing the modified project file into a memory and storing the modified project file into a database, and sending a message to a Web client by a newly-built thread to update the project list information.
Has the advantages that: the invention solves the problems that the Vue framework does not support IE8 and lower versions, reduces the compatible cost of different projects, and meets the requirement that the projects support a multi-version operating system. The invention provides an automatic reconstruction mode, which improves the code reconstruction efficiency, reduces the time consumption of code reconstruction and reduces the labor cost of code reconstruction.
Detailed Description
The technical solutions of the present invention will be described clearly and completely with reference to specific embodiments, and it should be understood that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
Example one
In this embodiment, in order to solve the problem that an IE browser cannot support an Vue framework due to an excessively backward version of system equipment used by a project-oriented user group, a development environment of a front-end technician is faced, a Vue project reverse reconstruction service platform is used to convert all pages and components in a Vue project into a virtual DOM tree, and then a corresponding HTML page is generated through the virtual DOM tree, so as to solve the problem that the front-end technician reconstructs a code; vue reverse project reconstruction service platform is built in the server, the user needs to submit Vue project to the platform, the platform receives the code through the message queue and stores it under the server pending folder, reconstructs Vue project codes in turn according to the message queue receiving sequence, the reconstructed codes are stored under the server completed folder, the user can download the reconstructed codes to the appointed position of the device; the reconstructed code is an HTML (hypertext markup language) native page, a npm environment is not needed to install a dependency package, and the reconstructed code can be directly used after being deployed through nginx.
An Vue project code reverse reconstruction method comprises a Web client responsible for configuring project file dependence, wherein the Web client is responsible for uploading Vue project files and downloading reconstructed project page files; the Web client reads and displays all uploaded project file information and conversion states from the project management server, the conversion states include conversion and conversion completion, and the Web client can download the converted project files; the reconstruction method further comprises a DOM conversion server and a page generation server.
The whole process comprises the following steps:
s1, selecting Vue project files by the Web client, configuring a dependency package management and project page structure required by Vue projects, and uploading Vue project files to the project management server;
s2, the project management server generates project information records and unique IDs, backups Vue project source codes to a database, analyzes a project page structure and sends project file data and the unique IDs to the DOM conversion server;
s3, the DOM conversion server acquires a corresponding component conversion template from the component library according to Vue tags in the dependency package management and project file of S1, and converts Vue component codes into HTML codes according to the template;
s4, the DOM conversion server converts all page codes into a virtual DOM, a js file and a style file according to the project page structure of S2, and sends the unique ID and the code file to the page generation server;
s5, the page generation server generates a corresponding HTML project code according to the virtual DOM and the style file, associates the JS file of the page through src, and returns the unique ID and the project code to the project management server;
and S6, after receiving the unique ID and the project code, the project management server acquires the project information according to the unique ID and modifies the project state into the conversion completion.
Before the step S1, a reverse project code reconstruction server needs to be deployed, including a client server, a DOM transformation server, and a page generation server, where the client used by the user is a browser page, and the client server includes authority management and usage records of all users; the DOM transformation server needs to pre-design a component transformation template and store the components corresponding to the template via a database.
Before the step of S1, a preset Vue component code translation and Vue data binding translation are required.
All unique Vue elements under the get Vue framework include Vue tags or tag attributes, such as < router-link >: vue routing tag, v-for: vue, circulating the attribute, creating the attribute by means of an object, presetting an HTML tag and JS file code with the same function and display effect, and storing Vue tag acquisition attribute name and converted code in Vue element object by means of object attribute.
The specific step of S1 is as follows: and at the Web client, inputting a local project file into a client page, configuring a project routing structure, Vue project dependence configuration information and project information parameters, wherein the project information parameters comprise a project name, a project user, a code specification after code conversion and a project page directory specification, and uploading all information data to a project management server in an asynchronous execution mode after completion.
Uploading the project file requires that Vue code format and page file structure are unified and can be configured in project information parameters.
The specific step of S2 is as follows: the project management server analyzes the project page structure according to the configured project routing structure, stores Vue the project file structure, generates a new project record and a unique ID in the database, and sets the project state as being converted; storing the project configuration information, the state and the page structure into a database according to the unique ID, storing Vue project source codes into a database project file, and returning project state information to the Web client; and finally sending the project file data and the unique ID to the DOM conversion server.
S21, the project routing structure obtains the path and the routing name of different routes and the component name under the file according to the routing file router in the Vue project.
S22, acquiring the project file structure through the page file in the src file under the project path, and modifying the project page file name through the project configuration information (usually Vue project page file is pages or views).
And S23, generating a project page structure through the analysis of the project routing structure, and generating paths of different pages in the page file through paths of different components in the routing structure.
The specific step of S3 is as follows: the DOM conversion server receives the project file and the unique ID, then preprocesses the project file, acquires all components in the project file, and marks Vue labels in the components; reading the project configuration according to the unique ID, and acquiring project dependence information; and according to the marked Vue label and the dependency information of the project file, acquiring a corresponding component conversion template from the DOM conversion server component library, converting the component into HTML code and replacing or embedding the HTML code in a corresponding position of the project file.
S31, reading a project public component and a page component, wherein the public component is under a component folder under a project file src; the page component is under the project page folder at S2.
S32, analyzing Vue data binding elements in the public component and the page component, and converting the data or method events bound in the Vue data binding elements into preset HTML tags and object data and method functions in the JS file by the DOM conversion server, wherein the method specifically comprises the following steps:
s321, reading the public component and the page component in the component code S32, judging whether the element has { } } data binding elements, if so, acquiring the binding data of the element name of the data binding and the corresponding element name in the script, and judging the DOM element type of the binding data;
s322, acquiring the preset HTML tag attribute and the JS method function according to the DOM element type of the data to realize the data binding function.
The route tag < router-link > in the S33 and Vue tags needs to obtain the to attribute in the tag attribute to obtain the jump path of the current page, and converts the < router-link > tag jump mode into an HTML jump mode (meta or a tag jump).
The specific step of S4 is as follows: the DOM conversion server acquires the page structure stored in the project management server database of S2 according to the unique ID, and generates a root node list of the virtual DOM tree through the page structure;
analyzing a component DOM element according to the component tag structure of Vue, and generating a component DOM element node list and a corresponding DOM attribute node by a scanning component according to an HTML page tag in a < template > tag; generating a JS file according to the data and method of the component binding in the < script > tag, wherein the JS file comprises a component DOM event node or a DOM method node; generating a component style according to the component style in the < style > tag;
and judging the DOM tree root node to which the component belongs according to the page structure, recursively adding the generated DOM node of the component to the corresponding position of the DOM tree, and combining the component styles of all the components of the DOM tree to generate a page style file.
S41, creating a DOM element object in an object mode, wherein the object attribute comprises an object ID, an object DOM element type and a child node list of the element node;
s42, determining the parent-child relationship of the DOM element nodes according to the hierarchical relationship of the page tags;
s43, adding the child DOM element nodes into the child node list of the parent node, and simultaneously adding the DOM attribute nodes into the child node list of the corresponding DOM element nodes;
s44, if the inline style exists, generating a DOM style node and adding the DOM style node to a child node list of a corresponding DOM element node;
further, the unique ID, all DOM structures and the style file are sent to the page generation server.
The specific step of S5 is as follows: the page generation server reads the item page directory specification and the file structure in the database through the unique ID, generates an HTML page code with the same structure according to the code specification in the item parameter and the received virtual DOM tree structure, and configures the page style file and the JS file into the corresponding position of the item directory until the project reconstruction is completed; the unique ID is returned to the project management server with the entire project generated.
The page style file and the JS file need to be brought into effect in the HTML page through src introduction.
The specific step of S6 is as follows: the project management server acquires the project information which is converted according to the unique ID and modifies the project state into conversion completion; and writing the modified project file into a memory and storing the modified project file into a database, and sending a message to a Web client by a newly-built thread to update the project list information.
The example completes the function of Vue reverse reconstruction of the project through the steps, and the Vue project submitted by the developer can directly obtain the original HTML project file after automatic reconstruction. Compared with the prior art, the invention has the beneficial effects that:
1. automatically reconstructing the code;
2. the time consumed by reconstruction is reduced;
3. the reconstruction labor cost is reduced;
4. and the technical requirement of code reconstruction is reduced.
In summary, although the present invention has been described with reference to the preferred embodiments, it should be understood that various changes and modifications can be made by those skilled in the art without departing from the spirit and scope of the invention.

Claims (7)

1. An Vue project code reverse reconstruction method is characterized by comprising a Web client responsible for configuring project file dependence, wherein the Web client is responsible for uploading Vue project files and downloading reconstructed project page files; the Web client reads and displays all uploaded project file information and conversion states from the project management server, the conversion states are divided into conversion and conversion completion, and the Web client can download the converted project files; the reconstruction method also comprises a DOM conversion server and a page generation server, wherein the DOM conversion server comprises components;
the method comprises the following specific steps:
s1, selecting Vue project files by the Web client, configuring a dependency package management and project page structure required by Vue projects, and uploading Vue project files to the project management server;
s2, the project management server generates project information records and unique IDs, backups Vue project source codes to a database, analyzes a project page structure and sends project file data and the unique IDs to the DOM conversion server;
s3, the DOM conversion server acquires a corresponding component conversion template from the component library according to Vue tags in the dependency package management and project file of S1, and converts Vue component codes into HTML codes according to the template;
s4, the DOM conversion server converts all page codes into a virtual DOM, a js file and a style file according to the project page structure of S2, and sends the unique ID and the code file to the page generation server;
s5, the page generation server generates a corresponding HTML project code according to the virtual DOM and the style file, associates the JS file of the page through src, and returns the unique ID and the project code to the project management server;
and S6, after receiving the unique ID and the project code, the project management server acquires the project information according to the unique ID and modifies the project state into the conversion completion.
2. The method of reverse reconstruction of Vue project code as claimed in claim 1,
the specific step of S1 is as follows: and at the Web client, inputting a local project file into a client page, configuring a project routing structure, Vue project dependence configuration information and project information parameters, wherein the project information parameters comprise a project name, a project user, a code specification after code conversion and a project page directory specification, and uploading all information data to a project management server in an asynchronous execution mode after completion.
3. The method of reverse reconstruction of Vue project code as claimed in claim 2,
the specific step of S2 is as follows: the project management server analyzes the project page structure according to the configured project routing structure, stores Vue the project file structure, generates a new project record and a unique ID in the database, and sets the project state as being converted; storing the project configuration information, the state and the page structure into a database according to the unique ID, storing Vue project source codes into a database project file, and returning project state information to the Web client; and finally sending the project file data and the unique ID to the DOM conversion server.
4. The method of claim 3, wherein the reverse reconstruction of Vue project code,
the specific step of S3 is as follows: the DOM conversion server receives the project file and the unique ID, then preprocesses the project file, acquires all components in the project file, and marks Vue labels in the components; reading the project configuration according to the unique ID, and acquiring project dependence information; and according to the marked Vue label and the dependency information of the project file, acquiring a corresponding component conversion template from the DOM conversion server component library, converting the component into HTML code and replacing or embedding the HTML code in a corresponding position of the project file.
5. The method of reverse reconstruction of Vue project code as claimed in claim 4,
the specific step of S4 is as follows: the DOM conversion server acquires the page structure stored in the project management server database of S2 according to the unique ID, and generates a root node list of the virtual DOM tree through the page structure;
analyzing a component DOM element according to the component tag structure of Vue, and generating a component DOM element node list and a corresponding DOM attribute node by a scanning component according to an HTML page tag in a < template > tag; generating a JS file according to the data and method of the component binding in the < script > tag, wherein the JS file comprises a component DOM event node or a DOM method node; generating a component style according to the component style in the < style > tag;
judging a DOM tree root node to which the component belongs according to the page structure, recursively adding the generated DOM node of the component to the corresponding position of the DOM tree, and generating a page style file by combining component styles of all components of the DOM tree to which the component belongs; and sending the unique ID, all DOM structures and the style files to a page generation server.
6. The method of reverse reconstruction of Vue project code as claimed in claim 5,
the specific step of S5 is as follows: the page generation server reads the item page directory specification and the file structure in the database through the unique ID, generates an HTML page code with the same structure according to the code specification in the item parameter and the received virtual DOM tree structure, and configures the page style file and the JS file into the corresponding position of the item directory until the project reconstruction is completed; the unique ID is returned to the project management server with the entire project generated.
7. The method of claim 6, wherein the reverse reconstruction method for Vue project code,
the specific step of S6 is as follows: the project management server acquires the project information which is converted according to the unique ID and modifies the project state into conversion completion; and writing the modified project file into a memory and storing the modified project file into a database, and sending a message to a Web client by a newly-built thread to update the project list information.
CN202210059077.0A 2022-01-19 2022-01-19 Vue project code reverse reconstruction method Active CN114371872B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210059077.0A CN114371872B (en) 2022-01-19 2022-01-19 Vue project code reverse reconstruction method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210059077.0A CN114371872B (en) 2022-01-19 2022-01-19 Vue project code reverse reconstruction method

Publications (2)

Publication Number Publication Date
CN114371872A CN114371872A (en) 2022-04-19
CN114371872B true CN114371872B (en) 2022-08-05

Family

ID=81187761

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210059077.0A Active CN114371872B (en) 2022-01-19 2022-01-19 Vue project code reverse reconstruction method

Country Status (1)

Country Link
CN (1) CN114371872B (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110968319A (en) * 2019-12-24 2020-04-07 平安普惠企业管理有限公司 Method, device and computer equipment for converting H5 project into Vue framework
CN111966342A (en) * 2020-08-10 2020-11-20 上海中通吉网络技术有限公司 Rule configuration and analysis method, system and equipment based on similar natural language
CN112346713A (en) * 2020-09-29 2021-02-09 上海微亿智造科技有限公司 Secondary packaging method and system of el-table based on Vue + Element-UI and electronic equipment
CN112632134A (en) * 2019-09-24 2021-04-09 北京京东尚科信息技术有限公司 Reverse information display method, device, system and storage medium
CN113553064A (en) * 2021-07-07 2021-10-26 北京计算机技术及应用研究所 Web front-end code conversion method

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20190130047A1 (en) * 2017-10-31 2019-05-02 Microsoft Technology Licensing, Llc Centralized client-side component for retrieving remote content items
US11080354B2 (en) * 2019-08-29 2021-08-03 Capital One Services, Llc Systems and methods for presenting web application content

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112632134A (en) * 2019-09-24 2021-04-09 北京京东尚科信息技术有限公司 Reverse information display method, device, system and storage medium
CN110968319A (en) * 2019-12-24 2020-04-07 平安普惠企业管理有限公司 Method, device and computer equipment for converting H5 project into Vue framework
CN111966342A (en) * 2020-08-10 2020-11-20 上海中通吉网络技术有限公司 Rule configuration and analysis method, system and equipment based on similar natural language
CN112346713A (en) * 2020-09-29 2021-02-09 上海微亿智造科技有限公司 Secondary packaging method and system of el-table based on Vue + Element-UI and electronic equipment
CN113553064A (en) * 2021-07-07 2021-10-26 北京计算机技术及应用研究所 Web front-end code conversion method

Non-Patent Citations (5)

* Cited by examiner, † Cited by third party
Title
Vue+Webpack框架在银行App前端开发的应用;江庆等;《金融科技时代》;20161110(第11期);第17-21页 *
如何把一个完整的vue项目转成原生html模式?;蝶恋成灰;《https://ask.csdn.net/questions/1091326》;20210709;第1-3页 *
如何把一个完整的vue项目转成原生html模式_Vue.js从零;weixin_39828331;《https://blog.csdn.net/weixin_39828331/article/details/110923628》;20201206;第1-13页 *
有什么方法可以把vue项目改造成原生js文件?;知乎;《https://www.zhihu.com/question/440270422》;20210224;第1-2页 *
记一次 Vue 项目重构;yejinzhan;《https://segmentfault.com/a/1190000018364199》;20190302;第1-7页 *

Also Published As

Publication number Publication date
CN114371872A (en) 2022-04-19

Similar Documents

Publication Publication Date Title
CN108491205B (en) Front-end webpage development method and system based on component tree
CN112416339A (en) Page development method and device and computer equipment
JP4382326B2 (en) Method and apparatus for re-editing and re-distributing web documents
EP2151773B1 (en) Synchronous to asynchronous web page conversion
CN100578496C (en) Webpage dynamic creation method and system based on template
US7836119B2 (en) Distributed execution model for cross-organizational declarative web applications
CN101268458A (en) Data managing apparatus, data editing apparatus, data browsing apparatus, data managing method, data editing method, and data browsing method
US8839192B2 (en) System and method for presentation of cross organizational applications
JP2008508638A (en) Document processing means for assigning events to actions in a markup language environment
CN101799753B (en) Method and device for realizing tree structure
JPWO2006051905A1 (en) Data processing apparatus and data processing method
CN112068824A (en) Webpage development preview method and device and electronic equipment
CN111966336A (en) Page generation method and device based on VUE and visual graphic operation
CN105589959A (en) Form processing method and form processing system
CN112559446A (en) Nuclear power station regulation digital conversion method and system based on DCS (distributed control System)
CN113918144A (en) Method and system for generating reusable page based on image
CN111158687B (en) Interface generation method and device of JAVA plugin, computer equipment and storage medium
CN116719523A (en) Page rendering method and electronic device
JP4723511B2 (en) Document processing apparatus and document processing method
CN114371872B (en) Vue project code reverse reconstruction method
CN111596996A (en) Dynamic layout method and system
CN111311461A (en) B-S based editor and generation method for structured dynamic medical record form
Urbieta et al. A web-based model-driven platform for web augmentation
CN101268438A (en) Data processing apparatus
CN114527979A (en) Method and system for generating multi-end form interactive page

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant