CN106775687A - The method and system of pattern in a kind of modification front end frame - Google Patents

The method and system of pattern in a kind of modification front end frame Download PDF

Info

Publication number
CN106775687A
CN106775687A CN201611101674.6A CN201611101674A CN106775687A CN 106775687 A CN106775687 A CN 106775687A CN 201611101674 A CN201611101674 A CN 201611101674A CN 106775687 A CN106775687 A CN 106775687A
Authority
CN
China
Prior art keywords
pattern
css
easyui
webpage
frame
Prior art date
Application number
CN201611101674.6A
Other languages
Chinese (zh)
Inventor
黄彬
朴东国
方智强
何伟
赵康德
Original Assignee
上海华测导航技术股份有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 上海华测导航技术股份有限公司 filed Critical 上海华测导航技术股份有限公司
Priority to CN201611101674.6A priority Critical patent/CN106775687A/en
Publication of CN106775687A publication Critical patent/CN106775687A/en

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/958Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • GPHYSICS
    • G06COMPUTING; CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming

Abstract

The present invention relates to the modification of webpage pattern, more particularly to a kind of method and system for changing pattern in front end frame.The present invention by changing the source code of easyui frameworks, the definition in modification source code to pattern so that abundant easyui patterns, can be effectively expanding the pattern of easyui so that webpage pattern seems more attractive.

Description

The method and system of pattern in a kind of modification front end frame

Technical field

The present invention relates to the modification of webpage pattern, more particularly to a kind of method and system for changing pattern in front end frame.

Background technology

One front end Development Framework is exactly in fact a series of set of the HTML/CSS/JavaScript components of commercialization, User can in the design use them, using framework, minimum strength can be spent to create response type and standard compliant website, Conventional front end frame:Bootstrap, jQuery UI, jQuery Mobile, Sencha Ext JS, Dojo Mobile.

The easyui of wherein Jqueryeasyui front end frames is a plug-in unit based on jquery, and what is developed is a set of The ui frameworks of lightweight, it is very compact and feature-rich, it is a kind of user interface plug-in unit set based on jQuery.easyui It is js frameworks, it is directly many soon using easyui indoctrination sessions for new hand, have the disadvantage that pattern is relatively simple.

Because jquery-easyui frameworks are a front end frames based on js methods, pattern is little, it is impossible to meet webpage To the demand of pattern.

The content of the invention

For the problem that prior art is present, now there is provided a kind of method and system for changing pattern in front end frame.

Specific technical scheme is as follows:

The method of pattern, is applied in JqueryeasyUI front end frames in a kind of modification front end frame, methods described bag Include:

Step S1, searches the corresponding css elements of webpage pattern in easyUI storehouses;

Step S2, writes a css files, the novel type of the css files correspondence css elements;

Step S3, loads the css files in the easyUI storehouses;

Step S4, loads a css files, so that the novel type covers the JqueryeasyUI front end frames Pattern.

Preferably, the webpage pattern includes menu bar position.

Preferably, the webpage pattern includes edge length.

Preferably, the webpage pattern includes webpage background color.

Preferably, the webpage pattern includes web page background image.

The system of pattern, is applied in JqueryeasyUI front end frames in a kind of modification front end frame, the system bag Include:

Searching modul, is used to search the corresponding css elements of webpage pattern in easyUI storehouses;

Module is write, the searching modul is connected, is used to write a css files, wherein, a css files pair Answer the novel type of the css elements;

Load-on module, connect respectively the searching modul and it is described write module, in being used to load the easyUI storehouses Css files, and a css files are loaded, so that the novel type covers the JqueryeasyUI front end frames Pattern.

The beneficial effect of above-mentioned technical proposal is:

Above-mentioned technical proposal by changing the source code of easyui frameworks, the definition in modification source code to pattern so that Abundant easyui patterns, can be effectively expanding the pattern of easyui so that webpage pattern seems more attractive.

Brief description of the drawings

Fig. 1 is a kind of flow chart of the embodiment of the method for changing pattern in front end frame of the present invention;

Fig. 2 is the pattern comparison diagram before and after present invention modification;

Fig. 3 is the source code of the embodiment of pattern in present invention modification front end frame;

