CN110377858A - A kind of visualization pulls the system and method for the generation dynamic list page - Google Patents
A kind of visualization pulls the system and method for the generation dynamic list page Download PDFInfo
- Publication number
- CN110377858A CN110377858A CN201910610721.7A CN201910610721A CN110377858A CN 110377858 A CN110377858 A CN 110377858A CN 201910610721 A CN201910610721 A CN 201910610721A CN 110377858 A CN110377858 A CN 110377858A
- Authority
- CN
- China
- Prior art keywords
- component
- design
- area
- page
- layout
- 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
- 238000012800 visualization Methods 0.000 title claims abstract description 14
- 238000000034 method Methods 0.000 title claims description 15
- 238000013461 design Methods 0.000 claims abstract description 54
- 230000000694 effects Effects 0.000 claims abstract description 10
- 230000001747 exhibiting effect Effects 0.000 claims abstract description 3
- 230000003993 interaction Effects 0.000 claims description 15
- 230000027455 binding Effects 0.000 claims description 10
- 238000009739 binding Methods 0.000 claims description 10
- 238000012790 confirmation Methods 0.000 claims description 6
- 238000002592 echocardiography Methods 0.000 claims description 3
- 230000007246 mechanism Effects 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 abstract description 4
- 238000010586 diagram Methods 0.000 description 5
- 238000007792 addition Methods 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 3
- 238000012217 deletion Methods 0.000 description 3
- 230000037430 deletion Effects 0.000 description 3
- 230000003044 adaptive effect Effects 0.000 description 2
- 238000012938 design process Methods 0.000 description 2
- 238000011161 development Methods 0.000 description 2
- 239000004744 fabric Substances 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- VYZAMTAEIAYCRO-UHFFFAOYSA-N Chromium Chemical compound [Cr] VYZAMTAEIAYCRO-UHFFFAOYSA-N 0.000 description 1
- 230000006978 adaptation Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008901 benefit Effects 0.000 description 1
- 239000000470 constituent Substances 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 238000007726 management method Methods 0.000 description 1
- 238000012216 screening Methods 0.000 description 1
- 230000000153 supplemental effect Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
- 230000000007 visual 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
-
- 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
- G06F16/986—Document structures and storage, e.g. HTML extensions
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)
Abstract
The present invention provides a kind of visualizations to pull the system for generating the dynamic list page, including design interface, design interface includes component area, design area and parameter configuration area: the component area includes infrastructure component and shared component, and the infrastructure component includes layout component, form component, interactive component and component exhibiting；The layout component can realize a line multiple row and multilayer nest layout, be equipped with multiple div layers in a line of the page and come display area；It together include internal component when dragging outer layer assembly to other regions when nested multilayer module；The bottom in the design area is equipped with status bar, each component for being dragged in design area is designed with unique ID attribute, obtains the nest relation of component, and nest relation is shown in status bar, by clicking some component Name of status bar, is directly targeted to the component of the ID.No matter mostly the present invention realizes complete free surface jet, can be adapted to any webpage design, the pages of complexity, can realize that it shows effect by making rational planning for layout.
Description
Technical field
The invention belongs to forms pages design fields, pull more particularly, to a kind of visualization and generate dynamic table single page
The system and method in face.
Background technique
Drag and drop are a kind of common and convenient characteristics, that is, grab an object dragging and be placed into specified region, in HTML5
DnD (Drag-and-Drop) is freely used as primary API offer, and any element can drag and drop, the browser of support includes
IE9 or more, Chrome, Firefox, Opera12 or more and Safari5 or more version.
It is the generally acknowledged outstanding body of industry that drag-and-drop operation shows in the visual effect of page free surface jet and What You See Is What You Get
Test, be generally common in publicity class portal website in line development, and forms pages are due to diversity and the page interaction of list
Complexity is high, is not yet widely applied at present.
And the common single list of page designer occupies a line on the market, is unable to control multiple row layout designs in row, or
Person is only laid out simply by table, causes limited flexibility.
Summary of the invention
In view of this, the present invention is directed to propose it is a kind of visualization pull generate the dynamic list page system and method, with
It realizes the free surface jet of Pages Design and fast implements.
In order to achieve the above objectives, the technical scheme of the present invention is realized as follows:
One aspect of the present invention provides a kind of system that visualization pulls the generation dynamic list page, including design interface,
The design interface includes component area, design area and parameter configuration area: the component area includes infrastructure component and shared component, institute
Stating infrastructure component includes layout component, form component, interactive component and component exhibiting；The shared component is that user is customized
Component, including the shared component that will be formed after the combination of certain components；The parameter configuration area is that basic component and shared component mention
For parameter configuration；The design area is page main body, can create subpage frame, and become pop-up effect by button binding；Institute
A line multiple row and multilayer nest layout can be realized by stating layout component, be equipped with multiple div layers in a line of the page and come display area, often
A div layers of customized width, and height adaptive internal component；When nested multilayer module, other are arrived dragging outer layer assembly
It together include internal component when region；The bottom in the design area is equipped with status bar, each is dragged in the component in design area
The nest relation of component is obtained, nest relation is shown according to the closing characteristic of HTML component label equipped with unique ID attribute
The component of the ID can be directly targeted to by clicking some component Name of status bar in status bar.
Further, the design interface further includes design platform switch area, support PC and APP design platform, PC and
APP has respective shared attribute and particular attribute for each component.
Further, binding pop-up by button is to set pop-up in the configuration of button for type and be tied to some
Pop-up, and determining and cancel button is bound in pop-up automatically, and the configuration by determining and cancelling increases interaction logic；By initial
After changing data function configuration pop-up opening, whether list echoes corresponding data, passes through behavior and submitting button in pop-up is arranged
Interaction logic closes the interaction logic after pop-up by being successfully closed readjustment addition；By the way that secondary-confirmation is arranged pop-up is closed
Secondary-confirmation window is popped up after closing.
The method for generating the system design page of the dynamic list page is pulled using above-mentioned visualization, including is walked as follows
It is rapid:
Step 1, plan that the layout of each list in the page is put, it can be achieved that infinite stages nesting and random cloth by layout component
Office；
Step 2, each Service Component is dragged in some region in layout, completes the filling of component；
Step 3, data binding is carried out to Service Component, affair logic is write, and parameter of regularity configuration etc. realizes that data are handed over
Mutually；
Step 4, mechanism is rendered by the dynamic of VUE, the component matched and parameter is rendered into the html page and are presented to
User.
Possessed advantage is identical compared with the existing technology with the above method for the system:
(1) no matter mostly complete free surface jet can be adapted to any webpage design, the pages of complexity, can be by reasonable
Programming and distribution realize that it shows effect.
(2) easy to use, convenient for quickly and precisely choosing, solving element in complex page can not choose in needs too much
The pain spot of appearance.
(3) design process trace is less, graceful intuitive, suits What You See Is What You Get.
(4) single page supports pop-up exploitation, can be switched to pop-up content design by tab page.
Detailed description of the invention
The attached drawing for constituting a part of the invention is used to provide further understanding of the present invention, schematic reality of the invention
It applies example and its explanation is used to explain the present invention, do not constitute improper limitations of the present invention.In the accompanying drawings:
Fig. 1 is Pages Design of embodiment of the present invention prototype figure；
Fig. 2 is the Pages Design prototype figure after marked region of the embodiment of the present invention；
Fig. 3 is Pages Design block diagram described in the embodiment of the present invention；
Fig. 4 is the state diagram after component of the embodiment of the present invention is dragged in；
Fig. 5 designs the flow chart of page method for the embodiment of the present invention；
Fig. 6 is the layout nesting exemplary diagram of the embodiment of the present invention；
Fig. 7 is the exemplary diagram that the pop-up of the embodiment of the present invention is arranged；
Fig. 8 is the exemplary diagram that pop-up setting is bound by button of the embodiment of the present invention；
Fig. 9 is the presentation effect picture for the final preview page that function is arranged in pop-up of the embodiment of the present invention.
Specific embodiment
It should be noted that in the absence of conflict, the feature in embodiment and embodiment in the present invention can phase
Mutually combination.
The present invention will be described in detail below with reference to the accompanying drawings and embodiments.
A kind of system that visualization pulls the generation dynamic list page, as shown in Figures 1 to 3, including design interface, it is described to set
Meter interface includes component area, design area and parameter configuration area:
The component area includes infrastructure component and shared component, supports that being dragged to design area places；
The infrastructure component is system installed with built-in component structure, including layout component (folding region, tab page, a line multiple row), table
Unimodule (text box, combobox, check box, date, attachment etc.), interactive component (button, data list, tree component) and displaying
Component (text, picture, two dimensional code etc.)；Wherein, form component.
The shared component is the customized component of user, including shared component will be formed after the combination of certain components, and
It is shared using interior all pages, facilitate common component that can directly use, is configured without repeating.
Each component is one section of HTML code block, and component is the minimum constituent unit of a page.Number can be passed through
A component carries out imposition layout, the page of completion is assembled into according to user demand, component is pressed by left mouse button and be may be implemented
Dragging, after dragging to content regions relieving mouse, corresponding component will be placed into the corresponding position of content regions, as shown in figure 4, than
Arrive content regions as left side drags one " combobox component ", content regions will real-time exhibition one real combobox pattern.
The parameter configuration area is mainly that infrastructure component and shared component provide parameter configuration, including the global property (page
Grade) and component property, pattern, event etc. configure；Specifically, the parameter for component is supplemented, the component being newly dragged in is only basic
Information and basic pattern, without service logic and personalised effects.It can be with the parameter information of supplemental component, such as group by configuring
Whether the title of part must fill out, the customized pattern such as binding data interface, the high frame of width, mouse click event, lose focus event
Deng.The interaction of component and data is finally realized by parameter configuration.
The design area is the main body of the page, by the way of What You See Is What You Get, can be visually seen drag and drop in design area
Component effect；Subpage frame can also be created, and becomes pop-up effect by bindings such as buttons；Design area is the page after design
Carrier zones are dragged in and are passed through by component layout and configuration, complete the final presentation of the page.
The bottom in the design area is equipped with status bar, each component for being dragged in design area has unique ID attribute,
According to the closing characteristic of HTML component label, nest relation is shown in status bar, is passed through by the nest relation of available component
Some component Name of status bar is clicked, the component of the ID can be directly targeted to, and be highlighted to the component, facilitate use
Choose component in family.
The layout component can realize a line multiple row and multilayer nest layout, free surface jet；The page by layout component come
Each region of list is separated, multiple div layers is equipped in a line of the page and comes display area, each div layers can be with customized width
Degree, and height adaptive internal component.The column of a line two are defaulted as, each accounting 50%, user customized can add and deletion column,
Automatically width etc. is calculated after addition column than showing.A wherein column unsuppressible-suppression (a line multiple row component includes at least a column), system
Built-in width computation rule, the remaining width of the column is calculated for being adapted to different displays.The column can move sequence, side
Just it is automatic calculating width that user, which carrys out which clear column,.
The present embodiment realizes a line multiple row fast layout, can be dynamically added by the multiple regions div of crosswise joint
Column, at least one column of default.Layout component is selected, option portion can increase by addition button dynamic and arrange on right side, and can be with
The col width of the customized each column of setting, supports setting pixel and percentage, and can be used together.There is a column width that can not fill out
It writes, calculates remaining width automatically by system.Sequence by moving up or down the adjustable column of button is set, and adjusts position
It sets, and the element in container follows container to adjust together.
Layout component control dragging and can distinguish level for convenience with multilayer nest, when multilayer nest, pre- between level
Certain space is stayed, as shown in fig. 6, being 3 layers of nested layout, can be appointed by planning and realizing using nesting layout
The page of what layout pattern.
After being dragged in component, it can arbitrarily increase columns or delete columns, and can arbitrarily adjust the sequence of positions of each column.
The width of each column can be arbitrarily set, support fixed pixel width and percentage width, and can mix and make
With.
One column width be it is not settable, which calculated by dynamic, that is, 100% browser width
Subtract the width summation of other column.Not settable column can not be deleted, if it is wide to automatically become 100% when only one column
Degree.
In the interior zone of a line multiple row, any component can be placed, including continues to place a line multiple row component, is formed embedding
Set layout.Region built in a line multiple row, component default account for it is wide by 100%, in single the region in placement multiple components when, arrange from top to bottom
Column.It realizes that a line multiple row component reserves 16px height, and is aided with dotted line frame display area position, facilitate user that component is dragged in finger
Determine region.When nested multilayer module, together includes internal component when dragging outer layer assembly to other regions, not will cause component
The case where losing or only dragging current component.According to above-mentioned rule, a line multiple row can be with the layout of 100% any page of adaptation
Structure.
The present embodiment realizes the accurate positioning of component:
It is chosen in such a way that mouse is moved on component and shows small icon, but in multilayer nest layout,
Since component joint height is easy overdue when user needs to select some internal component.Therefore, any component is placed into design area
Globally unique ID can be all generated afterwards, it is ensured that the nested layer level relationship of component is arranged in the independence of each component, and in state
Column can be carried out by level Stepwise Screening, in the selection process, be aided with the component that blue wire frame representation currently selects, can be quick
Side user finds assignment component.
There are also back gauges reserved between all components, and remove redundant attributes after generating the page, in the design process, component meeting
It constantly repeats to drag or change content, needs to reserve certain back gauge effect, guarantee that module frame will not overlap.System
It unites in outermost layer frame one distinctive CSS class of setting of each component, such has the attribute of a margin-top, in this way
It ensures and is had the gap between component, also can guarantee that deletion/sharing small icon that component is shown after mouse moves above has display empty
Between.Save Pages Design result in user or when preview, give up the CSS class, moved together with dotted line frame, mouse show delete/
Share the specific properties such as small icon all to remove together, is exactly that a complete clean design is real in this way when user opens the page
The page after now.
The present embodiment system provides the concept of shared component, since there are many configuration item of single component, and answers at one
With interior, the case where multiple places use the same function list is often had, at this time can be by component sharing functionality, this
Sample may insure that user only needs to configure once, and the shared component can be used in other pages.Shared component is only provided and is put
Set preceding state, when this share component elsewhere place after, need manually open modification switch, just allow to continue to edit, such as
Fruit component content changes, which is just not belonging to shared characteristic, becomes stand-alone assembly, is no longer changed by shared component property
And change.
The design interface further includes design platform switch area, supports the design platform of PC and APP, the design area accounting of PC
It is larger, and APP has then drawn a circle to approve the design section of a class mobile phone interface, the component of PC and APP can be with seamless switchings, PC and APP
There are respective shared attribute and particular attribute for each component, so that design is more intuitive and humanized.
The present embodiment can carry out visualization pop-up configuration feature, and the pop-up content of current page can be configured by tab page,
Generally it is usually used in newly-increased or editting function.As shown in fig. 7, page pop-up, unlimited pop-up number can be increased by the plus button
Amount.Switching tab page can be designed pop-up.
The present embodiment can choose in button is tied to some pop-up, determines and takes as shown in figure 8, pop-up is bound automatically
Disappear button.And configuration increase interaction logic that is determining and cancelling, such as refresh list data etc. after closing pop-up can be passed through.?
In the configuration of button, pop-up is set by type, that is, may occur in which that pop-up configures accordingly.It can be by selecting pop-up, binding should
The specific pop-up page that button is opened when clicking.The width after pop-up is opened and height can be set.Pass through initialization data letter
Number, after can configuring pop-up opening, whether list echoes corresponding data, and can custom-configure the title of pop-up.Pass through
The interaction logic of submitting button can be set in behavior, wherein " behavior " is the operation of the button of definition, button interaction behavior can be with
It is to send a request of data, either opening a pop-up, perhaps window operation is closed in window or execution, can also be customized
Call the operation such as JS function.He is a choice box, and user can be allowed to bind the interaction logic of button by behavior；Pass through success
The interaction logic after closing pop-up can be added by closing readjustment, wherein " readjustment " namely call back function, is exactly a step behaviour
After the completion of work, some service logics, such as the pop-up that newly-increased operation is opened, then logging data success can be write by adjusting back
After can close window, but it is general it is newly-increased after, the data in list can all refresh, so can trigger pass by callback operation
Close the interactive operation of rear refresh list；And secondary-confirmation can be chosen, so that secondary-confirmation window is popped up in pop-up after closing, such as scheme
It is the presentation effect of final preview page shown in 9.The beneficial effect of this function is to change a complete additions and deletions business behaviour such as to look into
It has been merged into a page configuration and has completed.And the influence of compatibility caused by iframe mode nesting subpage frame is avoided,
And promote the performance for opening pop-up.
The method for generating the system design page of the dynamic list page is pulled using above-mentioned visualization, as shown in figure 5, including
Following steps:
Step 1, plan that the layout of each list in the page is put, it can be achieved that infinite stages nesting and random cloth by layout component
Office；
Step 2, each Service Component is dragged in some region in layout, completes the filling of component；
Step 3, data binding is carried out to Service Component, affair logic is write, and parameter of regularity configuration etc. realizes that data are handed over
Mutually；
Step 4, mechanism is rendered by the dynamic of VUE, the component matched and parameter is rendered into the html page and are presented to
User.
In the management system of enterprise collaborative office, there is very more processes, each process has respective distinctive business,
The attention rate of user is different, it is necessary to the inquiry list of exploitation many process.
Most common to ask for leave and go on business, user needs to check asking for leave or going on business for oneself, and leader needs to inquire subordinate's
It asks for leave or goes on business situation.The business emphasis asked for leave is ask for leave the beginning and the end time, type of asking for leave and reason of asking for leave；The business side gone on business
Emphasis be out poorly, plan go on business the beginning and the end time and the beginning and the end time of actually going on business, reason of going on business etc..
The online page development of the method that can be provided through this embodiment, fast implements service inquiry.According to page layout
Be dragged in respectively querying condition (time/combobox/text box etc.), inquiry button, paging list, to component binding ask false data and
Difference data out is reconfigured corresponding display rule, page presentation can be realized.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the invention, all in essence of the invention
Within mind and principle, any modification, equivalent replacement, improvement and so on be should all be included in the protection scope of the present invention.
Claims (4)
1. a kind of visualization pulls the system for generating the dynamic list page, it is characterised in that: including design interface, design circle
Face includes component area, design area and parameter configuration area:
The component area includes infrastructure component and shared component, and the infrastructure component includes layout component, form component, interaction group
Part and component exhibiting；The shared component is the customized component of user, including the shared group that will be formed after the combination of certain components
Part；
The parameter configuration area provides parameter configuration for basic component and shared component；
The design area is page main body, can create subpage frame, and bind pop-up effect by button；
Wherein, the layout component can realize a line multiple row and multilayer nest layout, pass through the multiple regions div of crosswise joint, page
Multiple div layers, which is equipped with, in a line in face comes display area；When nested multilayer module, when dragging outer layer assembly to other regions
It together include internal component；The bottom in the design area is equipped with status bar, each component for being dragged in design area is designed with only
One ID attribute obtains the nest relation of component, nest relation is shown in state according to the closing characteristic of HTML component label
Column can be directly targeted to the component of the ID by clicking some component Name of status bar.
2. visualization according to claim 1 pulls the system for generating the dynamic list page, it is characterised in that: the design
Interface further includes design platform switch area, and the design platform of PC and APP, PC and APP is supported to have for each component respective
Shared attribute and particular attribute.
3. visualization according to claim 1 pulls the system for generating the dynamic list page, it is characterised in that: pass through button
Binding pop-up be set pop-up in the configuration of button for type and be tied to some pop-up, and pop-up bind automatically determine with
Cancel button, and the configuration by determining and cancelling increases interaction logic；After configuring pop-up opening by initialization data function,
Whether list echoes corresponding data, and the interaction logic of submitting button in pop-up is arranged by behavior, by being successfully closed readjustment
The interaction logic after pop-up is closed in addition；Secondary-confirmation window is popped up after by setting secondary-confirmation pop-up being closed.
4. the method for generating the system design page of the dynamic list page is pulled using visualization described in claim 1, it is special
Sign is to include the following steps:
Step 1, plan that the layout of each list in the page is put, it can be achieved that infinite stages nesting and arbitrarily layout by layout component；
Step 2, each Service Component is dragged in some region in layout, completes the filling of component；
Step 3, data binding is carried out to Service Component, affair logic is write, and data interaction is realized in parameter of regularity configuration etc.；
Step 4, mechanism is rendered by the dynamic of VUE, the component matched and parameter is rendered into the html page and are presented to the user.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910610721.7A CN110377858A (en) | 2019-07-08 | 2019-07-08 | A kind of visualization pulls the system and method for the generation dynamic list page |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910610721.7A CN110377858A (en) | 2019-07-08 | 2019-07-08 | A kind of visualization pulls the system and method for the generation dynamic list page |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110377858A true CN110377858A (en) | 2019-10-25 |
Family
ID=68252437
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910610721.7A Pending CN110377858A (en) | 2019-07-08 | 2019-07-08 | A kind of visualization pulls the system and method for the generation dynamic list page |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110377858A (en) |
Cited By (23)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110990126A (en) * | 2019-12-12 | 2020-04-10 | 北京明略软件系统有限公司 | Method and device for realizing shortcut front-end service page based on js |
| CN111079047A (en) * | 2019-11-28 | 2020-04-28 | 蜂助手股份有限公司 | Web-oriented page construction system |
| CN111177602A (en) * | 2019-12-04 | 2020-05-19 | 思齐芙蓉教育集团(湖南)有限公司 | Method and system for paging typesetting of webpage content |
| CN111176768A (en) * | 2019-12-18 | 2020-05-19 | 福建升腾资讯有限公司 | Nested parent control and child control multi-level display method and device |
| CN111240659A (en) * | 2019-12-23 | 2020-06-05 | 福建亿能达信息技术股份有限公司 | Page design method based on Vue |
| CN111259294A (en) * | 2019-12-31 | 2020-06-09 | 万表名匠(广州)科技有限公司 | Page loading request response method, device, equipment and storage medium |
| CN111443911A (en) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | Page development method and device, electronic equipment and computer storage medium |
| CN111708528A (en) * | 2020-06-15 | 2020-09-25 | 中国建设银行股份有限公司 | Method, device and equipment for generating small program and storage medium |
| CN111813403A (en) * | 2020-07-09 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | Method and device for managing dragging component data in large-screen data visualization development |
| CN111880772A (en) * | 2020-07-15 | 2020-11-03 | 云账户技术(天津)有限公司 | Method, device and medium for displaying page |
| CN111966266A (en) * | 2020-07-31 | 2020-11-20 | 上海泛微网络科技股份有限公司 | Page layout method and related equipment |
| CN112130943A (en) * | 2020-09-09 | 2020-12-25 | 中盈优创资讯科技有限公司 | Method for self-defining visual layout design |
| CN112256264A (en) * | 2020-10-13 | 2021-01-22 | 浙江大学 | Method for customizing Internet of things equipment interactive interface |
| CN112394931A (en) * | 2020-11-18 | 2021-02-23 | 浩云科技股份有限公司 | Static page configuration optimization control method and device for front-end page |
| CN113886740A (en) * | 2021-09-30 | 2022-01-04 | 上海柯林布瑞信息技术有限公司 | Json-based page configuration system and computer |
| CN113986104A (en) * | 2021-10-25 | 2022-01-28 | 拉扎斯网络科技（上海）有限公司 | Activity generation method and device, computer equipment and computer readable storage medium |
| CN114168141A (en) * | 2022-02-11 | 2022-03-11 | 北京金堤科技有限公司 | Page processing method and device based on components |
| CN114185523A (en) * | 2022-02-11 | 2022-03-15 | 北京金堤科技有限公司 | Page tree structure processing method and device based on components |
| CN114327188A (en) * | 2021-12-30 | 2022-04-12 | 北京字跳网络技术有限公司 | Form layout method and device, electronic equipment and computer readable medium |
| CN114625367A (en) * | 2022-03-11 | 2022-06-14 | 北京金堤科技有限公司 | Component nesting method and device, storage medium and electronic equipment |
| CN115174684A (en) * | 2022-07-05 | 2022-10-11 | 中孚信息股份有限公司 | Network data visualization platform, system and method |
| CN116028039A (en) * | 2023-03-29 | 2023-04-28 | 杭州实在智能科技有限公司 | Method and system for rapidly producing front-end projects based on advanced component library |
| WO2023185315A1 (en) * | 2022-03-28 | 2023-10-05 | 京东方科技集团股份有限公司 | Method and apparatus for managing scenario data, and electronic device and readable medium |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107544806A (en) * | 2017-09-04 | 2018-01-05 | 江苏中威科技软件系统有限公司 | Visualize list method for drafting |
| CN108241518A (en) * | 2016-12-23 | 2018-07-03 | 北京中普达科技股份有限公司 | It is visual to pull layout and intelligent template generation method and system |
| CN109783087A (en) * | 2018-12-20 | 2019-05-21 | 浙江托普云农科技股份有限公司 | A kind of visualization web front end editing machine and visualization establishing method based on B/S framework |
-
2019
- 2019-07-08 CN CN201910610721.7A patent/CN110377858A/en active Pending
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108241518A (en) * | 2016-12-23 | 2018-07-03 | 北京中普达科技股份有限公司 | It is visual to pull layout and intelligent template generation method and system |
| CN107544806A (en) * | 2017-09-04 | 2018-01-05 | 江苏中威科技软件系统有限公司 | Visualize list method for drafting |
| CN109783087A (en) * | 2018-12-20 | 2019-05-21 | 浙江托普云农科技股份有限公司 | A kind of visualization web front end editing machine and visualization establishing method based on B/S framework |
Cited By (25)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111079047A (en) * | 2019-11-28 | 2020-04-28 | 蜂助手股份有限公司 | Web-oriented page construction system |
| CN111079047B (en) * | 2019-11-28 | 2020-09-15 | 蜂助手股份有限公司 | Web-oriented page construction system |
| CN111177602A (en) * | 2019-12-04 | 2020-05-19 | 思齐芙蓉教育集团(湖南)有限公司 | Method and system for paging typesetting of webpage content |
| CN110990126A (en) * | 2019-12-12 | 2020-04-10 | 北京明略软件系统有限公司 | Method and device for realizing shortcut front-end service page based on js |
| CN111176768A (en) * | 2019-12-18 | 2020-05-19 | 福建升腾资讯有限公司 | Nested parent control and child control multi-level display method and device |
| CN111240659A (en) * | 2019-12-23 | 2020-06-05 | 福建亿能达信息技术股份有限公司 | Page design method based on Vue |
| CN111259294A (en) * | 2019-12-31 | 2020-06-09 | 万表名匠(广州)科技有限公司 | Page loading request response method, device, equipment and storage medium |
| CN111443911A (en) * | 2020-03-24 | 2020-07-24 | 五八有限公司 | Page development method and device, electronic equipment and computer storage medium |
| CN111708528A (en) * | 2020-06-15 | 2020-09-25 | 中国建设银行股份有限公司 | Method, device and equipment for generating small program and storage medium |
| CN111813403A (en) * | 2020-07-09 | 2020-10-23 | 北京亚鸿世纪科技发展有限公司 | Method and device for managing dragging component data in large-screen data visualization development |
| CN111880772A (en) * | 2020-07-15 | 2020-11-03 | 云账户技术(天津)有限公司 | Method, device and medium for displaying page |
| CN111966266A (en) * | 2020-07-31 | 2020-11-20 | 上海泛微网络科技股份有限公司 | Page layout method and related equipment |
| CN112130943A (en) * | 2020-09-09 | 2020-12-25 | 中盈优创资讯科技有限公司 | Method for self-defining visual layout design |
| CN112256264A (en) * | 2020-10-13 | 2021-01-22 | 浙江大学 | Method for customizing Internet of things equipment interactive interface |
| CN112394931A (en) * | 2020-11-18 | 2021-02-23 | 浩云科技股份有限公司 | Static page configuration optimization control method and device for front-end page |
| CN113886740A (en) * | 2021-09-30 | 2022-01-04 | 上海柯林布瑞信息技术有限公司 | Json-based page configuration system and computer |
| CN113986104A (en) * | 2021-10-25 | 2022-01-28 | 拉扎斯网络科技（上海）有限公司 | Activity generation method and device, computer equipment and computer readable storage medium |
| CN114327188A (en) * | 2021-12-30 | 2022-04-12 | 北京字跳网络技术有限公司 | Form layout method and device, electronic equipment and computer readable medium |
| CN114327188B (en) * | 2021-12-30 | 2023-10-24 | 北京字跳网络技术有限公司 | Form layout method, form layout device, electronic equipment and computer readable medium |
| CN114168141A (en) * | 2022-02-11 | 2022-03-11 | 北京金堤科技有限公司 | Page processing method and device based on components |
| CN114185523A (en) * | 2022-02-11 | 2022-03-15 | 北京金堤科技有限公司 | Page tree structure processing method and device based on components |
| CN114625367A (en) * | 2022-03-11 | 2022-06-14 | 北京金堤科技有限公司 | Component nesting method and device, storage medium and electronic equipment |
| WO2023185315A1 (en) * | 2022-03-28 | 2023-10-05 | 京东方科技集团股份有限公司 | Method and apparatus for managing scenario data, and electronic device and readable medium |
| CN115174684A (en) * | 2022-07-05 | 2022-10-11 | 中孚信息股份有限公司 | Network data visualization platform, system and method |
| CN116028039A (en) * | 2023-03-29 | 2023-04-28 | 杭州实在智能科技有限公司 | Method and system for rapidly producing front-end projects based on advanced component library |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110377858A (en) | A kind of visualization pulls the system and method for the generation dynamic list page | |
| US10997217B1 (en) | Systems and methods for visualizing object models of database tables | |
| US10678995B2 (en) | System and methods for control of content presented on web pages | |
| US20070233534A1 (en) | Project management system and method | |
| US10261660B2 (en) | Orbit visualization animation | |
| US20070192748A1 (en) | Project management system and method | |
| US8365095B2 (en) | System and method for assigning and scheduling activities | |
| KR20120118001A (en) | Rotating hierarchy cone user interface | |
| US20120116835A1 (en) | Hybrid task board and critical path method based project management application interface | |
| US20030066032A1 (en) | System and method for facilitating user interaction in a browser environment | |
| US9787752B2 (en) | Hotspot editor for a user interface | |
| CN106202016A (en) | Bootstrap-based user-defined form system | |
| CN104217278A (en) | Multi-dimension analyzer for organizational personnel | |
| US20050076330A1 (en) | Browser-based editor for dynamically generated data | |
| US10789413B2 (en) | Web page designing with timelines | |
| DE202014010890U1 (en) | System for the selective display of content | |
| US20110307815A1 (en) | User Interface and Method for Collecting Preference Data Graphically | |
| US20160034144A1 (en) | Documentation element for interactive graphical designs | |
| US10809904B2 (en) | Interactive time range selector | |
| Hynek et al. | Geovisto: A Toolkit for Generic Geospatial Data Visualization. | |
| US11715245B2 (en) | Map data visualizations with multiple superimposed marks layers | |
| CN113076160B (en) | Information display method of display interface and related device | |
| WO2019156156A1 (en) | Information processing device, display system, program, and display method | |
| EP1280085A1 (en) | A method for generating a user interface | |
| Petzold | Intentional Layout in Sprotty Diagrams: Defining User Interaction |
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: 20191025 |
|
| RJ01 | Rejection of invention patent application after publication |