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 PDFInfo
- 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
Links
- 230000004048 modification Effects 0.000 title claims abstract description 20
- 238000006011 modification reactions Methods 0.000 title claims abstract description 20
- 230000000875 corresponding Effects 0.000 claims description 7
- 241001275944 Misgurnus anguillicaudatus Species 0.000 description 1
- 238000010586 diagrams Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 239000000686 essences Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; 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; CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
Abstract
Description
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)
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)
| 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 |
-
2016
- 2016-12-05 CN CN201611101674.6A patent/CN106775687A/en not_active Application Discontinuation
Patent Citations (4)
| 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)
| 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 |