CN105786505A - Json based complex web page component self-defining method and device - Google Patents
Json based complex web page component self-defining method and device Download PDFInfo
- Publication number
- CN105786505A CN105786505A CN201610108790.4A CN201610108790A CN105786505A CN 105786505 A CN105786505 A CN 105786505A CN 201610108790 A CN201610108790 A CN 201610108790A CN 105786505 A CN105786505 A CN 105786505A
- Authority
- CN
- China
- Prior art keywords
- assembly
- atom level
- web page
- json
- user
- 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; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/35—Creation or generation of source code model driven
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
Abstract
The invention relates to a json based complex web page component self-defining method and device.The method includes the following steps that 1, atomic-scale page elements on a web page are identified and acquired; 2, atomic-scale components are formed according to the atomic-scale page elements; 3, data models of the atomic-scale components are defined by adopting a json data structure, and functional logics of the atomic-scale components are achieved by adopting javascript; 4, a user input interface is generated according to the atomic-scale components defined in the step 3; 5, the user input interface receives input data, legal verification is conducted on the received input data, and user self-defined service components are formed according to the input data passing the verification.Compared with the prior art, the json based complex web page component self-defining method can achieve description, definition and resolution of the elements of any complex web page, provide the capability of generating component content data interfaces and facilitate component content data input performed by a user.
Description
Technical field
The present invention relates to complicated web page definition method and device, especially relate to a kind of complicated web page assembly customizing method based on json and device.
Background technology
Conventional contents management system (ContentManagementSystem, CMS) content management capabilities mainly realizes the management of the content level to website-column (sub-the column)-page, to Content Management, (content element defines user, authorize, authentication, content typing etc.) most fine granularity be independent web page, for the content element (picture in web page, word, link, advertisement etc.) do not have suitable, reusable mode is described and defines, particularly cannot realize defining in the modularization mode of software industry, cause that conventional contents management system cannot realize more becoming more meticulous, fine-grained content management function；
Modularization is the important tool of software engineering, based on Componentized mode, business object is modeled, forms new functional unit by the combination of assembly, significant for the motility of Content Management System, autgmentability, user friendly, reduction software development maintenance cost etc., it is therefore necessary to research and develop the technology of a kind of modularization definition realizing web page element and management.
Summary of the invention
Defect that the purpose of the present invention is contemplated to overcome above-mentioned prior art to exist and a kind of complicated web page assembly customizing method based on json and device are provided.
The purpose of the present invention can be achieved through the following technical solutions:
A kind of complicated web page assembly customizing method based on json, comprises the following steps:
1) identify and the atom level page elements that obtains in web page；
2) atom level assembly is formed according to described atom level page elements；
3) adopt the data model of atom level assembly described in json data structure definition, and adopt javascript to realize the function logic of each atom level assembly；
4) according to step 3) in definition after atom level assembly generate user's inputting interface；
5) user's inputting interface receives input data, and the input data received are carried out legitimacy verification, forms User Defined Service Component according to the input data that verification is passed through.
Described atom level assembly includes text component, chain joint assembly, figure chip module, shaping and digital assembly, Rich Media's assembly, boolean assembly and array assembly.
Described step 4) in, the atom level assembly after described definition automatically generates user's inputting interface of correspondence.
Described step 5) in, according to the parameter arranged in data model, input data are carried out legitimacy verification.
A kind of complicated self-defined device of web page assembly based on json, including:
Page elements identification module, for the atom level page elements identifying and obtaining in web page；
Atom level assembly generation module, for forming atom level assembly according to described atom level page elements；
Atom level assembly processing module, for adopting the data model of atom level assembly described in json data structure definition, and adopts javascript to realize the function logic of each atom level assembly；
User's inputting interface generation module, for generating user's inputting interface according to the atom level assembly after processing；
Legitimacy correction verification module, carries out legitimacy verification for the input data that user's inputting interface is received；
User Defined Service Component generation module, forms User Defined Service Component for the input data passed through according to verification.
Also include:
Component Gallery memory module, is used for storing User Defined Service Component, forms Component Gallery.
Compared with prior art, the invention have the advantages that
1) content element in the page is identified with abstract by the present invention, and the extracting components of some are general, atom level out, adopts JSON data structure to describe page assembly definition, it is possible to convenient describe arbitrarily complicated page data structure.
2) present invention can realize modularization definition and the management of web page element, the Content Management degree of depth of Content Management System (CMS) can be promoted, the range of function of activating business, thus realizing new business function (fine granularity content-defined with displaying etc.) and management mode (multi-layer mandate, authentication and issue).
3) present invention is based on atom level component architecture, by the operational analysis of higher and experience accumulation, the combination that can pass through inter-module forms up-to-date page assembly, except the attribute inheriting each atom component and function, model and javascript code extensions can also be passed through, realize new business function (such as particular data check logic etc.), thus extension element architecture, realize more powerful, Service Component system flexibly, embody multiplexing and the extension of systemic-function and business function.
4) present invention can preserve self-defining Service Component, progressively accumulates useful business function assembly, gradually forms the Service Component system (Component Gallery) of service operation, becomes the core support system of content operation, quickly support service operation；Between these assemblies or and atom component between can pass through to combine, form increasingly complex and powerful functional unit, constantly perfect and abundant content management function；And the generation of these assemblies is not usually required to technical staff and carries out secondary development, this reduces the difficulty of assembly use, multiplexing, be conducive to Content Management personnel accumulation and precipitation service operation experience.
Accompanying drawing explanation
The atom level assembly that Fig. 1 is the present invention obtains principle schematic；
Fig. 2 is the embodiment explanation schematic diagram that atom level assembly of the present invention is combined as New Parent.
Detailed description of the invention
Below in conjunction with the drawings and specific embodiments, the present invention is described in detail.The present embodiment is carried out premised on technical solution of the present invention, gives detailed embodiment and concrete operating process, but protection scope of the present invention is not limited to following embodiment.
The page is made up of the page elements of numerous dissimilar, different structure levels and granularity: the infrastructure elements such as the picture that includes in the page, link, word, numeral, also the service logic structure that these infrastructure elements combine is included, for instance the structure such as advertising area in the page, merchandise news block, notice information region, page navigation menu；These structures are bonded to each other or comprise, and constitute complicated web page form, and exist with non-structured data structure.As it is shown in figure 1, the present embodiment provides a kind of complicated web page assembly customizing method based on json, comprise the following steps:
1) identify and the atom level page elements that obtains in web page.Content element in the page is identified with abstract, the extracting components of some are general, atom level is out, such as, Text Entry in the page represents a text object, and picture represents an object picture, and the business element that combination is formed represents the business object of higher level.
2) atom level assembly is formed according to described atom level page elements.Described atom level assembly includes text component, chain joint assembly, figure chip module, shaping and digital assembly, Rich Media's assembly, boolean assembly and array assembly.These atom level assemblies are inseparable from page elements, it is possible to be used for describing arbitrarily complicated page data structure.
3) adopt the data model of atom level assembly described in json data structure definition, and adopt javascript to realize the function logic of each atom level assembly.
Each atom level assembly has the model information adopting json form to describe, for instance whether text component includes text greatest length, minimum length, is the attributes such as sky, can carry out parameter setting when definition, for the verification of user input data；Assembly also has the component logic that javascript program realizes simultaneously, for carrying out the function such as assembly display interface, the input verification of data, Function Extension；Assembly can be adopted by Content Management personnel directly to be write page model or adopts the mode that visualization is drawn to quote.
4) according to step 3) in definition after atom level assembly generate user's inputting interface.Atom level assembly after definition automatically generates user's inputting interface of correspondence.
5) user's inputting interface receives input data, and the input data received are carried out legitimacy verification, forms User Defined Service Component according to the input data that verification is passed through.
The present embodiment also provides for a kind of complicated self-defined device of web page assembly based on json, including: page elements identification module, for the atom level page elements identifying and obtaining in web page；Atom level assembly generation module, for forming atom level assembly according to described atom level page elements；Atom level assembly processing module, for adopting the data model of atom level assembly described in json data structure definition, and adopts javascript to realize the function logic of each atom level assembly；User's inputting interface generation module, for generating user's inputting interface according to the atom level assembly after processing；Legitimacy correction verification module, carries out legitimacy verification for the input data that user's inputting interface is received；User Defined Service Component generation module, forms User Defined Service Component for the input data passed through according to verification.Meanwhile, this device may also comprise Component Gallery memory module, is used for storing User Defined Service Component, forms Component Gallery.
As shown in Figure 2, the present invention is based on atom level component architecture, by the operational analysis of higher and experience accumulation, the combination that can pass through inter-module forms up-to-date page assembly, except the attribute inheriting each atom component and function, model and javascript code extensions can also be passed through, realize new business function (such as particular data check logic etc.), thus extension element architecture, realize more powerful, Service Component system flexibly, embody multiplexing and the extension of systemic-function and business function.Such as a simple merchandise news original list, by combine text assembly (buyer's guide word), chain joint assembly (link of commodity details), three kinds of atom component of figure chip module (commodity picture), form reusable merchandise news assembly, such that it is able to the items list occurred in the page of being everlasting is defined fast, easily and describes, avoid, directly from the complexity of atom level component definition and inefficiencies, improving the efficiency of Content Management.
Claims (6)
1. the complicated web page assembly customizing method based on json, it is characterised in that comprise the following steps:
1) identify and the atom level page elements that obtains in web page；
2) atom level assembly is formed according to described atom level page elements；
3) adopt the data model of atom level assembly described in json data structure definition, and adopt javascript to realize the function logic of each atom level assembly；
4) according to step 3) in definition after atom level assembly generate user's inputting interface；
5) user's inputting interface receives input data, and the input data received are carried out legitimacy verification, forms User Defined Service Component according to the input data that verification is passed through.
2. the complicated web page assembly customizing method based on json according to claim 1, it is characterized in that, described atom level assembly includes text component, chain joint assembly, figure chip module, shaping and digital assembly, Rich Media's assembly, boolean assembly and array assembly.
3. the complicated web page assembly customizing method based on json according to claim 1, it is characterised in that described step 4) in, the atom level assembly after described definition automatically generates user's inputting interface of correspondence.
4. the complicated web page assembly customizing method based on json according to claim 1, it is characterised in that described step 5) in, according to the parameter arranged in data model, input data are carried out legitimacy verification.
5. the complicated self-defined device of web page assembly based on json, it is characterised in that including:
Page elements identification module, for the atom level page elements identifying and obtaining in web page；
Atom level assembly generation module, for forming atom level assembly according to described atom level page elements；
Atom level assembly processing module, for adopting the data model of atom level assembly described in json data structure definition, and adopts javascript to realize the function logic of each atom level assembly；
User's inputting interface generation module, for generating user's inputting interface according to the atom level assembly after processing；
Legitimacy correction verification module, carries out legitimacy verification for the input data that user's inputting interface is received；
User Defined Service Component generation module, forms User Defined Service Component for the input data passed through according to verification.
6. the complicated web page assembly customizing method based on json according to claim 1, it is characterised in that also include:
Component Gallery memory module, is used for storing User Defined Service Component, forms Component Gallery.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610108790.4A CN105786505A (en) | 2016-02-26 | 2016-02-26 | Json based complex web page component self-defining method and device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201610108790.4A CN105786505A (en) | 2016-02-26 | 2016-02-26 | Json based complex web page component self-defining method and device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN105786505A true CN105786505A (en) | 2016-07-20 |
Family
ID=56403763
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201610108790.4A Pending CN105786505A (en) | 2016-02-26 | 2016-02-26 | Json based complex web page component self-defining method and device |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN105786505A (en) |
Cited By (11)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106302008A (en) * | 2016-08-05 | 2017-01-04 | 腾讯科技（深圳）有限公司 | Data-updating method and device |
| CN106775725A (en) * | 2016-12-19 | 2017-05-31 | 网易（杭州）网络有限公司 | A kind of visual configuration edit methods and device |
| CN108073418A (en) * | 2017-12-29 | 2018-05-25 | 上海全成通信技术有限公司 | A kind of page assembly based on JSON specifications defines method |
| CN108228762A (en) * | 2017-12-25 | 2018-06-29 | 石化盈科信息技术有限责任公司 | For the method and system of primary database common template to be configured |
| CN108234206A (en) * | 2017-12-29 | 2018-06-29 | 上海全成通信技术有限公司 | A kind of website right management method for being suitable for multistage coordination operation |
| CN108549693A (en) * | 2018-04-13 | 2018-09-18 | 上海宝尊电子商务有限公司 | CMS page generation methods based on crawler technology |
| CN109086046A (en) * | 2018-08-02 | 2018-12-25 | 中国建设银行股份有限公司 | A kind of front-end code automatic generation method and system based on interface specification document |
| CN109766096A (en) * | 2018-12-15 | 2019-05-17 | 深圳壹账通智能科技有限公司 | Front end assemblies Element generation system, method, computer equipment and storage medium |
| CN110990126A (en) * | 2019-12-12 | 2020-04-10 | 北京明略软件系统有限公司 | Method and device for realizing shortcut front-end service page based on js |
| CN112988155A (en) * | 2021-05-17 | 2021-06-18 | 成都数联铭品科技有限公司 | Method for driving interface change of multiple software systems based on data model |
| CN115499793A (en) * | 2021-06-18 | 2022-12-20 | 深圳艾派网络科技股份有限公司 | 5G short message making method and system and 5G short message system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870266A (en) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | Method and system for generating page |
| CN105574049A (en) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | Page processing method, device and system of mobile applications |
-
2016
- 2016-02-26 CN CN201610108790.4A patent/CN105786505A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103870266A (en) * | 2012-12-12 | 2014-06-18 | 杭州新世纪电子科技有限公司 | Method and system for generating page |
| CN105574049A (en) * | 2014-10-30 | 2016-05-11 | 阿里巴巴集团控股有限公司 | Page processing method, device and system of mobile applications |
Non-Patent Citations (1)
| Title |
|---|
| 黄俊莲: "《可定制的WEB界面设计技术研究》", 《中国优秀硕士学位论文全文数据库 信息科技辑》 * |
Cited By (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106302008A (en) * | 2016-08-05 | 2017-01-04 | 腾讯科技（深圳）有限公司 | Data-updating method and device |
| CN106302008B (en) * | 2016-08-05 | 2019-02-26 | 腾讯科技（深圳）有限公司 | Data-updating method and device |
| CN106775725B (en) * | 2016-12-19 | 2020-12-01 | 网易（杭州）网络有限公司 | Visual configuration editing method and device |
| CN106775725A (en) * | 2016-12-19 | 2017-05-31 | 网易（杭州）网络有限公司 | A kind of visual configuration edit methods and device |
| CN108228762A (en) * | 2017-12-25 | 2018-06-29 | 石化盈科信息技术有限责任公司 | For the method and system of primary database common template to be configured |
| CN108073418A (en) * | 2017-12-29 | 2018-05-25 | 上海全成通信技术有限公司 | A kind of page assembly based on JSON specifications defines method |
| CN108234206A (en) * | 2017-12-29 | 2018-06-29 | 上海全成通信技术有限公司 | A kind of website right management method for being suitable for multistage coordination operation |
| CN108549693A (en) * | 2018-04-13 | 2018-09-18 | 上海宝尊电子商务有限公司 | CMS page generation methods based on crawler technology |
| CN109086046A (en) * | 2018-08-02 | 2018-12-25 | 中国建设银行股份有限公司 | A kind of front-end code automatic generation method and system based on interface specification document |
| CN109766096A (en) * | 2018-12-15 | 2019-05-17 | 深圳壹账通智能科技有限公司 | Front end assemblies Element generation system, method, computer equipment and storage medium |
| CN110990126A (en) * | 2019-12-12 | 2020-04-10 | 北京明略软件系统有限公司 | Method and device for realizing shortcut front-end service page based on js |
| CN112988155A (en) * | 2021-05-17 | 2021-06-18 | 成都数联铭品科技有限公司 | Method for driving interface change of multiple software systems based on data model |
| CN115499793A (en) * | 2021-06-18 | 2022-12-20 | 深圳艾派网络科技股份有限公司 | 5G short message making method and system and 5G short message system |
| CN115499793B (en) * | 2021-06-18 | 2024-02-27 | 深圳艾派网络科技股份有限公司 | 5G short message making method, system and 5G short message system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN105786505A (en) | Json based complex web page component self-defining method and device | |
| CN102725729B (en) | For criterion validation from graphical interfaces analytic target | |
| CN108228180A (en) | Real time workshop method and system based on visual interface design | |
| CN103678625A (en) | Method and device for transforming interactive electronic technical manual data | |
| CN105786921B (en) | A kind of the data module method for transformation and device of non-structured document | |
| US20140101534A1 (en) | Method of authoring xml document and apparatus for performing the same | |
| CN110968294B (en) | Business domain model establishing system and method | |
| JP2009295021A (en) | Sequence diagram creation device, sequence diagram creation method, and computer program | |
| CN105809375A (en) | Extension form design integrating method | |
| CN105808646A (en) | Content management checkout method and device in complex page on the basis of json schema | |
| CN115495069B (en) | Model-driven coal industry software process implementation method, device and equipment | |
| CN114020256A (en) | Front-end page generation method, device and equipment and readable storage medium | |
| dos Santos Soares et al. | Requirements specification and modeling through SysML | |
| CN111859053A (en) | Data definition method of visual chart and chart library realized by data definition method | |
| CN111752565A (en) | Interface generation method and device, computer equipment and readable storage medium | |
| CN104375814A (en) | Generation method and device of an interface document | |
| US9038004B2 (en) | Automated integrated circuit design documentation | |
| CN105389021A (en) | Input box information display method and display apparatus | |
| CN101436309B (en) | Method and apparatus for modifying formula operator | |
| CN104462631B (en) | Circuit diagram generating device and circuit diagram generating method | |
| CN103226475A (en) | Method and device for realizing control replacement during transcoding | |
| JP2007265011A (en) | Screen program layout change method, information processor, program and recording medium | |
| JP4484791B2 (en) | Verification data generation apparatus, verification data generation program, and verification data generation method | |
| CN108829968A (en) | Circuit diagram checking method based on Python spread function | |
| JP2009223856A (en) | Support system, model generation device, display device, support method and manufacturing method |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20160720 |