Fig. 4 is a kind of structural representation of the embodiment of the system for changing pattern in front end frame of the present invention.

Specific embodiment

It should be noted that in the case where not conflicting, following technical proposals can be mutually combined between technical characteristic.

Specific embodiment of the invention is further described below in conjunction with the accompanying drawings:

Embodiment one

The method of pattern, is applied in JqueryeasyUI front end frames in a kind of modification front end frame, as shown in figure 1, Method includes:

Step S1, searches the corresponding css elements of webpage pattern in easyUI storehouses;

Step S2, writes a css files, the novel type of css files correspondence css elements;

Css files in step S3, loading easyUI storehouse;

Step S4, loads a css files, so that novel type covers the pattern of JqueryeasyUI front end frames.

In the present embodiment, the pattern in somewhere in webpage is changed, find the corresponding css elements in easyui storehouses, separately write One css file, the inside is the novel type of the element of pattern to be changed, and first loads the css files in easyui storehouses, reloads oneself The css files write, so that the pattern in novel type covering framework.

Fig. 2 is the web menu page before and after contrast modification easyui frameworks, and left half is the dish that easyui frameworks are carried Single column, pattern is relatively simple, and right half is to change the menu bar after easyui frameworks.

In an embodiment preferably of the invention, webpage pattern includes menu bar position.

In an embodiment preferably of the invention, webpage pattern includes edge length.

In an embodiment preferably of the invention, webpage pattern includes webpage background color.

In an embodiment preferably of the invention, webpage pattern includes web page background image.

In above-described embodiment, the pattern in original easyui frameworks is covered using customized pattern, so that abundant use The source code of the pattern of easyui Framework Net Pages can be as shown in Figure 3.

Embodiment two

The system of pattern, is applied in JqueryeasyUI front end frames in a kind of modification front end frame, as shown in figure 4, System includes:

Searching modul, is used to search the corresponding css elements of webpage pattern in easyUI storehouses;

Module is write, connection and locating module is used to write a css files, wherein, css files correspondence css elements Novel type;

Load-on module, connection and locating module and writes module respectively, is used to load the css files in easyUI storehouses, and A css files are loaded, so that novel type covers the pattern of JqueryeasyUI front end frames.

The present embodiment is by changing the source code of easyui frameworks, the definition in modification source code to pattern, so that abundant Easyui patterns, can be effectively expanding the pattern of easyui so that webpage pattern seems more attractive.

By explanation and accompanying drawing, the exemplary embodiments of the ad hoc structure of specific embodiment are given, based on essence of the invention God, can also make other conversions.Although foregoing invention proposes existing preferred embodiment, however, these contents are not intended as Limitation.

For a person skilled in the art, after reading described above, various changes and modifications undoubtedly will be evident that. Therefore, appending claims should regard the whole variations and modifications for covering true intention of the invention and scope as.In power Any and all scope and content of equal value, are all considered as still belonging to the intent and scope of the invention in the range of sharp claim.

Claims (6)

1. it is a kind of change front end frame in pattern method, it is characterised in that be applied in JqueryeasyUI front end frames, institute The method of stating includes:
Step S1, searches the corresponding css elements of webpage pattern in easyUI storehouses;
Step S2, writes a css files, the novel type of the css files correspondence css elements;
Step S3, loads the css files in the easyUI storehouses;
Step S4, loads a css files, so that the novel type covers the sample of the JqueryeasyUI front end frames Formula.
2. it is according to claim 1 modification front end frame in pattern method, it is characterised in that the webpage pattern includes Menu bar position.
3. it is according to claim 1 modification front end frame in pattern method, it is characterised in that the webpage pattern includes Edge length.
4. it is according to claim 1 modification front end frame in pattern method, it is characterised in that the webpage pattern includes Webpage background color.
5. it is according to claim 1 modification front end frame in pattern method, it is characterised in that the webpage pattern includes Web page background image.
6. it is a kind of change front end frame in pattern system, it is characterised in that be applied in JqueryeasyUI front end frames, institute The system of stating includes:
Searching modul, is used to search the corresponding css elements of webpage pattern in easyUI storehouses;
Module is write, the searching modul is connected, is used to write a css files, wherein, the css files correspondence institute State the novel type of css elements;
Load-on module, connect respectively the searching modul and it is described write module, be used to load in the easyUI storehouses css text Part, and a css files are loaded, so that the novel type covers the pattern of the JqueryeasyUI front end frames.
CN201611101674.6A 2016-12-05 2016-12-05 The method and system of pattern in a kind of modification front end frame CN106775687A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201611101674.6A CN106775687A (en) 2016-12-05 2016-12-05 The method and system of pattern in a kind of modification front end frame

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201611101674.6A CN106775687A (en) 2016-12-05 2016-12-05 The method and system of pattern in a kind of modification front end frame

