CN107193549A - Webpage quick development method based on metadata - Google Patents
Webpage quick development method based on metadata Download PDFInfo
- Publication number
- CN107193549A CN107193549A CN201710244724.4A CN201710244724A CN107193549A CN 107193549 A CN107193549 A CN 107193549A CN 201710244724 A CN201710244724 A CN 201710244724A CN 107193549 A CN107193549 A CN 107193549A
- Authority
- CN
- China
- Prior art keywords
- metadata
- webpage
- class
- page elements
- 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.)
- 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
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Software Systems (AREA)
- Data Mining & Analysis (AREA)
- Human Computer Interaction (AREA)
- Information Transfer Between Computers (AREA)
- Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
Abstract
The invention discloses a kind of webpage quick development method based on metadata, comprise the following steps：Page elements are sorted out according to element category；The page elements sorted out are described with metadata, and are saved in database；Corresponding page elements are called from database, the page configure according to configuration rule to obtain complete webpage.The present invention, which draws web interface, need not create three files such as html, js, css, and directly by being configured to metadata, code high recycling rate, redundant code is few.
Description
Technical field
The present invention relates to webpage development field, and in particular to a kind of webpage quick development method based on metadata.
Background technology
Metadata（Metadata）It is the data for describing other data（data about other data）, in other words
Structured data for information about for providing certain resource（structured data）.Metadata be description information resource or
The data of the objects such as data, its application target is：Recognize resource；Evaluate resource；Follow the trail of the change of resource in use；
Realization simply and efficiently manages a large amount of networked datas；Realize effective discoveries of information resources, lookup, integration organization and to making
With effective management of resource.
Most of interface in existing University Websites is required for tri- document collaboration supports of html, css, js, could be normal
Running.Due to there's almost no identical two webpages in website, multiplexing same file is difficult to.When two or more
When web interface or close function, many redundancy sections will be produced in respective code, maintenance cost is very high.Work as Website page
When a lot, whether number or stock number are all very big for the file of required request, influence webpage runnability.
If it is intended to, it is necessary to corresponding file be changed, when demand is frequently changed during some elements in modification or the increase and decrease page
When, maintenance gets up to waste time and energy, and easily leakage changes etc. and to cause new bug, adds the unstability of web station interface.
The content of the invention
It is an object of the invention to provide a kind of webpage quick development method based on metadata, solve current webpage and open
Send out workload big, code redundancy, the problem of safeguarding inconvenience.
To solve above-mentioned technical problem, the present invention uses following technical scheme：
A kind of webpage quick development method based on metadata, comprises the following steps：
Page elements are sorted out according to element category；
The page elements sorted out are described with metadata, and are saved in database；
Corresponding page elements are called from database, the page configure according to configuration rule to obtain complete webpage.
Further scheme is that element category is divided into major category, data type category and displaying classification, the major category
Including layout class, function class, button class, querying condition class and form class, data type category includes text class, numeric class, day
Phase class, time class, cipher type and mailbox class, displaying classification include combobox, input frame, password box, text box, label, date
Row and time row.
Further scheme is that the specific method that page elements are described with metadata is：Using a kind of page elements as
One metadata, the descriptions of page elements as metadata content.
Further scheme is, the descriptions of page elements include element species, element category, data source, order, whether
Must, whether can it is empty, whether unique, whether can sort, whether editable.
Further scheme is that element species include querying condition, data row and button.
Further scheme is that configuration rule includes query page configuration rule and edit page configuration rule,
Query page configuration rule includes querying condition configuration and grid column configuration,
Querying condition configuration rule is that by webpage demand the page elements of querying condition are set into input frame, combobox, data
One kind in source, linkage unit, default value, querying condition title,
The configuration rule of grid column be by the page elements of grid column according to webpage demand to the titles of row, the display order of row,
The format mode of row is configured；
Edit page configuration rule includes editor's row configuration, editor's row configuration rule for will edit the page elements of row according to
Webpage demand is set in input frame, text box, combobox, data source, format check mode, reminding language and metadata title
It is a kind of.
Further scheme is that format verification mode includes data verification and Verification.
Compared with prior art, the beneficial effects of the invention are as follows：
The present invention, which draws web interface, need not create three files such as html, js, css, directly by being configured to metadata
, code high recycling rate, redundant code is few.
The present invention can be configured by developing backstage configuration center to page elements, change page display elements, nothing
Code need to be changed, is safeguarded close to " foolproof ", it is simple and convenient and save manpower, it is to avoid frequent change code causes to become unwoven or untiwisted
Leakage, improves the stability of website.
The present invention, which reaches the standard grade, to be safeguarded and only needs to safeguard public metadata, and the metadata that user personality is set is not appointed
What influences.The modification of New function metadata and metadata is all very convenient.
Embodiment
In order to make the purpose , technical scheme and advantage of the present invention be clearer, with reference to embodiments, to the present invention
It is further elaborated.It should be appreciated that the specific embodiments described herein are merely illustrative of the present invention, it is not used to
Limit the present invention.
A kind of webpage quick development method based on metadata, comprises the following steps：
Page elements are sorted out according to element category；Element category is divided into major category, data type category and displaying classification,
The major category includes layout class, function class, button class, querying condition class and form class, data type category include text class,
Numeric class, date class, time class, cipher type and mailbox class, displaying classification include combobox, input frame, password box, text box,
Label, days column and time row.
The page elements sorted out are described with metadata；The specific method that page elements are described with metadata is：
Using a kind of page elements as a metadata, the descriptions of page elements as metadata content.The description bag of page elements
Include element species, element category, data source, order, whether must, whether can it is empty, whether unique, whether can sort, whether may be used
Editor.Element species include querying condition, data row and button.
Corresponding page elements are called from database, the page configure according to configuration rule to obtain complete net
Page；Configuration rule includes query page configuration rule and edit page configuration rule, and query page configuration rule includes inquiry bar
Part is configured and grid column configuration, and querying condition configuration rule is to be set to the page elements of querying condition by webpage demand to input
One kind in frame, combobox, data source, linkage unit, default value, querying condition title, the configuration rule of grid column is by table
The page elements of lattice row are configured according to webpage demand to the format mode of the title of row, the display order of row, row；Editor
Page configuration rule includes editor and arranges configuration, and editor's row configuration rule is that will edit the page elements arranged according to webpage demand
It is set to one kind in input frame, text box, combobox, data source, format check mode, reminding language and metadata title.Lattice
Formula verification mode includes data verification and Verification, and front end frame can first verify whether input data is correct, rearward end frame
It can verify whether the parameter of input is correct.
The present invention can first develop metadata backstage configuration center, for web page element to be configured into member by configuration center
Data, the configuration item of configuration metadata includes table name, title, Chinese name, element species, element type, data source, order, is
It is no must, whether can it is empty, whether unique, whether can sort, whether editable, description, example.Generally for metadata
Configuration emphasis configuration item purposes be described as follows：
Title：The name attributes communicated as front and back end, value and assignment are in this, as unique mark.
Chinese name：The front-end interface label label to be shown.
Element species：The specific effect of marker element, is querying condition, or data row, or button authorization etc..
Element type：The display directly perceived of marker element, combobox, input frame, multiselect frame, time frame etc..
Data source：For the code of index data.Such as：When element type to be set to " combobox ", combobox needs
There are data, and these data are accomplished by being indexed with the data source of its own, it can be understood as data source is exactly an ordinary meaning
On " address ".
Sequentially：Identify the display order for element of changing the title of a reign.Such as want the order of certain two row in switching form, it is only necessary in configuration
Exchange original sequence valve of this two row.
In actual configuration process, first Webpage is identified, then by all page elements of the webpage
It is saved in by the form of metadata in database, when being configured to Webpage, it is only necessary to call all pages of the webpage
Surface element carries out configuration and can be obtained by complete webpage, and configuration is simple, and code high recycling rate, redundant code is few.
When quickly being set up to webpage, js files necessary to initially setting up the page, in metadata backstage configuration center
In create the page elements metadata code name according to demand, as the mark of the page elements metadata, and configure the page member
The corresponding page elements metadata of primitive element data code name is simultaneously remained in database, and metadata includes querying condition, list items, volume
Whether volume item three major types, the bookmark name for including showing again per data, element category, format verification type, the information such as must fill out.
, please by http by the code name of the page elements metadata after the completion of required page elements metadata configurations
Ask and send the configured good metadata of back-end data base acquisition to, call metadata array, matched somebody with somebody according to the specifying information of the page
Corresponding element is put, complete webpage is obtained.
Although reference be made herein to invention has been described for multiple explanatory embodiments of the invention, however, it is to be understood that
Those skilled in the art can be designed that a lot of other modification and embodiment, and these modifications and embodiment will fall in this Shen
Please be within disclosed spirit and spirit.More specifically, can be to master in the range of disclosure and claim
The building block and/or layout for inscribing composite configuration carry out a variety of variations and modifications.Except what is carried out to building block and/or layout
Outside modification and improvement, to those skilled in the art, other purposes also will be apparent.
Claims (7)
1. a kind of webpage quick development method based on metadata, it is characterised in that：Comprise the following steps：
Page elements are sorted out according to element category；
The page elements sorted out are described with metadata, and are saved in database；
Corresponding page elements are called from database, the page configure according to configuration rule to obtain complete webpage.
2. the webpage quick development method according to claim 1 based on metadata, it is characterised in that：The element category
It is divided into major category, data type category and displaying classification, the major category includes layout class, function class, button class, querying condition
Class and form class, the data type category include text class, numeric class, date class, time class, cipher type and mailbox class, institute
Stating displaying classification includes combobox, input frame, password box, text box, label, days column and time row.
3. the webpage quick development method according to claim 1 based on metadata, it is characterised in that：The page elements
The specific method described with metadata is：Using a kind of page elements as a metadata, the description of page elements is used as first number
According to content.
4. the webpage quick development method according to claim 3 based on metadata, it is characterised in that：The page elements
Description include element species, element category, data source, order, whether must, whether can it is empty, whether uniquely, whether can arrange
Sequence, whether editable.
5. the webpage quick development method according to claim 4 based on metadata, it is characterised in that：The element species
Including querying condition, data row and button.
6. the webpage quick development method according to claim 1 based on metadata, it is characterised in that：The configuration rule
Including query page configuration rule and edit page configuration rule,
The query page configuration rule includes querying condition configuration and grid column configuration,
The querying condition configuration rule be by the page elements of querying condition by webpage demand be set to input frame, combobox,
One kind in data source, linkage unit, default value, querying condition title,
The configuration rule of the grid column is that the page elements of grid column are suitable to the display of the titles of row, row according to webpage demand
Sequence, the format mode of row are configured；
The edit page configuration rule includes editor and arranges configuration, and editor's row configuration rule is that will edit the page elements arranged
Input frame, text box, combobox, data source, format check mode, reminding language and metadata title are set to according to webpage demand
In one kind.
7. the webpage quick development method according to claim 1 based on metadata, it is characterised in that：The format verification
Mode includes data verification and Verification.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710244724.4A CN107193549A (en) | 2017-04-14 | 2017-04-14 | Webpage quick development method based on metadata |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710244724.4A CN107193549A (en) | 2017-04-14 | 2017-04-14 | Webpage quick development method based on metadata |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107193549A true CN107193549A (en) | 2017-09-22 |
Family
ID=59870883
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710244724.4A Pending CN107193549A (en) | 2017-04-14 | 2017-04-14 | Webpage quick development method based on metadata |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107193549A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107992286A (en) * | 2017-12-06 | 2018-05-04 | 广州华旻信息科技有限公司 | Intelligent coding method, device, terminal device and storage medium |
| CN108170423A (en) * | 2017-12-27 | 2018-06-15 | 广州水木星尘信息科技有限公司 | HTML5 shares development platform system masterplate complex data management method |
| CN111258690A (en) * | 2020-01-10 | 2020-06-09 | 中国建设银行股份有限公司 | Method and device for constructing 3D page |
| CN111367507A (en) * | 2020-03-11 | 2020-07-03 | 上海东普信息科技有限公司 | Page code generation method, device, equipment and storage medium |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103593473A (en) * | 2013-11-28 | 2014-02-19 | 国家电网公司 | Form displaying method and system |
| CN104572035A (en) * | 2013-10-11 | 2015-04-29 | 北大方正集团有限公司 | Dynamic generation method and dynamic generation system of webpage codes |
-
2017
- 2017-04-14 CN CN201710244724.4A patent/CN107193549A/en active Pending
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104572035A (en) * | 2013-10-11 | 2015-04-29 | 北大方正集团有限公司 | Dynamic generation method and dynamic generation system of webpage codes |
| CN103593473A (en) * | 2013-11-28 | 2014-02-19 | 国家电网公司 | Form displaying method and system |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107992286A (en) * | 2017-12-06 | 2018-05-04 | 广州华旻信息科技有限公司 | Intelligent coding method, device, terminal device and storage medium |
| CN108170423A (en) * | 2017-12-27 | 2018-06-15 | 广州水木星尘信息科技有限公司 | HTML5 shares development platform system masterplate complex data management method |
| CN111258690A (en) * | 2020-01-10 | 2020-06-09 | 中国建设银行股份有限公司 | Method and device for constructing 3D page |
| CN111367507A (en) * | 2020-03-11 | 2020-07-03 | 上海东普信息科技有限公司 | Page code generation method, device, equipment and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN101025738B (en) | Template-free dynamic website generating method | |
| CN100444174C (en) | Method for picking-up, and aggregating micro content of web page, and automatic updating system | |
| CN104881488B (en) | Configurable information extraction method based on relation table | |
| CN108491205A (en) | A kind of front end web development methods and system based on component tree | |
| CA2807053C (en) | System for analyzing security compliance requirements | |
| US20170109441A1 (en) | Automatically generating a website specific to an industry | |
| CN105022615A (en) | Interface generating method and system | |
| CN106126648B (en) | It is a kind of based on the distributed merchandise news crawler method redo log | |
| CN107193549A (en) | Webpage quick development method based on metadata | |
| CN102566945B (en) | Method and system for realizing automatic acquisition and on-demand printing of book | |
| CN103198074A (en) | Page design method and system for dynamic publishing website | |
| CN107678943B (en) | Page automatic testing method of abstract page object | |
| CN103678511B (en) | The method and device of webpage content extraction is carried out according to visual template | |
| CN101286120A (en) | Website page manufacture method and system | |
| CN110188107A (en) | A kind of method and device of the Extracting Information from table | |
| CN111444696B (en) | Report form display and editing method and device | |
| CN103389895A (en) | Method and system for generating front end page | |
| CN106055528A (en) | Automatic generation method and apparatus of documents | |
| CN101771681A (en) | Page display control method, server and system | |
| CN104317948A (en) | Page data capturing method and system | |
| CN104715032A (en) | Mapping system and method of Chinese and English table name and field name of report system | |
| CN102314494B (en) | Method and equipment for processing webpage contents | |
| CN106095964A (en) | A kind of method that data are carried out visualization filing and search | |
| CN104142985A (en) | Semi-automatic vertical crawler generation tool and method | |
| CN102902673A (en) | Method and device for dynamically generating web pages |
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: 20170922 |
|
| RJ01 | Rejection of invention patent application after publication |