CN106547928A - E-commerce industry commodity detail page decoration method - Google Patents
E-commerce industry commodity detail page decoration method Download PDFInfo
- Publication number
- CN106547928A CN106547928A CN201611226227.3A CN201611226227A CN106547928A CN 106547928 A CN106547928 A CN 106547928A CN 201611226227 A CN201611226227 A CN 201611226227A CN 106547928 A CN106547928 A CN 106547928A
- Authority
- CN
- China
- Prior art keywords
- page
- component
- content
- mouse
- 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
- 238000000034 method Methods 0.000 title claims abstract description 17
- 238000005034 decoration Methods 0.000 title claims description 10
- 230000000694 effects Effects 0.000 claims description 3
- 238000012544 monitoring process Methods 0.000 claims description 3
- 238000005516 engineering process Methods 0.000 description 3
- 238000009877 rendering Methods 0.000 description 2
- 230000000007 visual effect Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
Classifications
-
- 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)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Information Transfer Between Computers (AREA)
Abstract
The invention provides a method for decorating a commodity detail page in e-commerce industry, relates to commodity detail information display of an e-commerce website, and belongs to the technical field of WEB front ends.
Description
Technical Field
The invention relates to a WEB front-end technology, in particular to a method for decorating detailed commodity pages in e-commerce industry.
Background
The commodity detail page expresses commodity information through contents such as pictures, characters and tables, a common seller often needs to resort to professional technical personnel to make a webpage, a set of universal front end components are provided by summarizing content structures in the detail page, and the seller can make the detail page with clear and attractive structure and uniform style without professional drawing and design technologies.
A method for decorating a webpage structural module is provided in a webpage page decoration pushing method and a webpage page decoration pushing device (application number: CN201210371897. X), decorated module information is stored in data, and dynamic rendering is performed when a user requests a page. The method has the problems that the decoration method is not flexible and intuitive enough and the final rendering is slow. There is a need to improve the speed of page access and reduce server stress.
Disclosure of Invention
In order to solve the technical problems, the invention provides a method for decorating detail pages of commodities in the e-commerce industry. The overall structure of the page can be completed by directly dragging the components, the component contents can be directly edited in the components, the page is finally published as a static page, the access speed is improved, and the server pressure is reduced.
The technical scheme of the invention is that
A method for decorating detail pages of commodities in the e-commerce industry,
based on the commodity detail display requirement of the e-commerce industry, the detailed commodity information is clearly expressed by flexibly dragging a table and an image-text information component in a browser and directly editing the component content on a page.
The method mainly comprises the following steps: decoration components, dragging decoration, direct editing, staticizing and detail page templates;
wherein,
fitment subassembly: system provides navigation subassembly, picture and text subassembly, picture subassembly, characters subassembly, table subassembly
Dragging and decorating: and dragging the assembly to a page by a user, and finishing aiming at the commodity information. Dragging is realized by monitoring events of a mouse in a browser, when the mouse is pressed down on a component, events such as mouse mousemove and the like are monitored, and the position of the component in a page is dynamically adjusted according to the movement of the mouse, so that the effect that the component moves along with the mouse is achieved; when the mouse is released, the moving component is automatically docked in a container in the page that holds the component.
And (3) direct editing: after the component is dragged to the page, the content needs to be edited, and a user can directly edit the content of the component. The direct editing is realized by using the attributes such as the contentdigital table provided by the browser, and a series of shortcut keys are provided, so that the html page content is edited to obtain the experience like operating Office software.
Staticizing: the user saves the page content, and a background directly staticizes the page content into the html page. The system loads the content saved by the user by accessing the dynamic page of the system, and saves the dynamically generated page to a local file system to realize staticizing.
Detail page template: the user saves part of the page content as a template, and the template can be reused when decorating details of other commodities.
The invention has the beneficial effects that
Through the realization and the application of the patent technology, a user can conveniently and flexibly decorate out a commodity detail page and can reuse the page in other commodities.
Detailed Description
The invention is explained in more detail below:
fitment subassembly: the system provides a navigation component, an image-text component, an image component, a text component and a table component.
Dragging and decorating: and dragging the assembly to a page by a user, and finishing aiming at the commodity information. Dragging is realized by monitoring events of a mouse in a browser, when the mouse is pressed down on a component, events such as mouse mousemove and the like are monitored, and the position of the component in a page is dynamically adjusted according to the movement of the mouse, so that the effect that the component moves along with the mouse is achieved; when the mouse is released, the moving component is automatically docked in a container in the page that holds the component.
And (3) direct editing: after the component is dragged to the page, the content needs to be edited, and a user can directly edit the content of the component. The direct editing is realized by using the attributes such as the contentdigital table provided by the browser, and a series of shortcut keys are provided, so that the html page content is edited to obtain the experience like operating Office software.
Staticizing: the user saves the page content, and a background directly staticizes the page content into the html page. The system loads the content saved by the user by accessing the dynamic page of the system, and saves the dynamically generated page to a local file system to realize staticizing.
Detail page template: the user saves part of the page content as a template, and the template can be reused when decorating details of other commodities.
The decoration assembly is a whole set of assembly predefined by the system, and comprises a navigation assembly, a flexible and convenient dragging function, visual direct editing, staticizing and a detail template.
Flexible and convenient dragging function: and dragging the component in the browser page at will.
Visual direct editing: the page content does not need to be coded by a user, the content of the components is directly edited, and a series of shortcut keys are provided, so that the html page content is edited to obtain the experience like operating Office software.
Staticizing: and the finally obtained page is an html page which is formed by staticizing the page content stored by the user.
Detail template: the content saved by the user can be multiplexed multiple times.
Claims (5)
1. A method for decorating a commodity detail page in the e-commerce industry is characterized in that based on the commodity detail display requirement of the e-commerce industry, the detailed information of commodities is clearly expressed by flexibly dragging a table and a graphic and text information component in a browser and directly editing the component content on the page.
2. The method of claim 1,
the method mainly comprises the following steps: decoration components, dragging decoration, direct editing, staticizing and detail page templates;
wherein,
fitment subassembly: the system provides a navigation component, an image-text component, an image component, a text component and a table component;
dragging and decorating: a user drags the component to a page and decorates commodity information;
and (3) direct editing: after the component is dragged to the page, the content needs to be edited, and a user can directly edit the content of the component;
detail page template: the user saves part of the page content as a template, and can reuse the template when decorating details of other commodities;
staticizing: the user saves the page content, and a background directly staticizes the page content into the html page.
3. The method of claim 2,
dragging is realized by monitoring an event of a mouse in a browser, when the mouse is pressed down on a component, a mouse mousecover event is monitored, and the position of the component in a page is dynamically adjusted according to the movement of the mouse, so that the effect that the component moves along with the mouse is achieved; when the mouse is released, the moving component is automatically docked in a container in the page that holds the component.
4. The method of claim 2,
direct editing is achieved by using the contentready attribute provided by the browser and providing a series of shortcut keys so that editing html page content gets the same experience as manipulating Office software.
5. The method of claim 2,
the system loads the content saved by the user by accessing the dynamic page of the system, and saves the dynamically generated page to a local file system to realize staticizing.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611226227.3A CN106547928A (en) | 2016-12-27 | 2016-12-27 | E-commerce industry commodity detail page decoration method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201611226227.3A CN106547928A (en) | 2016-12-27 | 2016-12-27 | E-commerce industry commodity detail page decoration method |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN106547928A true CN106547928A (en) | 2017-03-29 |
Family
ID=58397800
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201611226227.3A Pending CN106547928A (en) | 2016-12-27 | 2016-12-27 | E-commerce industry commodity detail page decoration method |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN106547928A (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107506191A (en) * | 2017-08-16 | 2017-12-22 | 刘志鹏 | The web report editing systems of What You See Is What You Get |
| CN108257031A (en) * | 2017-11-09 | 2018-07-06 | 中国平安人寿保险股份有限公司 | Medical insurance product dissemination method, device and storage medium |
| CN110598017A (en) * | 2019-08-29 | 2019-12-20 | 杭州光云科技股份有限公司 | Self-learning-based commodity detail page generation method |
| CN112488796A (en) * | 2020-12-11 | 2021-03-12 | 广州云徙科技有限公司 | Shop decoration method and system |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060294068A1 (en) * | 2005-06-24 | 2006-12-28 | Microsoft Corporation | Adding dominant media elements to search results |
| CN102831531A (en) * | 2012-09-19 | 2012-12-19 | 河南锐之旗信息技术有限公司 | Shop decorating method based on electronic commerce platform |
| CN104408155A (en) * | 2014-12-04 | 2015-03-11 | 北京京东尚科信息技术有限公司 | Method and device for generating webpage codes, and system |
| CN104616158A (en) * | 2015-02-13 | 2015-05-13 | 北京京东尚科信息技术有限公司 | Product detail page generation method and device |
-
2016
- 2016-12-27 CN CN201611226227.3A patent/CN106547928A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20060294068A1 (en) * | 2005-06-24 | 2006-12-28 | Microsoft Corporation | Adding dominant media elements to search results |
| CN102831531A (en) * | 2012-09-19 | 2012-12-19 | 河南锐之旗信息技术有限公司 | Shop decorating method based on electronic commerce platform |
| CN104408155A (en) * | 2014-12-04 | 2015-03-11 | 北京京东尚科信息技术有限公司 | Method and device for generating webpage codes, and system |
| CN104616158A (en) * | 2015-02-13 | 2015-05-13 | 北京京东尚科信息技术有限公司 | Product detail page generation method and device |
Non-Patent Citations (2)
| Title |
|---|
| RICHARD YORK: "《精通jQuery Web开发第2版》", 31 December 2015, 清华大学出版社 * |
| 宋沛军: "《电子商务概论第三版》", 30 September 2016, 西安电子科技大学出版社 * |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107506191A (en) * | 2017-08-16 | 2017-12-22 | 刘志鹏 | The web report editing systems of What You See Is What You Get |
| CN108257031A (en) * | 2017-11-09 | 2018-07-06 | 中国平安人寿保险股份有限公司 | Medical insurance product dissemination method, device and storage medium |
| CN110598017A (en) * | 2019-08-29 | 2019-12-20 | 杭州光云科技股份有限公司 | Self-learning-based commodity detail page generation method |
| CN112488796A (en) * | 2020-12-11 | 2021-03-12 | 广州云徙科技有限公司 | Shop decoration method and system |
| CN112488796B (en) * | 2020-12-11 | 2024-04-19 | 广州云徙科技有限公司 | Mall decoration method and system |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| Fan et al. | The application of computer graphics processing in visual communication design | |
| CN106547928A (en) | E-commerce industry commodity detail page decoration method | |
| US9507520B2 (en) | Touch-based reorganization of page element | |
| CN103425485A (en) | Interface edition and operation system and method for ordinary users | |
| CN104978317B (en) | Webpage generation method and device, website generation method and website establishment server | |
| US9354707B2 (en) | Combination color and pen palette for electronic drawings | |
| US20130174023A1 (en) | Presentation of rich search results in delineated areas | |
| RU2004127210A (en) | PROGRAMMING INTERFACE FOR COMPUTER PLATFORM | |
| DE202011110891U1 (en) | Scroll in extensive hosted dataset | |
| US9886465B2 (en) | System and method for rendering of hierarchical data structures | |
| CN104731445B (en) | A kind of long text display methods | |
| US10747949B2 (en) | Presenting an overlay canvas to ink edit typed text | |
| CN106126489A (en) | A kind of report file dynamic chart edit methods and system | |
| US9852117B1 (en) | Text-fragment based content editing and publishing | |
| KR20140132731A (en) | Web page application controls | |
| US20160314502A1 (en) | System and method for streamlining the design and development process of multiple advertising units | |
| CN105260433A (en) | Webpage content collecting method and electronic device | |
| CN104834715A (en) | Website generating method and system based on components and container | |
| CN105550021A (en) | Cross-browser dynamic presentation method and cross-browser dynamic presentation apparatus | |
| US20180341638A1 (en) | Providing suggested diagrammatic representations of user entered textual information | |
| CN103092479B (en) | A kind of methods, devices and systems by right button transitional information | |
| US10402707B2 (en) | Interactive optical code creation | |
| CN103970763A (en) | Three-dimensional image displaying system and method | |
| KR101730070B1 (en) | Method for providing webpage in SaaS ENVIRONMENT, Computer program for the same, and Recording medium storing computer program for the same | |
| US20150089356A1 (en) | Text Selection |
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 | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170329 |