CN108733372A - A kind of customization pattern website accomplishing method - Google Patents
A kind of customization pattern website accomplishing method Download PDFInfo
- Publication number
- CN108733372A CN108733372A CN201810474157.6A CN201810474157A CN108733372A CN 108733372 A CN108733372 A CN 108733372A CN 201810474157 A CN201810474157 A CN 201810474157A CN 108733372 A CN108733372 A CN 108733372A
- Authority
- CN
- China
- Prior art keywords
- page
- website
- data
- interface
- pattern
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 68
- 230000003068 static effect Effects 0.000 claims abstract description 10
- 230000000694 effects Effects 0.000 claims description 28
- 230000008569 process Effects 0.000 claims description 3
- 230000009466 transformation Effects 0.000 claims description 3
- 230000009471 action Effects 0.000 claims description 2
- 238000004519 manufacturing process Methods 0.000 abstract description 4
- 230000007704 transition Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
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
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The present invention provides a kind of customization pattern website accomplishing methods, including static data displaying implementation method and dynamic data to show implementation method；The website style editor for providing basis makes client provide design sketch, and website pattern is voluntarily generated by editing machine, submits publication；In the dynamic data displaying implementation method, specifically include, built-in self-defined element upload function is as basic function；The data for defining web site contents show type and element to be uploaded or the interrelational form of uplink cell and data displaying type；The element that combination storage has been associated with, forms dynamic assembly；Define page type；Customer terminal webpage selection mode and page assembly addition manner are set.Compared with prior art, low manufacture cost can realize the customization of the website pattern of high requirement convenient for user according to oneself preference.
Description
Technical field
The present invention relates to a kind of customization pattern website accomplishing methods, are related to website design field.
Background technology
With the high speed development of internet, especially mobile Internet, the demand that medium-sized and small enterprises market for internet is got over
Come bigger, and it is more apparent to build website (containing PC, movement), the demand of small routine and wechat public platform.Medium-sized and small enterprises are used
Family, in website, for product introduction, business advice is shown as demand the most basic, but different industries are different types of
SME users suffer from website pattern personalized requirement.
The main point template station of the service of building a station at present on the market, i.e. service provider provide template, and user adds content, applies mechanically mould
Plate.This kind of product price is cheap, and period of service limit for length.But this product is only capable of meeting the displaying demand of user, pattern
More single, user can only select fixed form.If user has higher requirement for website pattern, it is typically chosen customization
The service of change.The product that service provider provides cannot be multiplexed to third party user, so cost of manufacture is high, unit price is higher.
To sum up, the customization pattern website of inexpensive, the long period of service is the core demand of current medium-sized and small enterprises master.
Invention content
The present invention provides a kind of customization pattern website accomplishing methods, have low manufacture cost, being capable of root convenient for user
The characteristics of website pattern customization of high requirement is realized according to oneself preference.
According to a kind of customization pattern website accomplishing method provided by the invention, including static data displaying implementation method and
Dynamic data shows implementation method；It is characterized in that：The website style editor for providing basis makes client provide design sketch,
Website pattern is voluntarily generated by editing machine, submits publication；In the dynamic data displaying implementation method, specifically include,
Built-in self-defined element upload function is enabled the client to as basic function by uploading interface uplink cell；
The data for defining web site contents show type and element to be uploaded or the pass of uplink cell and data displaying type
Connection mode is enabled the client to element to be uploaded or uplink cell associated data source, to realize uplink cell and specific number
According to the association of type；
The element that combination storage has been associated with, forms dynamic assembly；
Define page type, including homepage, company information displaying page, product details page, the product classification page, graph text information
Details page, the graph text information classification page, atlas displaying page and picture check any one in page or arbitrary several；
Customer terminal webpage selection mode and page assembly addition manner are set, to enable the client to designed dynamic
Component is added to the page of selection；
The element is single least member, including text, figure, radio box, check box, text box and Time of Day
Any one or a few in choice box；The module shown is needed to form in the station that the component is assembled into for element；The page
Face by parts assembling at.A set of page forms a template.
The method further includes that associated data is converted to data-interface, such interface process is handled, by code operation
Content transformation be the optional option of client, by the element associated data source of upload in a manner of making client pass through selection.
The method further includes that associated data bandwagon effect, including associated data rule number, item number content and association is arranged
The specified classification of data.
The method further includes the self-defined element option of setting, including any one in self-defined pattern, color and size
Kind is several.
The method further includes the specified addition link interface of setting member, and addition element is fetched by designated strands.
The method further includes the self-defined assembly component option of setting, and group is beaten after element assembly and generates self-defined static component
And/or self-defined dynamic assembly generates dynamic list.
The method further includes that the function choosing-item of the self-defined pattern of component is arranged, to realize client in custom feature
The selection of appearance.
The method further includes that option is changed and replaced to setting component internal element pattern.
The method further includes the setting self-defined adjustment option of template component, is carried out after supporting template to split into several components
Self-defined adjustment.
Further include that animation data shows that implementation method, specific method include,
Client animation data key frame is set and interface is arranged in intermediate frame；The key frame includes preceding key frame and rear pass
Key frame；
Setting interface and the page page-turning effect setting interface of crucial frame time, position and pattern are set；
The page-turning effect setting interface includes that interface is arranged with page is redirected in current page setting interface.
The method further includes the setting page/animation switching setting interface, and page layout switch animation effect is arranged.
The method further includes that interface, including carousel picture switching setting and/or video cartoon is arranged in setting animation effect
Incision setting.
The method further include setting arrangement mode be arranged interface, including combination cancel combination and figure layer arrangement mode set
Set interface.
Compared with prior art, low manufacture cost can realize the website of high requirement convenient for user according to oneself preference
The customization of pattern.
Description of the drawings
Fig. 1 is the principle schematic of a wherein embodiment of the invention.
Specific implementation mode
In order to make the purpose , technical scheme and advantage of the present invention be clearer, with reference to the accompanying drawings and embodiments, right
The present invention is further elaborated.It should be appreciated that described herein, specific examples are only used to explain the present invention, not
For limiting the present invention.
Any feature unless specifically stated can be equivalent by other disclosed in this specification (including abstract and attached drawing)
Or the alternative features with similar purpose are replaced.That is, unless specifically stated, each feature is a series of equivalent or class
Like an example in feature.
For building the terminal user of website, two types are broadly divided into according to data source pattern demand：
1, static display data：For static display data, the general tool of building a station has such function.User only needs
After designing element (picture, button etc.), redirected link is added in voluntarily selection.
2, Dynamic Display data：The displaying of so-called dynamic data, product, the picture and text that when content exactly shown uploads from user
The real time data obtained in the contents such as information, this kind of displaying call database data because being related to front end, now system on the market
When making mode all and be front end engineer and uploading template, the data-interface for calling server-side engineer to provide, so non-exploitation member
It independently can not make or upload dynamic data template.
Also a kind of demand that user is common is exactly the displaying of animation effect.Common application scenarios have：Banner's cuts
Move picture, the displaying animation of hover states or the page-turning effect of Website page, and the animated show of certain current page is also
One of common application scenarios.It is provided with the system of building a station of such function on the market now, is all the animation by built-in acquiescence
Effect is configured, and can not carry out self-defined editor.
A kind of customization pattern website accomplishing method, including static data displaying implementation method and dynamic data displaying are realized
Method；It is characterized in that：The website style editor for providing basis makes client provide design sketch, is voluntarily given birth to by editing machine
At website pattern, publication is submitted；In the dynamic data displaying implementation method, specifically include,
Built-in self-defined element upload function is enabled the client to as basic function by uploading interface uplink cell；
The data for defining web site contents show type and element to be uploaded or the pass of uplink cell and data displaying type
Connection mode is enabled the client to element to be uploaded or uplink cell associated data source, to realize uplink cell and specific number
According to the association of type；
The element that combination storage has been associated with, forms dynamic assembly；
Define page type, including homepage, company information displaying page, product details page, the product classification page, graph text information
Details page, the graph text information classification page, atlas displaying page and picture check any one in page or arbitrary several；
Customer terminal webpage selection mode and page assembly addition manner are set, to enable the client to designed dynamic
Component is added to the page of selection；
The element is single least member, including text, figure, radio box, check box, text box and Time of Day
Any one or a few in choice box；The module shown is needed to form in the station that the component is assembled into for element；The page
Face by parts assembling at.A set of page forms a template.
As shown in Figure 1, in the technical solution of the present invention, providing the website style editor on basis, client is made to provide effect
Fruit is schemed, and website pattern is voluntarily generated by editing machine, submits publication.Element upload function is as basic function, for component
Assembly, generally dynamic assembly are the Core Features of self-defined pattern website.The element that these have been associated with (at this time may be used by user
To be interpreted as dynamic element) it is combined storage, dynamic assembly is formed, at this point, a dynamic assembly is just provided with.User
After having set dynamic assembly, the page is chosen, designed component is added in the page to realize the displaying of dynamic data.
Data type is defined according to actual demand, for example, in product information, data type may include：Product mark
Topic subtitle, product price, model, master map, specifications and models, is discussed in detail text, picture is discussed in detail and video etc..
The method further includes that associated data is converted to data-interface, such interface process is handled, by code operation
Content transformation be the optional option of client, by the element associated data source of upload in a manner of making client pass through selection.
The method further includes that associated data bandwagon effect, including associated data rule number, item number content and association is arranged
The specified classification of data.Some classification specified convenient for associated data exact value displaying item number, data etc. (such as：User setting
Product price data in product information are associated by certain text element).
The method further includes the self-defined element option of setting, including any one in self-defined pattern, color and size
Kind is several.
The method further includes the specified addition link interface of setting member, and addition element is fetched by designated strands.
The method further includes the self-defined assembly component option of setting, and group is beaten after element assembly and generates self-defined static component
And/or self-defined dynamic assembly generates dynamic list.
The method further includes that the function choosing-item of the self-defined pattern of component is arranged, to realize client in custom feature
The selection of appearance.
The method further includes that option is changed and replaced to setting component internal element pattern.
The method further includes the setting self-defined adjustment option of template component, is carried out after supporting template to split into several components
Self-defined adjustment.To improve the self-defined website pattern demand of user.
Further include that animation data shows that implementation method, specific method include,
Client animation data key frame is set and interface is arranged in intermediate frame；The key frame includes preceding key frame and rear pass
Key frame；
Setting interface and the page page-turning effect setting interface of crucial frame time, position and pattern are set；
The page-turning effect setting interface includes that interface is arranged with page is redirected in current page setting interface.
Key frame determines origination action and terminates animation, (multiple) intermediate frame determines movement locus.User can pass through pass
The pattern of key frame and intermediate frame come solve displaying animation effect.
Website animation is different with vision animation, some is related to page-turning effect, so there are two members for front and back key frame
Element, one is traditional time, position and pattern；The other is page elements；When carrying out the setting of page-turning effect, it is divided into and works as
Preceding page and redirect page.
Current page is mainly operated by setting focal position.Such as common floor navigates, some is chosen in navigation bar
Classification, not instead of jump page, the current designated position of page presentation.At this moment we need that a focus position placed in the middle is arranged
It sets, the focal position of key frame is set.
Page is redirected, jump page is related to transition effect, at this moment, we provides the page turning animation setting member of a hypothesis
Element, the i.e. rectangular area of a PC or mobile phone equal proportion size, we set the toggle path of rectangle.
The method further includes the setting page/animation switching setting interface, and page layout switch animation effect is arranged.
The method further includes that interface, including carousel picture switching setting and/or video cartoon is arranged in setting animation effect
Incision setting.
User can according to demand, and the online animation effect of self-defined setting, the more of this aspect is carousel figure
The transition effect of piece and the video cartoon incision of website.
The method further include setting arrangement mode be arranged interface, including combination cancel combination and figure layer arrangement mode set
Set interface.
In order to facilitate User Defined website pattern, for element, component provide combination cancel combination, figure layer and row
The mode of row.Client can carry out more convenient switching with composition element, component, adjust the presentation layer of element by figure layer
Grade, the bandwagon effect by the way that element is arranged.More commonly used is：Left and right alignment, placed in the middle, tiling etc..
It can only include static data displaying and dynamic data displaying for template, can also include that animation data is shown,
If shown including animation data, the animation set and the page are finally synthesized into template, such a customized website
Template.
It is docked about front and back end data：
Dynamic assembly data are docked：The data type that will be determined, is stored in the database, provides data-interface extremely
Data-interface is formed application function by front end engineer, front end engineer, after user's uplink cell, chooses corresponding data source i.e.
It can；
Animation effect data are docked：After front end provides Animation Editors, displaying animation (banner, hover etc.) pattern is protected
It deposits to local, directly produces template；For the animation of page-turning effect, front end needs the parameter and animation of the page where providing
Pattern is provided to server-side, and record is applied when in case producing template.
Claims (10)
1. a kind of customization pattern website accomplishing method, including static data displaying implementation method and dynamic data show realization side
Method；It is characterized in that：The website style editor for providing basis makes client provide design sketch, is voluntarily generated by editing machine
Website pattern submits publication；In the dynamic data displaying implementation method, specifically include,
Built-in self-defined element upload function is enabled the client to as basic function by uploading interface uplink cell；
The data for defining web site contents show type and element to be uploaded or the affiliated party of uplink cell and data displaying type
Formula is enabled the client to by element to be uploaded or uplink cell associated data source, to realize uplink cell and specific data class
The association of type；
The element that combination storage has been associated with, forms dynamic assembly；
Define page type, including homepage, company information displaying page, product details page, the product classification page, graph text information details
The page, the graph text information classification page, atlas displaying page and picture check any one in page or arbitrary several；
Customer terminal webpage selection mode and page assembly addition manner are set, to enable the client to designed dynamic assembly
It is added to the page of selection；
The element is single least member, including text, figure, radio box, check box, text box and Time of Day selection
Any one or a few in frame；The module shown is needed to form in the station that the component is assembled into for element；The page by
Parts assembling at.
2. customization pattern website accomplishing method according to claim 1, it is characterised in that：The method further includes inciting somebody to action
Associated data is converted to data-interface, and such interface process is handled, and is that client is optional by the content transformation of code operation
Option, by the element associated data source of upload in a manner of making client pass through selection.
3. customization pattern website accomplishing method according to claim 1, it is characterised in that：The method further includes, if
Set associated data bandwagon effect, including in the specified classification of associated data rule number, item number content and associated data.
4. customization pattern website accomplishing method according to claim 1, it is characterised in that：The method further includes setting
Self-defined element option, including any one or a few in self-defined pattern, color and size.
5. customization pattern website accomplishing method according to claim 1, it is characterised in that：The method further includes setting
The specified addition link interface of element, addition element is fetched by designated strands.
6. customization pattern website accomplishing method according to claim 1, it is characterised in that：The method further includes setting
Self-defined assembly component option, beats the group self-defined static component of generation after element assembly and/or self-defined dynamic assembly is generated and moved
State list.
7. customization pattern website accomplishing method according to claim 1, it is characterised in that：The method further includes setting
The function choosing-item of the self-defined pattern of component, to realize selection of the client to custom feature content.
8. the customization pattern website accomplishing method according to one of claim 1 to 7, it is characterised in that：It further include animation
Data show that implementation method, specific method include,
Client animation data key frame is set and interface is arranged in intermediate frame；The key frame includes preceding key frame and rear key
Frame；
Setting interface and the page page-turning effect setting interface of crucial frame time, position and pattern are set；
The page-turning effect setting interface includes that interface is arranged with page is redirected in current page setting interface.
9. customization pattern website accomplishing method according to claim 8, it is characterised in that：The method further includes setting
The page/animation switching setting interface, is arranged page layout switch animation effect.
10. customization pattern website accomplishing method according to claim 8, it is characterised in that：The method further includes setting
Set animation effect setting interface, including carousel picture switching setting and/or video cartoon incision setting.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810474157.6A CN108733372B (en) | 2018-05-17 | 2018-05-17 | Customized style website realization method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201810474157.6A CN108733372B (en) | 2018-05-17 | 2018-05-17 | Customized style website realization method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108733372A true CN108733372A (en) | 2018-11-02 |
| CN108733372B CN108733372B (en) | 2022-03-18 |
Family
ID=63938513
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810474157.6A Active CN108733372B (en) | 2018-05-17 | 2018-05-17 | Customized style website realization method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108733372B (en) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110442822A (en) * | 2019-08-02 | 2019-11-12 | 腾讯科技（深圳）有限公司 | A kind of small routine content displaying method, device, equipment and storage medium |
| CN110688603A (en) * | 2019-10-18 | 2020-01-14 | 郑瑞文 | Automatic change of website interface |
| CN111459476A (en) * | 2019-01-22 | 2020-07-28 | 北大方正集团有限公司 | Component display method, component display system and storage medium |
| CN111563221A (en) * | 2020-04-30 | 2020-08-21 | 城云科技（中国）有限公司 | Personalized site creation method |
| CN112887362A (en) * | 2021-01-08 | 2021-06-01 | 重庆锐明信息技术有限公司 | Equipment access method, equipment access device and server |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060200751A1 (en) * | 1999-11-05 | 2006-09-07 | Decentrix Inc. | Method and apparatus for providing conditional customization for generating a web site |
| CN106462555A (en) * | 2014-05-14 | 2017-02-22 | 网页云股份有限公司 | Methods and systems for web content generation |
| CN106446283A (en) * | 2016-10-27 | 2017-02-22 | 腾讯科技（深圳）有限公司 | Page style generating method and device |
| CN107844298A (en) * | 2016-09-20 | 2018-03-27 | 百度在线网络技术（北京）有限公司 | The method and apparatus for generating entity web page display template |
| CN108008954A (en) * | 2017-12-01 | 2018-05-08 | 深圳乐信软件技术有限公司 | Page configuration method, apparatus, server and medium |
-
2018
- 2018-05-17 CN CN201810474157.6A patent/CN108733372B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060200751A1 (en) * | 1999-11-05 | 2006-09-07 | Decentrix Inc. | Method and apparatus for providing conditional customization for generating a web site |
| CN106462555A (en) * | 2014-05-14 | 2017-02-22 | 网页云股份有限公司 | Methods and systems for web content generation |
| CN107844298A (en) * | 2016-09-20 | 2018-03-27 | 百度在线网络技术（北京）有限公司 | The method and apparatus for generating entity web page display template |
| CN106446283A (en) * | 2016-10-27 | 2017-02-22 | 腾讯科技（深圳）有限公司 | Page style generating method and device |
| CN108008954A (en) * | 2017-12-01 | 2018-05-08 | 深圳乐信软件技术有限公司 | Page configuration method, apparatus, server and medium |
Cited By (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111459476A (en) * | 2019-01-22 | 2020-07-28 | 北大方正集团有限公司 | Component display method, component display system and storage medium |
| CN110442822A (en) * | 2019-08-02 | 2019-11-12 | 腾讯科技（深圳）有限公司 | A kind of small routine content displaying method, device, equipment and storage medium |
| CN110442822B (en) * | 2019-08-02 | 2024-03-22 | 腾讯科技（深圳）有限公司 | Method, device, equipment and storage medium for displaying small program content |
| CN110688603A (en) * | 2019-10-18 | 2020-01-14 | 郑瑞文 | Automatic change of website interface |
| CN111563221A (en) * | 2020-04-30 | 2020-08-21 | 城云科技（中国）有限公司 | Personalized site creation method |
| CN111563221B (en) * | 2020-04-30 | 2023-07-14 | 城云科技（中国）有限公司 | Personalized site creation method |
| CN112887362A (en) * | 2021-01-08 | 2021-06-01 | 重庆锐明信息技术有限公司 | Equipment access method, equipment access device and server |
| CN112887362B (en) * | 2021-01-08 | 2023-03-10 | 重庆锐明信息技术有限公司 | Equipment access method, equipment access device and server |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108733372B (en) | 2022-03-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN108733372A (en) | A kind of customization pattern website accomplishing method | |
| US20180095734A1 (en) | System and method for creating a universally compatible application development system | |
| Van Duyne et al. | The design of sites: Patterns for creating winning web sites | |
| US9363360B1 (en) | Text message definition and control of multimedia | |
| US7831660B2 (en) | System and method for contents upload using a mobile terminal | |
| CA2689450C (en) | System and methods for displaying modifiable server-rendered images | |
| US20140122083A1 (en) | Chatbot system and method with contextual input and output messages | |
| US20110119058A1 (en) | Method and system for the creation of a personalized video | |
| CN101233507A (en) | Multimedia communication system and method | |
| BRPI0900874A2 (en) | method and system for delivering content | |
| US20160132216A1 (en) | Business-to-business solution for picture-, animation- and video-based customer experience rating, voting and providing feedback or opinion based on mobile application or web browser | |
| BRPI0900875A2 (en) | method and system for delivering content | |
| CN110096276A (en) | Source of houses displayed page configuration method, equipment, storage medium and device | |
| KR101982221B1 (en) | System and method for editing digital contents based on web | |
| KR20090039129A (en) | Automatic manufacturing method for advertisement design | |
| Zoellner | Professional ideology and program conventions: Documentary development in independent British television production | |
| Hinderman | Building responsive data visualization for the web | |
| Leete | Microsoft Expression Blend Bible | |
| JP2007219840A (en) | Advertisement system, advertisement management device, advertisement management program and advertisement method | |
| KR20140130799A (en) | A system for authoring web pages and providing the authored web pages and the method thereof | |
| CN107577768A (en) | Import processing method, device and the intelligent terminal of cover document | |
| CN111553727A (en) | Advertisement making and publishing method and advertisement making and publishing system | |
| Pipes | How to design websites | |
| CN113344633B (en) | Advertisement picture processing method and device | |
| BRPI0900849A2 (en) | method and system for delivering content |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| TR01 | Transfer of patent right |
Effective date of registration: 20240122 Address after: 361000, No. 82-3, Lehai Road, Jimei District, Xiamen City, Fujian Province Patentee after: Xiamen Huituanshan Information Service Co.,Ltd. Country or region after: China Address before: 361000 units 401, 402, 403, 405, 406, 407, 408, 409, 410, 411, 412 and 413, tianrui.99 business center, No. 5, Yilan Road, Guanyinshan, Siming District, Xiamen City, Fujian Province Patentee before: XIAMEN 258 NETWORK TECHNOLOGY GROUP CO.,LTD. Country or region before: China |
|
| TR01 | Transfer of patent right |