CN110543309A - page development method and system - Google Patents
page development method and system Download PDFInfo
- Publication number
- CN110543309A CN110543309A CN201910842450.8A CN201910842450A CN110543309A CN 110543309 A CN110543309 A CN 110543309A CN 201910842450 A CN201910842450 A CN 201910842450A CN 110543309 A CN110543309 A CN 110543309A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- parent
- page component
- child
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
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)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Stored Programmes (AREA)
Abstract
The invention discloses a page development method and a page development system. The page development method comprises the following steps: acquiring a parent page component set, wherein the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism. Inheriting the parent page component set, and writing a child page component different from the parent page component to form a child page component set, wherein each child page component in the child page component set comprises an ID mechanism. And generating the sub-page by using a componentization development method according to the sub-page component set. Therefore, the invention extracts the pages with the same or similar expression from one type of pages to form a parent page component set. When the child page is generated, only components different from the parent page need to be written, the child page is developed by adopting a page inheritance method, the professional requirements on developers are greatly reduced through page component multiplexing, the repeated workload of the developers is reduced, the page development efficiency can be effectively improved, and the human resource cost is reduced.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a page development method and a page development system.
background
In the prior art, when pages are written by componentization, even if the pages belong to extremely similar pages, a great deal of same repetitive work needs to be performed on components of each page, including: setting attributes, monitoring events, processing method codes and the like has high requirements on the professional level of developers, not only increases the cost of human resources, but also reduces the development efficiency of the webpage.
Disclosure of Invention
The invention aims to provide a page development method and a page development system, which can effectively improve the page development efficiency.
in order to achieve the purpose, the invention provides the following scheme:
A method of page development, the method comprising:
Acquiring a parent page component set, wherein the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism;
Inheriting the parent page component set, and writing a child page component different from the parent page component to form a child page component set, wherein each child page component in the child page component set comprises an ID mechanism;
And generating the sub-page by using a componentization development method according to the sub-page component set.
Optionally, the writing of a child page component different from the parent page component specifically includes:
Replacing components with corresponding IDs in the parent page component set by using the same component ID convention;
inheriting the parent page component set to increase components by defining child page component IDs which are not in any ID range of the parent page component set;
defining a deletion component, stating that the deletion component is only covered without component expression, and after covering, the component does not contain any effective information so as to achieve the purpose of deleting the parent page component.
a page development system, the system comprising:
The system comprises a component set acquisition module, a page component set generation module and a page component set generation module, wherein the component set acquisition module is used for acquiring a parent page component set, the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism;
The inheritance compiling module is used for inheriting the father page component set and compiling a child page component different from the father page component to form a child page component set, and each child page component in the child page component set comprises an ID mechanism;
and the sub-page generating module is used for generating the sub-page by using a componentization development method according to the sub-page component set.
Optionally, the inheritance writing module includes:
The modifying unit is used for replacing components with corresponding IDs in the parent page component set by using the same component ID convention;
The adding unit is used for carrying out inheritance component addition on the parent page component set by defining the ID of the child page component which is not in any ID range of the parent page component set;
and the deleting unit is used for defining a deleting component, declaring that the deleting component is only covered and has no component expression, and after covering, the component does not contain any effective information so as to achieve the aim of deleting the parent page component.
According to the specific embodiment provided by the invention, the invention discloses the following technical effects:
The page development method provided by the invention comprises the following steps: acquiring a parent page component set, wherein the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism. Inheriting the parent page component set, and writing a child page component different from the parent page component to form a child page component set, wherein each child page component in the child page component set comprises an ID mechanism. And generating the sub-page by using a componentization development method according to the sub-page component set. Therefore, the invention extracts the pages with the same or similar expression from one type of pages to form a parent page component set. When the child page is generated, only components different from the parent page need to be written, the child page is developed by adopting a page inheritance method, the professional requirements on developers are greatly reduced through page component multiplexing, the repeated workload of the developers is reduced, the page development efficiency can be effectively improved, and the human resource cost is reduced.
drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings without inventive exercise.
fig. 1 is a flowchart of a page development method according to an embodiment of the present invention;
Fig. 2 is a block diagram of a page development system according to an embodiment of the present invention.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious 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.
the invention aims to provide a page development method and a page development system, which can effectively improve the page development efficiency.
In order to make the aforementioned objects, features and advantages of the present invention comprehensible, embodiments accompanied with figures are described in further detail below.
Fig. 1 is a flowchart of a page development method according to an embodiment of the present invention. As shown in fig. 1, the method includes:
Step 101: acquiring a parent page component set, wherein the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism.
different blocks of the page are modularized, and the modularized page components can be basic single function components such as buttons, text boxes or selection boxes, can also be a form or a form container, or can be related page interaction functions and background components.
Each component is designed and provides attributes, events, methods and background response methods related to the component, and the like, and is used for interaction among the components, the display style, interaction mode and other contents of the component are set through the attributes of the component, various system interactions are triggered through the events, the attributes are changed through the methods, and the interactions are set.
the combination of multiple components can form a container component, such as html table, and multiple components can also be combined into a new component. Similarly, the new assembly and container assembly is formed as a common assembly, including the properties, events and methods encapsulated by the assembly, in a manner that is not different from that of a common button assembly, except that the assembly already has a partial page form.
Each function interacting with the server is also a component, like the ajax component, which is the most basic server interaction component. The data source of each front-end component is a background, so the generation and the update of background data depend on a response method of the background, each component can selectively define the background method and can also define components only comprising background functions, wherein one component is used for generating default attributes of the components, and the other component is used for responding component events and processing requests of the component methods.
step 102: inheriting the parent page component set, and writing a child page component different from the parent page component to form a child page component set, wherein each child page component in the child page component set comprises an ID mechanism.
Writing the component refers to adding, modifying and deleting the component to the sub-page so as to achieve the purpose of meeting the page requirement. In practical application, after the child page inherits all the functions of the parent page, the specific components of the child page can be modified according to the practical application requirements of the child page. The written components are different according to different application scenarios. In this embodiment, writing a child page component different from the parent page component specifically includes:
replacing components with corresponding IDs in the parent page component set by using the same component ID convention;
inheriting the parent page component set to increase components by defining child page component IDs which are not in any ID range of the parent page component set;
defining a deletion component, stating that the deletion component is only covered without component expression, and after covering, the component does not contain any effective information so as to achieve the purpose of deleting the parent page component.
step 103: and generating the sub-page by using a componentization development method according to the sub-page component set. When the server responds to the child page, the components of the child page are used to be prior to the components of the parent page, and the specific implementation mode is as follows:
respectively establishing object maps aiming at a parent page component and a child page component, wherein key is a component ID, and value is all contents of the page component, including set attributes, monitored events, executed codes or methods;
Putting the map of the child page corresponding to all keys and values into the map of the father page, and taking the map of the father page as a standard; or after judging that the key does not exist in the map of the child page, putting the key and the value corresponding to the map of the parent page into the map of the child page, and taking the map of the child page as a standard;
and generating a page aiming at the map serving as the standard.
The specific steps of the sub-page development process and the analysis and execution process provided by the invention are as follows:
sub-page development process
1. The component set of each page has a page level component, and the page level component is used for setting the representation form of the page, such as: whether log-in is needed, whether log recording is needed, and the like.
2. when a parent page is developed, a componentization development method is used, each parent page component contains an ID mechanism, and a parent page component set is obtained after the development is completed.
3. And the parent page and the child page corresponding to each parent page and child page component set are provided with IDs (identity) called page IDs, and the page IDs of the parent page and the child page are different. The page is a browser visualization page with a Uniform Resource Locator (URL) address, each page has an independent URL address, and the page ID is a page ID after irrelevant information such as a domain name is removed, and is unique to the page.
4. when the child page is developed, a componentization development method is used, each child page component comprises an ID mechanism, and the child page component set declares which parent page set ID is inherited from through the page level component in the 1.
5. When a child page is developed, components corresponding to IDs in a parent page component set are replaced by the same component ID convention; inheriting the parent page component set to increase components by defining child page component IDs which are not in any ID range of the parent page component set; declare special coverage by defining a special component 'delete component' to achieve the purpose of deleting a parent page component set; the special component 'deleting component' refers to a special covering method of the component, after covering, the component does not contain any effective information, namely light covering, and no component is represented, so that the special covering is achieved, namely the component is deleted. Therefore, after the writing operation, the child page can complete inheritance to the parent page, and components can be added, modified and deleted simultaneously.
6. The parent page component set and the child page component set take the ID as a key and the attribute, event, method and sub-component of the component as a value to form a key and value key value pair; wherein the sub-components are in array form, similar to the sub-node array of dom.
7. the method code of the component is defined differently according to different components, and can be server-side code or client-side code.
(II) sub-page analysis and execution processes:
1. When the page is executed, the page ID is transmitted as an access parameter;
2. identifying the access parameters of the page in the step 1 and acquiring key and value key value pairs of the current page component set, wherein the key and value key value pairs are defined as C;
3. Identifying the page-level component, and acquiring a parent page component set ID inherited by the current page;
4. acquiring key and value key value pairs F of the parent page component set according to the parent page component set ID;
5. putting the key and the value of the F into the C according to the key, and generating a new assembly set to be executed, which is defined as C1;
6. and C1 is analyzed and executed, wherein the server code is executed according to a preset mode of the component to obtain a page P, and the P is html, css, js or ajax data which is finally interacted with the client.
Fig. 2 is a block diagram of a page development system according to an embodiment of the present invention. As shown in fig. 2, the development system includes:
The component set obtaining module 201 is configured to obtain a parent page component set, where the parent page component set includes multiple parent page components, and each parent page component includes an ID mechanism.
An inheritance writing module 202, configured to inherit the parent page component set, and write a child page component different from the parent page component to form a child page component set, where each child page component in the child page component set includes an ID mechanism. The inheritance writing module comprises:
The modifying unit is used for replacing components with corresponding IDs in the parent page component set by using the same component ID convention;
the adding unit is used for carrying out inheritance component addition on the parent page component set by defining the ID of the child page component which is not in any ID range of the parent page component set;
and the deleting unit is used for defining a deleting component, declaring that the deleting component is only covered and has no component expression, and after covering, the component does not contain any effective information so as to achieve the aim of deleting the parent page component.
And the sub-page generating module 203 is configured to generate a sub-page by using a componentization development method according to the sub-page component set.
The implementation principle of the page development method and the system provided by the invention is as follows:
the first page is provided with a page ID and the second page is also provided with a page ID defining a special element, called a page element, which is to be understood as a page having only one page element.
The page component defines a special attribute, such as inheriting the "page ID" attribute, then by setting this attribute, the second page can be defined as inheriting the first page, and without adding components, the page development has been completed, but this second page has no difference except that the page ID is different from the first page.
because the first page is completed by componentization development, when the first page is developed, each component of the first page is given an independent function ID, and then the covering component of the second page is consistent with the covering component of the first page, logically, page replacement and inheritance identification based on the component ID form are completed.
Based on the component approach, special components can still be defined, such as replacement components, which are only replaced on the server side, or are rendered invisible and/or unusable by fixed hiding.
The server executes the second page, which can be similar to the way that the second page serves as an object, the first page serves as an object, and the second page inherits the first page, so that the purpose of inheriting the development webpage is realized.
when the method and the system provided by the invention are used for page development of file management, file information such as customer files, supplier files and the like is unified into a father page called a file page through page componentization, and after the son page inherits the file page, the file son page with unified style interacting with the background can be quickly completed only by putting input components required by each file into container components with specific ID and setting the background storage table name of a configuration component.
according to the invention, the pages with the same or similar expression are extracted to form the parent page, and the child page only concerns the components different from the parent page, so that more page logic can be concerned by developers, the repeated work is reduced, the page component reuse is provided, and the development efficiency is improved. The development of a parent page can be well developed by a developer with excellent profession, the development of a page system can be quickly completed by developing a child page by a common developer even by a person without code, the requirement on the profession of the developer is not high, and the cost of human resources can be greatly reduced.
The embodiments in the present description are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other.
The principles and embodiments of the present invention have been described herein using specific examples, which are provided only to help understand the method and the core concept of the present invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, the specific embodiments and the application range may be changed. In view of the above, the present disclosure should not be construed as limiting the invention.
Claims (4)
1. A page development method, characterized in that the method comprises:
acquiring a parent page component set, wherein the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism;
inheriting the parent page component set, and writing a child page component different from the parent page component to form a child page component set, wherein each child page component in the child page component set comprises an ID mechanism;
and generating the sub-page by using a componentization development method according to the sub-page component set.
2. The page development method according to claim 1, wherein the writing of a child page component different from the parent page component specifically includes:
Replacing components with corresponding IDs in the parent page component set by using the same component ID convention;
inheriting the parent page component set to increase components by defining child page component IDs which are not in any ID range of the parent page component set;
defining a deletion component, stating that the deletion component is only covered without component expression, and after covering, the component does not contain any effective information so as to achieve the purpose of deleting the parent page component.
3. A page development system, the system comprising:
the system comprises a component set acquisition module, a page component set generation module and a page component set generation module, wherein the component set acquisition module is used for acquiring a parent page component set, the parent page component set comprises a plurality of parent page components, and each parent page component comprises an ID mechanism;
the inheritance compiling module is used for inheriting the father page component set and compiling a child page component different from the father page component to form a child page component set, and each child page component in the child page component set comprises an ID mechanism;
And the sub-page generating module is used for generating the sub-page by using a componentization development method according to the sub-page component set.
4. the page development system of claim 3, wherein the legacy authoring module comprises:
The modifying unit is used for replacing components with corresponding IDs in the parent page component set by using the same component ID convention;
The adding unit is used for carrying out inheritance component addition on the parent page component set by defining the ID of the child page component which is not in any ID range of the parent page component set;
and the deleting unit is used for defining a deleting component, declaring that the deleting component is only covered and has no component expression, and after covering, the component does not contain any effective information so as to achieve the aim of deleting the parent page component.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910842450.8A CN110543309A (en) | 2019-09-06 | 2019-09-06 | page development method and system |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910842450.8A CN110543309A (en) | 2019-09-06 | 2019-09-06 | page development method and system |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110543309A true CN110543309A (en) | 2019-12-06 |
Family
ID=68712809
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910842450.8A Pending CN110543309A (en) | 2019-09-06 | 2019-09-06 | page development method and system |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110543309A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113703745A (en) * | 2021-02-26 | 2021-11-26 | 腾讯科技（深圳）有限公司 | Page generation method and device, computer readable storage medium and electronic equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030149717A1 (en) * | 2002-02-05 | 2003-08-07 | William Heinzman | Batch processing job streams using and/or precedence logic |
| CN102541564A (en) * | 2011-12-31 | 2012-07-04 | 东软集团股份有限公司 | UI (User Interface) multiplexing method and device |
| US20130232131A1 (en) * | 2012-03-04 | 2013-09-05 | International Business Machines Corporation | Managing search-engine-optimization content in web pages |
| CN107247587A (en) * | 2017-05-26 | 2017-10-13 | 上海斐讯数据通信技术有限公司 | A kind of web page template generation method and device |
| CN108549532A (en) * | 2018-03-14 | 2018-09-18 | 武汉斗鱼网络科技有限公司 | Webpage construction method, device, electronic equipment and storage medium |
-
2019
- 2019-09-06 CN CN201910842450.8A patent/CN110543309A/en active Pending
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20030149717A1 (en) * | 2002-02-05 | 2003-08-07 | William Heinzman | Batch processing job streams using and/or precedence logic |
| CN102541564A (en) * | 2011-12-31 | 2012-07-04 | 东软集团股份有限公司 | UI (User Interface) multiplexing method and device |
| US20130232131A1 (en) * | 2012-03-04 | 2013-09-05 | International Business Machines Corporation | Managing search-engine-optimization content in web pages |
| CN107247587A (en) * | 2017-05-26 | 2017-10-13 | 上海斐讯数据通信技术有限公司 | A kind of web page template generation method and device |
| CN108549532A (en) * | 2018-03-14 | 2018-09-18 | 武汉斗鱼网络科技有限公司 | Webpage construction method, device, electronic equipment and storage medium |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113703745A (en) * | 2021-02-26 | 2021-11-26 | 腾讯科技（深圳）有限公司 | Page generation method and device, computer readable storage medium and electronic equipment |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11538046B2 (en) | Page data acquisition method, apparatus, server, electronic device and computer readable medium | |
| US9021442B2 (en) | Dynamic scenario testing of web application | |
| US10565293B2 (en) | Synchronizing DOM element references | |
| CA2907890C (en) | Document automation systems | |
| US11194884B2 (en) | Method for facilitating identification of navigation regions in a web page based on document object model analysis | |
| CN105511873B (en) | User interface control display method and device | |
| CN104956375B (en) | Rendering UI elements based on rules | |
| US20120191840A1 (en) | Managing Application State Information By Means Of A Uniform Resource Identifier (URI) | |
| Ghiani et al. | An environment for end-user development of web mashups | |
| US9122762B2 (en) | Method and system to maintain a web page | |
| US8707171B2 (en) | Service registry policy editing user interface | |
| CN111475161A (en) | A method, apparatus and device for accessing components | |
| CN112612943A (en) | Asynchronous processing framework-based data crawling method with automatic testing function | |
| JP2017504129A (en) | Construction of a state expression represented in a web browser | |
| CN111679976A (en) | Method and device for searching page object | |
| CN117453713A (en) | SQL sentence generation method, device and storage medium for multi-type database | |
| CN113934959B (en) | Program preview method and device, computer equipment and storage medium | |
| US11604662B2 (en) | System and method for accelerating modernization of user interfaces in a computing environment | |
| JP6505849B2 (en) | Generation of element identifier | |
| US20080155493A1 (en) | Method for ensuring unique identification of program elements across multiple executions | |
| Upadhyaya et al. | Extracting restful services from web applications | |
| CN110543309A (en) | page development method and system | |
| WO2022235170A1 (en) | Methods and systems for obtaining and storing web pages | |
| Aksoy et al. | MATAWS: A multimodal approach for automatic WS semantic annotation | |
| Daniel et al. | Quality in mashup development |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191206 |
|
| RJ01 | Rejection of invention patent application after publication |