Publications (1)

Publication Number Publication Date
CN106775687A true CN106775687A (en) 2017-05-31

Family

ID=58884543

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201611101674.6A CN106775687A (en) 2016-12-05 2016-12-05 The method and system of pattern in a kind of modification front end frame

Country Status (1)

Country Link
CN (1) CN106775687A (en)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1987854A (en) * 2005-12-20 2007-06-27 北京亿中邮信息技术有限公司 Method for personalized replacing webpage subject
CN101685447A (en) * 2008-09-28 2010-03-31 国际商业机器公司 Method and system for processing CSS in segment cut and mesh-up of Web page
US20160078006A1 (en) * 2014-09-15 2016-03-17 Oracle International Corporation High performant and high fidelity previews for css preprocessing frameworks
CN106126733A (en) * 2016-07-04 2016-11-16 浪潮(北京)电子信息产业有限公司 A kind of method and system changing CSS style

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN1987854A (en) * 2005-12-20 2007-06-27 北京亿中邮信息技术有限公司 Method for personalized replacing webpage subject
CN101685447A (en) * 2008-09-28 2010-03-31 国际商业机器公司 Method and system for processing CSS in segment cut and mesh-up of Web page
US20160078006A1 (en) * 2014-09-15 2016-03-17 Oracle International Corporation High performant and high fidelity previews for css preprocessing frameworks
CN106126733A (en) * 2016-07-04 2016-11-16 浪潮(北京)电子信息产业有限公司 A kind of method and system changing CSS style

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
HHUAYUAN: "jquery-easy修改datagrid默认分页大小", 《URL:HTTPS://BLOG.51CTO.COM/HHUAYUAN/1567418》 *

Similar Documents

Publication Publication Date Title
US10268337B2 (en) Automatically generating column layouts in electronic documents
US8977978B2 (en) Outline view
CN103078868B (en) The application process of a kind of Quick Response Code and system
US10097623B2 (en) Method and device for displaying information flows in social network, and server
FI118310B (en) Presentation of a web page in a browser window and procedure for processing a web page
JP5863214B2 (en) Storage of web browsing calculations with DOM-based isomorphism
CN102591954B (en) A kind of browser data load method and device
Liu et al. A 2.7 nJ/b multi-standard 2.3/2.4 GHz polar transmitter for wireless sensor networks
US20060282758A1 (en) System and method for identifying segments in a web resource
US20140101539A1 (en) Website presenting method and browser
CN105354013A (en) Application interface rendering method and apparatus
US9639631B2 (en) Converting XML to JSON with configurable output
Legendre 30 Years of ad hoc networking research: What about humanitarian and disaster relief solutions? What are we still missing?
CN103092941B (en) The method and apparatus presenting content on an electronic device
CN105373567B (en) Page generation method and client
KR20140012664A (en) Method for rearranging web page
US9600467B2 (en) Display apparatus and character correcting method thereof
CN102193784B (en) A kind of method of user-defined interface and device
CN103365356A (en) Method and apparatus for displaying on electronic device
TWI451335B (en) Device of webkit browser and associated method of loading homapage content
JP2006285780A (en) Use method of function and function use program
CN102799640B (en) Page charger and page loading method
CN102520968B (en) Design and demonstration device for process capable of being customized and method
EP2774055A1 (en) Techniques for automated document translation
US9141596B2 (en) System and method for processing markup language templates from partial input data

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: 20170531

RJ01 Rejection of invention patent application after publication