CN103809975B - The implementation method of intelligent cloud list - Google Patents
The implementation method of intelligent cloud list Download PDFInfo
- Publication number
- CN103809975B CN103809975B CN201410055776.3A CN201410055776A CN103809975B CN 103809975 B CN103809975 B CN 103809975B CN 201410055776 A CN201410055776 A CN 201410055776A CN 103809975 B CN103809975 B CN 103809975B
- Authority
- CN
- China
- Prior art keywords
- list
- component
- implementation method
- intelligent cloud
- designer
- 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.)
- Active
Links
- 238000000034 method Methods 0.000 title claims abstract description 26
- 230000003993 interaction Effects 0.000 claims abstract description 6
- 238000012545 processing Methods 0.000 claims description 11
- 238000013507 mapping Methods 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 claims description 2
- 238000011161 development Methods 0.000 abstract description 6
- 230000007246 mechanism Effects 0.000 abstract description 3
- 238000013461 design Methods 0.000 description 5
- 238000010586 diagram Methods 0.000 description 3
- 230000000694 effects Effects 0.000 description 2
- 239000012634 fragment Substances 0.000 description 2
- 230000004215 skin function Effects 0.000 description 2
- 235000001674 Agaricus brunnescens Nutrition 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000000052 comparative effect Effects 0.000 description 1
- 238000005538 encapsulation Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 239000011159 matrix material Substances 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000008569 process Effects 0.000 description 1
Landscapes
- Stored Programmes (AREA)
Abstract
The invention discloses a kind of implementation method of intelligent cloud list, belong to WEB development technique field.This method includes Form Designer, and the list of different terminals shares a set of business model；Component is inherited；Component and designer intelligent interaction；Form Element classification storage；Extend html attribute；The parts such as data binding.Compared with prior art, the implementation method of the intelligent cloud list of the present invention is adapted to the development of mobile Internet, solve the problems, such as multiple terminals form customization, on the other hand it is to meet the diversified demand of user, there is provided component extension mechanism, it is allowed to which user customizes personalization component, while flexibility is provided, expansion system use scope, has application value well.
Description
Technical field
The present invention relates to WEB development technique field, specifically a kind of implementation method of intelligent cloud list.
Background technology
With the fast development of mobile Internet, traditional application for desktop end increasess slowly, more and more to move
Dynamic application is come into being like the mushrooms after rain.
For WEB development fields although there are the form customization instrument of some comparative maturities, what is generally provided is all pin at present
To the form customization solution of desktop end, it can not realize in a system while be multiple and different terminals (desktop, movement)
Customized form, and realize the data sharing between different terminals list.
Traditional form customization is all dynamic creating table, has respectively customized a list if desktop end, mobile terminal, then can move
State creates two tables.When carrying out practical business operation, the same business datum of different terminals typing is used, it will be stored in difference
Table in, data consistency is not known where to begin.
In addition, the demand of user is all changeable forever, the limited component provided by various form customization instruments merely
It is difficult to meet the diversified demand of user, especially for completion or issued system has been developed, continue to add
Or modification component will bring very high development cost.Therefore need to provide a kind of effective component extension mechanism, it is allowed to user
Need to customize individual business component with reference to business.
The content of the invention
The present invention technical assignment be in view of the above shortcomings of the prior art, there is provided it is a kind of support multiple terminals, it is expansible
Intelligent cloud list implementation method.
The technical assignment of the present invention is realized in the following manner：The implementation method of intelligent cloud list, its main feature is that：
Form Designer, for customizing the list of different terminals, the list of different terminals shares a set of business model, described
The list of different terminals type includes desktop version list and mobile edition list；
A large amount of components built in Form Designer, each component are a single JavaScript files, and all component is all
Self-defined base class is inherited from, component can be inherited, is expansible；
Component and Form Designer intelligent interaction, component carry out Active Registration to Form Designer, and registration finishes, and list is set
The initial method of gauge invocation component successively, component are interacted with Form Designer by customized event, interactive pass
Key point is that event is named with component ID；
Form Element classification storage, the Form Element are divided into list, region, domain three-level, correspond to Batch Processing mould respectively
Business model, subservice model in type, business model item；
Html attribute is extended, extended attribute includes：Component ID, element type, whether build automatically table, associated services implication,
Associated data binding, associated services model and business model mapping；
Data binding extends, and the definition phase specifies data binding rule for domain, and runtime dynamic analysis data rule is tied up
Fixed number evidence, dynamically binds in the form fields of foreground after obtaining analysis result.
In order to realize that list changes skin function, this method can set list skin pattern module, for preserving list skin
Pattern file, records the incidence relation of list and skin.
List issue support two ways, one kind be according to Form Element dynamic creating table, one kind be establish Form Element with
The association of existing table.
It is corresponding raw on backstage after the first form customization when Form Designer is used to customize the list of different terminals
Into a set of business model, the business model is used for the list table for describing dynamic creation；When customizing other lists, no longer dynamic is raw
Incidence relation is established into Batch Processing model, but between other lists and foregoing established business model, so as to make indirectly
With the list table of the first foregoing list dynamic creation.
In order to more intuitively embody the difference of different terminals, during with Form Designer designing form, can respectively with
Terminal device picture is background.
User can customize component, inherit self-defined base class, and html template, initialization operation, the mouse of definitions component drag
Put event handling, double mouse click event handling.
When customizing the personalized version of same component, by being realized after bearing assembly, code reuse is realized.
Compared with prior art, the implementation method of intelligent cloud list of the invention has ground following prominent beneficial effect：
(1) multiple terminals is supported（Desktop, movement）Form customization, provides the foundation for mobile application form customization；
(2) supporting assembly is inherited, it is allowed to which User Defined component, makes up general form customization tool assembly closing, no
The drawbacks of allowing regarded as output controlling；
(3) data binding extension mechanism is provided, it is allowed to User Defined data binding rule and parsing class, it is convenient
User combines specific business need and carries out data binding；
(4) support matrix monodromy skin function, it is allowed to which user predefines skin, can be by changing skin after form customization is completed
Function adjusts list overall style, preferably realizes the effect of What You See Is What You Get.
Brief description of the drawings
Attached drawing 1 is the schematic diagram that multiple terminals list shares a set of Batch Processing model in embodiment；
Attached drawing 2 is that component inherits schematic diagram in embodiment；
Attached drawing 3 is intelligent interaction flow chart between component and Form Designer in embodiment；
Attached drawing 4 is Form Element memory hierarchy block diagram in embodiment.
Embodiment
The implementation method of the intelligent cloud list of the present invention is made in detail below with specific embodiment with reference to Figure of description
Explanation.
Embodiment：
The implementation of the implementation method of intelligent cloud list of the present invention is as follows：
1) multiple terminals list shares a set of business model
Explanation：Support that implementation of the invention is multiple foregrounds to multiple terminals list, it is necessary to solve Data Consistency
Terminal list shares a set of Batch Processing model.It is considered herein that list belongs to the thing on foreground, it is necessary to there is a set of business in backstage
Model corresponds to therewith, business model carried out with database table it is corresponding, so that foreground list and Batch Processing table be decoupled.Such as
Shown in attached drawing 1, desktop version form customization finishes, and can accordingly generate a set of business model from the background, which describes dynamic
The list table that state creates, it is relevant between desktop version list and the business model；When customizing mobile edition list, no longer dynamic is raw
Incidence relation is established into Batch Processing model, but between mobile edition list and foregoing established business model, so that indirectly
Using the list table of previous desktop version list dynamic creation, also just fundamentally solves Data Consistency.
2) component is inherited
Explanation：Component is to the integrated of primary html tag, encapsulation and extension, and each component is one single
JavaScript file, when adding components to design area, actual interpolation is a HTML fragment.As shown in Figure 2, institute
There is component to be all inherited from CFWidget classes（Self-defined base class）, such includes html template, initialization operation, mouse drag and drop behaviour
To make, four parts of double mouse click operation, any component can be based on this four parts spread, meanwhile, if to customize same
The personalized version of one component, secondary can inherit the component, code has been realized in multiplexing, and only provides individualized section i.e.
Can.
It is as follows that component inherits example：
// after bearing assembly
CFText = $.inherit(CFWidget, overrides);
3) component and designer intelligent interaction
Explanation：When being loaded into the Form Designer page, the component of designated terminal (desktop, movement) is loaded automatically
JavaScript source files.
Each last column code of component is：
// component registration
CForm.reg (component class name);
So as to allow component to be automatically registered to designer.
Intelligent interaction process is as shown in Figure 3 between component and designer：
1. registration finishes all component automatically, designer can call the init methods of each component, init method meetings successively
" put down from the registration of trend designer（drop）", " double-click（dblClick）" event, event registration mode is：
Event is put down in // registration
This.builder.on (" current component ID_drop ", operation);
// registration double click event
This.builder.on (" current component ID_dblClick ", operation);
2. component is dragged to, it is necessary to pull component to medium design area from component tray when user carries out form design
Behind appropriate location, mouse is unclamped.
3. designer listens to mouse up event, " drop " event of trigger assembly registration, component internal dynamic renders
Component template, renders to finish the corresponding HTML fragment of component being added to and designs in area.
The triggering mode for putting down event is：
Event is put down in // triggering
This.builder.fireEvent (component ID+" _ drop ", [target]);
4. when user setting list Domain Properties, it is necessary to double-click component.
5. designer listens to double mouse click event, " dblClick " event of trigger assembly registration, so as to eject component
Attribute sets the page.
The triggering mode of double click event is：
// triggering double click event
This.builder.fireEvent (component ID+" _ dblClick ", [target]);
4) Form Element classification storage
Explanation：As shown in Figure 4, forms pages element is abstracted as three-level by the present invention：List, region, domain, correspond to respectively
Business model, subservice model in Batch Processing model, business model item.Form Element classification storage, will from model level
Front and back decouples, and ensure that a Batch Processing model can correspond to the multiple forms pages elements in foreground, greatly improves spirit
Activity.
5) html attribute is extended
Explanation：The present invention supports to be extended html attribute, and expansible attribute includes component ID, element type（List,
Region, domain）, whether build automatically table, associated services implication, associated data binding, associated services model, business model mapping etc..
Form definition finishes when being preserved, and can parse the extended attribute in HTML from the background, number is persisted in the form of basic data
According in storehouse, list uses during for operation.
6) data binding
Explanation：For convenience of the use of end user, partial data needs to bind automatically when initializing list, such as when
The title of preceding login user, the present invention binds rule by predefined data and parsing class meets such demand.During customized form,
Specify the data rule to be bound for domain, during operation, if necessary to carry out data binding to domain, then Dynamic Execution data are advised
Then corresponding parsing class, dynamically binds in the form fields of foreground after obtaining analysis result.
7) list is issued
Support two ways, one kind is that a kind of Form Element of establishing is with having table according to Form Element dynamic creating table
Association.
8) list changes skin
Explanation：The present invention supports predefined list skin pattern file, during designing form, can be carried out from existing pattern
Selection, can record the incidence relation of list and skin when preserving list, when next time is again turned on list, can be closed according to this association
It is the corresponding skin pattern file of dynamic load, preferably realizes the What You See Is What You Get of form design.
Claims (7)
1. the implementation method of intelligent cloud list, it is characterised in that：
Form Designer, for customizing the list of different terminals, the list of different terminals shares a set of business model；
A large amount of components built in Form Designer, each component are a single JavaScript files, and all component is all inherited
From self-defined base class, component can be inherited, is expansible；
Component and Form Designer intelligent interaction, component carry out Active Registration to Form Designer, and registration finishes, Form Designer
The initial method of invocation component successively, component are interacted with Form Designer by customized event, interactive key point
It is that event is named with component ID；
Form Element classification storage, the Form Element are divided into list, region, domain three-level, correspond to respectively in Batch Processing model
Business model, subservice model, business model item；
Html attribute is extended, extended attribute includes：Whether component ID, element type, build table, associated services implication, association automatically
Data binding, associated services model and business model mapping；
Data binding extends, and the definition phase specifies data binding rule, runtime dynamic analysis data rule binding number for domain
According to, obtain analysis result after dynamically bind in the form fields of foreground；
List changes skin, supports predefined list skin pattern, define the phase can switching at runtime pattern, the runtime loads corresponding pattern
File.
2. the implementation method of intelligent cloud list according to claim 1, it is characterised in that：It is provided with list skin pattern mould
Block, for preserving list skin pattern file, records the incidence relation of list and skin.
3. the implementation method of intelligent cloud list according to claim 1, it is characterised in that：Two kinds of sides are supported in list issue
Formula, one kind are that a kind of is to establish Form Element with having associating for table according to Form Element dynamic creating table.
4. the implementation method of the intelligent cloud list according to claim 1,2 or 3, it is characterised in that：Form Designer is used for
When customizing the list of different terminals, after the first form customization, a set of business model, the business are accordingly being generated from the background
Model is used for the list table for describing dynamic creation；When customizing other lists, no longer dynamic generation Batch Processing model, but at it
Incidence relation is established between its list and foregoing established business model, so as to use the first foregoing list dynamic creation indirectly
List table.
5. the implementation method of intelligent cloud list according to claim 4, it is characterised in that：With Form Designer designing form
When, respectively using terminal device picture as background.
6. the implementation method of intelligent cloud list according to claim 4, it is characterised in that：User can customize component, after
Hold self-defined base class, the html template of definitions component, initialization operation, the processing of mouse ole item OLE, double mouse click event handling.
7. the implementation method of intelligent cloud list according to claim 4, it is characterised in that：Customize the personalization of same component
During version, by being realized after bearing assembly, code reuse is realized.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410055776.3A CN103809975B (en) | 2014-02-19 | 2014-02-19 | The implementation method of intelligent cloud list |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410055776.3A CN103809975B (en) | 2014-02-19 | 2014-02-19 | The implementation method of intelligent cloud list |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103809975A CN103809975A (en) | 2014-05-21 |
| CN103809975B true CN103809975B (en) | 2018-04-13 |
Family
ID=50706801
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410055776.3A Active CN103809975B (en) | 2014-02-19 | 2014-02-19 | The implementation method of intelligent cloud list |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103809975B (en) |
Families Citing this family (13)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN104199651A (en) * | 2014-08-26 | 2014-12-10 | 浪潮软件股份有限公司 | Method for designing graphical process modeling tool |
| CN106919410A (en) * | 2015-12-25 | 2017-07-04 | 阿里巴巴集团控股有限公司 | The extended method and device of the layout templates of component |
| CN105630502A (en) * | 2015-12-28 | 2016-06-01 | 武汉传神信息技术有限公司 | Method and system for generating dynamic form |
| CN106020794A (en) * | 2016-05-10 | 2016-10-12 | 浪潮软件股份有限公司 | Layout method of complex page portal page |
| CN106201501A (en) * | 2016-07-06 | 2016-12-07 | 全程网络科技（上海）有限公司 | A kind of configurableization construction method to mobile terminal form interface and system |
| CN107665204B (en) * | 2016-07-28 | 2021-01-26 | 北京京东尚科信息技术有限公司 | Method and device for providing form |
| CN106569795A (en) * | 2016-09-29 | 2017-04-19 | 山东浪潮云服务信息科技有限公司 | Method for saving data visualization attribute configuration based on JavaScript temperate engine |
| CN108664242B (en) * | 2017-04-01 | 2022-02-01 | 北京京东尚科信息技术有限公司 | Method and device for generating visual interface, electronic equipment and readable storage medium |
| CN108920246B (en) * | 2017-08-23 | 2021-09-21 | 北京五八信息技术有限公司 | Form draft component sharing method and device, terminal device and readable storage medium |
| CN110968309B (en) * | 2019-10-15 | 2021-11-12 | 京东数字科技控股有限公司 | Template generation method and device, electronic equipment and storage medium |
| CN111159611A (en) * | 2019-12-26 | 2020-05-15 | 广东飞企互联科技股份有限公司 | Method for dynamically generating mobile form and system for dynamically generating mobile form |
| CN111933228B (en) * | 2020-08-11 | 2024-04-09 | 上海太美星云数字科技有限公司 | Method and device for realizing project distribution and management system in clinical research |
| CN112711414B (en) * | 2020-12-28 | 2022-10-11 | 浪潮通用软件有限公司 | Form interface adaptation display method and device and storage medium |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1730681A1 (en) * | 2004-03-26 | 2006-12-13 | Crimsonlogic Pte Ltd | A forms development platform |
| CN102360296A (en) * | 2011-10-20 | 2012-02-22 | 北京金和软件股份有限公司 | WEB-based online form development tool |
| CN102486728A (en) * | 2010-12-05 | 2012-06-06 | 西软软件股份有限公司 | User-defined form system |
| CN102789382A (en) * | 2012-06-28 | 2012-11-21 | 用友软件股份有限公司 | System and method for generating and running form |
| CN103235727A (en) * | 2013-05-17 | 2013-08-07 | 杭州世导信息技术有限公司 | Partial dynamic form engine device, system and method |
| CN103455473A (en) * | 2012-05-30 | 2013-12-18 | 刘继业 | WEB form definition and application method based on hypertext markup language (HTML) |
-
2014
- 2014-02-19 CN CN201410055776.3A patent/CN103809975B/en active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP1730681A1 (en) * | 2004-03-26 | 2006-12-13 | Crimsonlogic Pte Ltd | A forms development platform |
| CN102486728A (en) * | 2010-12-05 | 2012-06-06 | 西软软件股份有限公司 | User-defined form system |
| CN102360296A (en) * | 2011-10-20 | 2012-02-22 | 北京金和软件股份有限公司 | WEB-based online form development tool |
| CN103455473A (en) * | 2012-05-30 | 2013-12-18 | 刘继业 | WEB form definition and application method based on hypertext markup language (HTML) |
| CN102789382A (en) * | 2012-06-28 | 2012-11-21 | 用友软件股份有限公司 | System and method for generating and running form |
| CN103235727A (en) * | 2013-05-17 | 2013-08-07 | 杭州世导信息技术有限公司 | Partial dynamic form engine device, system and method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103809975A (en) | 2014-05-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103809975B (en) | The implementation method of intelligent cloud list | |
| CN106528129B (en) | A kind of Web application interface generation system and method | |
| CN105653644B (en) | A kind of page constructor and page building method | |
| CN101676910B (en) | A page generation method facing to Web application system | |
| US8584082B2 (en) | System for dynamic discovery, configuration, and development of process-bound widgets | |
| CN103383645B (en) | Code generating method and system | |
| CN105487864A (en) | Method and device for automatically generating code | |
| KR101368068B1 (en) | Method of constructing database, server performing the same and storage media storing the same | |
| CN110399420A (en) | A kind of deriving method, electronic equipment and the medium of configurableization Excel format | |
| US8839192B2 (en) | System and method for presentation of cross organizational applications | |
| CN109597814A (en) | A kind of online quick delivery system of back-stage management information system | |
| CN109614085B (en) | Function realizing method, device, computer equipment and storage medium | |
| CN106990970B (en) | MVC-based dynamic page generation method and system | |
| CN103309650A (en) | Generating method and device of persistence layer codes | |
| CN102609252A (en) | Intelligent configuration method for logic menu resources on basis of measurement instruments | |
| JP2019506645A (en) | Page construction method, terminal, storage medium, and page construction device | |
| CN110069248A (en) | Call method, device, equipment and the computer readable storage medium of interface data | |
| CN105867944A (en) | Web front-end terminal operating layer and implementing method thereof | |
| CN103984554B (en) | The generation method and device of Software for Design document | |
| CN102193806A (en) | Method and device for updating animation | |
| CN109947425A (en) | A kind of the dealing with information flow method and device | |
| Märtin et al. | Patterns and models for automated user interface construction–in search of the missing links | |
| CN114281463B (en) | Form interface format configuration and interface display method, device and medium | |
| CN104102480B (en) | The method and apparatus for generating configuration file | |
| CN115543428A (en) | Simulated data generation method and device based on strategy template |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |