CN106293777A - A kind of based on component-based development front-end interface control implementation method - Google Patents

A kind of based on component-based development front-end interface control implementation method Download PDF

Info

Publication number
CN106293777A
CN106293777A CN201610985238.3A CN201610985238A CN106293777A CN 106293777 A CN106293777 A CN 106293777A CN 201610985238 A CN201610985238 A CN 201610985238A CN 106293777 A CN106293777 A CN 106293777A
Authority
CN
China
Prior art keywords
div
data
control
end interface
component
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
Application number
CN201610985238.3A
Other languages
Chinese (zh)
Other versions
CN106293777B (en
Inventor
丁书耕
戚鲁凤
李秀芬
王海英
孙海涛
张学先
曹守超
张丽萍
鹿天保
邵常媛
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Luruan Digital Technology Co Ltd
Original Assignee
Shandong Luneng Software Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shandong Luneng Software Technology Co Ltd filed Critical Shandong Luneng Software Technology Co Ltd
Priority to CN201610985238.3A priority Critical patent/CN106293777B/en
Publication of CN106293777A publication Critical patent/CN106293777A/en
Application granted granted Critical
Publication of CN106293777B publication Critical patent/CN106293777B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces

Abstract

The invention discloses a kind of based on component-based development front-end interface control systems, including main frame layout device, for by div according to specifying position to be laid out, main positions have upper and lower, left and right, in, it is possible to select to arrange folding and the data loading form of each div;CRUD space, for editing service in the row of form, by clicking on row or cell, and div layer display unit lattice appointment data are ejected in position near cursor;Form controls, carries out input, button, select element packing and being combined into representing the colourful widgets of form, improves execution efficiency and the user experience of list;Grid control, uses div layering display form and combines table element and knitted in the table by data set;The conventional page is generated Page Template by the present invention, carries out web project development rapidly and efficiently by the function of the automatic production of HTML page of platform.

Description

A kind of based on component-based development front-end interface control implementation method
Technical field
The present invention relates to a kind of based on component-based development front-end interface control implementation method.
Background technology
Along with the rich degree of enrichment of business tine is more and more higher, it is more and more higher that user represents situation for data.Base This page elements can not meet existing demand.
To require to develop abundant page presentation effect according to user, exploitation personnel requirement is improved, much the most accordingly Project team may not have the development ability of page front end, and slowly, code is mixed and disorderly, and browser compatibility is inadequate in front end exploitation.
Existing front end frame is strongly professional, although element is abundant but loads slowly, and the exploitation to independent research is put down It is high that platform accesses difficulty, exploitation difficulty.
Summary of the invention
The present invention is to solve the problems referred to above, it is proposed that a kind of based on component-based development front-end interface control implementation method, The method is with jquery for low level development script, it is achieved major part page general purpose module, and functionally expands at it, meets Many scenes, the assembly effect of multi-functional demand, assembly function enriches, is prone to configuration use, meets domestic demand.
To achieve these goals, the present invention adopts the following technical scheme that
A kind of based on component-based development front-end interface control systems, including main frame layout device, CRUD control, list control Part, grid control, Tree control, navigation controls and form control;Wherein:
Described main frame layout device, for by div according to specify position be laid out, main positions have upper and lower, left and right, In, it is possible to select to arrange folding and the data loading form of each div;
Described CRUD space, for editing service in the row of form, goes or cell by clicking on, and position near cursor Put ejection div layer display unit lattice and specify data;
Described form controls, carries out input, button, select element packing and be combined into that to represent form abundant many Color widgets, improves execution efficiency and the user experience of list;
Described grid control, uses div layering display form and combines table element and knitted in the table by data set;
Described Tree control, for realizing the displaying of tree structure;
Described form control, for making the forms that form class is similar in application program that represent of div, and is that div layer is automatic The general utility functions attribute of additional window.
Described main frame layout device, for the layout designs of page framework, is laid out div, mainly according to appointment position Position have upper and lower, left and right, in, it is possible to select to arrange folding and the data loading form of each div, obtained by jquery Specify div and control the position attribution of div, make target div by specifying the property value of position, by the phase of lnui.js Induction method makes relevant div be positioned at the appointment position of the page, and loads default property and user-specific attributes.
The property value of described position includes left, right, top, center and bottom attribute.
Described CRUD control, for editing service in the row of form, including cell editor, edlin, form editing and bullet Go out frame editor.
When described cell editor includes clicking on certain cell, show number to be revised according to cell data-oriented form According to, such as drop-down list option and time control.
Described grid control, is combined table with div, by the control of its pattern to reach to be similar to excel Flexible manipulation, be different from single table and data represented form, whole form uses div layering display form also to tie Close table element to be knitted in the table by data set.
The function of described grid control includes the pulling of grid column size, grid column location swap, row display/hide, table Data filtering in lattice row locking and form.
The display form of described grid control includes the interior editor of table row, detailed row data, tree data are shown, data are divided Group is shown and data page is shown.
Implementation method based on above-mentioned control systems, comprises the following steps:
1. developer's assembly by function call specified type;
2.Lnui.js, with jquery for low level development script, obtains object element by the selector of jquery;
3. according to specified type set up select this function common element pack and combine, redefine element pattern and Property value;
4. assembling above-mentioned element, form the independent configurable unit that represents, it is distinctive that each assembly is packaged with self Attribute and event, and support that User Defined extends event;By in establishment write object element.
The invention have the benefit that
1. the conventional page can be generated Page Template, carry out quick height by the function of the automatic production of HTML page of platform The web project development of effect;
2. the simple readability of code, autgmentability is strong, and development efficiency is high, and code specification is clean and tidy.
Accompanying drawing explanation
Fig. 1 is the block schematic illustration of the present invention;
Fig. 2 is the schematic flow sheet of the present invention.
Detailed description of the invention:
The invention will be further described with embodiment below in conjunction with the accompanying drawings.
As Figure 1-Figure 2, a kind of based on component-based development front-end interface control implementation method, comprise the following steps:
1. developer's assembly by function call specified type.
2.Lnui.js, with jquery for low level development script, obtains object element by the selector of jquery.
3. according to specified type set up select this function common element pack and combine, redefine element pattern and Property value.
4. assembling above-mentioned element, formed and independent configurable represent unit (assembly), each assembly is packaged with self Distinctive attribute and event, and support that User Defined extends event.
5. by establishment write object element.
This framework uses the design pattern of div+css, and user can change CSS (lnui.css literary composition according to actual needs Part).This framework mainly has two files, is also the bag that must be introduced into of developer: lnui.js, lnui.css and the money of necessity Source bag resources (mainly depositing the resources such as picture);
Lnui.js is chassis body script, the main selector lookup object element by jquery, and with according to not working together Part controls the property value of object element, and the attribute of daughter element, and this process is equivalent to the page assembled, and developer has only to Fill in corresponding attribute and can show corresponding contents at the page, eliminate developer and develop the work of the page.
This framework is broadly divided into seven classes:
One, main frame layout device
1, this module is mainly the layout designs of page framework, can be by div according to specifying position to be laid out, main position Be equipped with upper and lower, left and right, in, it is possible to (loading/lazyness adds immediately to select to arrange the folding of each div and data loading form Carry).
2, frame page layout is as follows:
This function is mainly obtained by jquery and specifies div and control the position attribution of div, makes target div by specifying The property value (left, right, top, center, bottom) of position and other attribute, corresponding by lnui.js Method makes relevant div be positioned at the appointment position of the page, and loads default property and user-specific attributes.
Two, CRUD control
Predominantly editing service in the row of form, main Types has cell editor (when clicking on certain cell, according to unit Lattice data-oriented form shows data to be revised, such as drop-down list option, time control), edlin, form editing, pop-up box Editor.
This function is mainly by clicking on row or cell, and position ejection div layer display unit lattice refer near cursor Given data, Current Datarow, form data or more detailed data, represent form class and be similar to card.
Three, form controls
This function is mainly and the elements such as input, button, select carries out packing and to be combined into represent form abundant many Color widgets, improves execution efficiency and the user experience of list, and adds the data verification of leading portion.Such as: will The text element of input and the combination of button and div can be combined into time control, the drop down list control of Suresh Kumar, bullet Exit window space, Attributions selection control etc..
Infrastructure elements is mainly packaged by this function, becomes the conventional control type being prone to experience, makes developer Can directly invoke and manipulate data, decreasing the process of developer oneself control development, and add Consumer's Experience.
Four, grid control
Table with div is mainly combined by this function, by controlling to reach to be similar to excel's to its pattern Manipulation flexibly.This feature difference represents form in single table to data, and whole form uses div to be layered display form And combine table element data set is knitted in the table, the table irrealizable merit of element can be realized by this kind of form Can, data filtering in the pulling of such as grid column size, grid column location swap, row display/hide, grid column locking, form Deng.
Additionally extend the display form of list data, such as: editor, detailed row data, tree data in table row Displaying, packet displaying and data page are shown.
Five, Tree control
This function mainly achieves the displaying of tree structure, including basic tree-like displaying, multiselect tree/single choice tree, node Pull input, Filter Tree.
Six, navigation controls
This function is broadly divided into the folding panel group of menu, menu button, tab, accordion fashion, folds menu, folding Folded tree.
This function is mainly by manipulation list element, and according to dissimilar loading default property value, makes list control shape Become colourful and represent form.
Seven, form control
The pattern of this function predominant package div, makes the forms that form class is similar in application program that represent of div, and is div The general utility functions attribute of layer additional window automatically is (such as: minimize button, maximize button, X button, forms title, window Body icon icon, the pulling of frame size, the pulling of window position)
The most general tool-class function is additionally provided, formatting (currency style, the size of such as data outside above-mentioned control Write conversion, data filtering and support the data format manipulation of self-defining regular expression);
Due to bottom quoting by jquery, the most compatible for major part major browsers, and use general pattern Table, the switching for pattern is the easiest.
The conventional page can be generated Page Template, be carried out rapidly and efficiently by the function of the automatic production of HTML page of platform Web project development.The simple readability of code, autgmentability is strong, and development efficiency is high, and code specification is clean and tidy.
Although the detailed description of the invention of the present invention is described by the above-mentioned accompanying drawing that combines, but not the present invention is protected model The restriction enclosed, one of ordinary skill in the art should be understood that on the basis of technical scheme, and those skilled in the art are not Need to pay various amendments or deformation that creative work can make still within protection scope of the present invention.

Claims (9)

1., based on a component-based development front-end interface control systems, it is characterized in that: include main frame layout device, CRUD control, Form controls, grid control, Tree control, navigation controls and form control;Wherein:
Described main frame layout device, for by div according to specify position be laid out, main positions have upper and lower, left and right, in, And can select to arrange the folding of each div and data loading form;
Described CRUD space, for editing service in the row of form, goes or cell by clicking on, and position bullet near cursor Go out div layer display unit lattice and specify data;
Described form controls, carries out input, button, select element packing and be combined into that to represent form colourful Widgets, improves execution efficiency and the user experience of list;
Described grid control, uses div layering display form and combines table element and knitted in the table by data set;
Described Tree control, for realizing the displaying of tree structure;
Described form control, for making div's to represent the forms that form class is similar in application program, and adds automatically for div layer The general utility functions attribute of forms.
2. as claimed in claim 1 a kind of based on component-based development front-end interface control systems, it is characterized in that: described main frame Layout device, for the layout designs of page framework, by div according to specifying position to be laid out, main positions have upper and lower, left and right, In, it is possible to select to arrange folding and the data loading form of each div, obtained by jquery and specify div and control div's Position attribution, makes target div by specifying the property value of position, makes relevant div position by the correlation method of lnui.js In the appointment position of the page, and load default property and user-specific attributes.
3. as claimed in claim 2 a kind of based on component-based development front-end interface control systems, it is characterized in that: described The property value of position includes left, right, top, center and bottom attribute.
4. as claimed in claim 1 a kind of based on component-based development front-end interface control systems, it is characterized in that: described CRUD is controlled Part, for editing service in the row of form, including cell editor, edlin, form editing and pop-up box editor.
5. as claimed in claim 4 a kind of based on component-based development front-end interface control systems, it is characterized in that: described cell Editor when including clicking on certain cell, show data to be revised according to cell data-oriented form, as drop-down list option with Time control.
6. as claimed in claim 1 a kind of based on component-based development front-end interface control systems, it is characterized in that: described form control Part, is combined table with div, by its pattern controls to reach to be similar to the flexible manipulation of excel, is different from Single table represents form to data, and whole form uses div layering display form and combines table element by data Tissue is in the table.
7. as claimed in claim 6 a kind of based on component-based development front-end interface control systems, it is characterized in that: described form control The function of part includes number in the pulling of grid column size, grid column location swap, row display/hide, grid column locking and form According to filtration.
8. as claimed in claim 7 a kind of based on component-based development front-end interface control systems, it is characterized in that: described form control The display form of part includes the interior editor of table row, the displaying of detailed row data, tree data, packet displaying and data page Show.
9. implementation method based on the control systems as according to any one of claim 1-8, is characterized in that: include following step Rapid:
1. developer's assembly by function call specified type;
2.Lnui.js, with jquery for low level development script, obtains object element by the selector of jquery;
3. setting up according to specified type selects this function common element to pack and combine, and redefines element pattern and attribute Value;
4. assembling above-mentioned element, form the independent configurable unit that represents, each assembly is packaged with self distinctive attribute And event, and support that User Defined extends event;By in establishment write object element.
CN201610985238.3A 2016-10-31 2016-10-31 Method for realizing development front-end interface control based on component type Active CN106293777B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610985238.3A CN106293777B (en) 2016-10-31 2016-10-31 Method for realizing development front-end interface control based on component type

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610985238.3A CN106293777B (en) 2016-10-31 2016-10-31 Method for realizing development front-end interface control based on component type

Publications (2)

Publication Number Publication Date
CN106293777A true CN106293777A (en) 2017-01-04
CN106293777B CN106293777B (en) 2020-04-03

Family

ID=57720965

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610985238.3A Active CN106293777B (en) 2016-10-31 2016-10-31 Method for realizing development front-end interface control based on component type

Country Status (1)

Country Link
CN (1) CN106293777B (en)

Cited By (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106886418A (en) * 2017-03-27 2017-06-23 湛江市霞山区新软佳科技有限公司 Html interface control is pasted
CN107301044A (en) * 2017-06-09 2017-10-27 广州慧扬健康科技有限公司 Multipage control for metabolic disease electronic health record list
CN107341141A (en) * 2017-07-24 2017-11-10 上海网易小额贷款有限公司 List management method, device, medium and computing device
CN107797804A (en) * 2017-11-20 2018-03-13 北京百度网讯科技有限公司 The method and apparatus for generating front end interactive interface
CN107908747A (en) * 2017-11-17 2018-04-13 深圳市泉眼网络科技有限公司 A kind of page generation method and device
CN109189388A (en) * 2018-08-15 2019-01-11 深圳市轱辘汽车维修技术有限公司 Page configuration method, server and computer-readable medium
CN109324848A (en) * 2017-07-31 2019-02-12 武汉斗鱼网络科技有限公司 The interlock method of title bar and page elements, storage medium, electronic equipment and system
CN109522508A (en) * 2018-11-27 2019-03-26 河南思维轨道交通技术研究院有限公司 Page authoring method, editing machine construction method, device and electronic equipment
CN109828806A (en) * 2018-12-24 2019-05-31 苏州蜗牛数字科技股份有限公司 A kind of optimization method based on the customized diversified control combing of UI
CN110020342A (en) * 2017-08-31 2019-07-16 北京国双科技有限公司 The processing method and processing device of data
CN110442406A (en) * 2018-05-02 2019-11-12 天津京东深拓机器人科技有限公司 The method and paging control, electronic equipment of paging control processing data
CN111367504A (en) * 2018-12-26 2020-07-03 商派软件有限公司 Data selector and data selection method suitable for full scene
CN111506310A (en) * 2020-03-24 2020-08-07 平安国际智慧城市科技股份有限公司 Method, device and equipment for generating multi-platform style and storage medium
CN112217731A (en) * 2020-10-16 2021-01-12 青岛海尔科技有限公司 Target application generation method and device and storage medium
CN112506493A (en) * 2020-10-30 2021-03-16 福建亿能达信息技术股份有限公司 Table configuration method, device, equipment and medium based on vue
CN112799669A (en) * 2021-04-06 2021-05-14 武汉元光科技有限公司 Method and device for generating application program interface layout code and electronic equipment
CN113010156A (en) * 2021-03-03 2021-06-22 西安建筑科技大学 General UI storehouse based on React
CN113568609A (en) * 2021-09-24 2021-10-29 成都中科合迅科技有限公司 UI style editing method based on Qss style sheet
CN114936059A (en) * 2022-05-23 2022-08-23 北京达佳互联信息技术有限公司 Media resource display method and device, electronic equipment and storage medium
CN115079902A (en) * 2022-06-09 2022-09-20 安徽同徽信息技术有限公司 Front-end packaging self-grinding component library
CN115525853A (en) * 2022-10-17 2022-12-27 中电科大数据研究院有限公司 Form configuration method, system and device and electronic equipment

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103281202A (en) * 2013-05-21 2013-09-04 上海寰创通信科技股份有限公司 System of browser/server architecture and front-end presentation method of system
CN105302578A (en) * 2015-11-27 2016-02-03 中国电子科技集团公司第二十八研究所 Comprehensive portal management system of dragging type layout configuration
CN105630472A (en) * 2014-11-03 2016-06-01 中国科学院沈阳自动化研究所 Quick client development frame for manufacturing execution system and software development method for frame
CN105893014A (en) * 2015-12-08 2016-08-24 乐视云计算有限公司 Project development method and system for front end

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103281202A (en) * 2013-05-21 2013-09-04 上海寰创通信科技股份有限公司 System of browser/server architecture and front-end presentation method of system
CN105630472A (en) * 2014-11-03 2016-06-01 中国科学院沈阳自动化研究所 Quick client development frame for manufacturing execution system and software development method for frame
CN105302578A (en) * 2015-11-27 2016-02-03 中国电子科技集团公司第二十八研究所 Comprehensive portal management system of dragging type layout configuration
CN105893014A (en) * 2015-12-08 2016-08-24 乐视云计算有限公司 Project development method and system for front end

Non-Patent Citations (6)

* Cited by examiner, † Cited by third party
Title
刘小艮: "网页设计中DIV+CSS布局技术的应用实践探讨", 《无线互联科技》 *
刘靖桐: "面向Web2.0的web应用前端开发框架的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *
施人铜: "基于jQuery的Web前端组件开发研究与应用", 《中国优秀硕士学位论文全文数据库 信息科技辑》 *
殷明等: "电子商务网站前端设计中DIV+CSS技术应用研究", 《信阳农业高等专科学校学报》 *
蓝鹰: "高效门户网站的网页布局技术研究", 《智能计算机与应用》 *
郑俊生等: "一种基于Div+CSS+JavaScript的网页布局特效研究", 《电脑知识与技术》 *

Cited By (28)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106886418A (en) * 2017-03-27 2017-06-23 湛江市霞山区新软佳科技有限公司 Html interface control is pasted
CN107301044A (en) * 2017-06-09 2017-10-27 广州慧扬健康科技有限公司 Multipage control for metabolic disease electronic health record list
CN107341141B (en) * 2017-07-24 2020-11-10 上海网易小额贷款有限公司 Form management method, device, medium and computing equipment
CN107341141A (en) * 2017-07-24 2017-11-10 上海网易小额贷款有限公司 List management method, device, medium and computing device
CN109324848A (en) * 2017-07-31 2019-02-12 武汉斗鱼网络科技有限公司 The interlock method of title bar and page elements, storage medium, electronic equipment and system
CN109324848B (en) * 2017-07-31 2021-04-09 武汉斗鱼网络科技有限公司 Linkage method of title bar and page elements, storage medium, electronic equipment and system
CN110020342A (en) * 2017-08-31 2019-07-16 北京国双科技有限公司 The processing method and processing device of data
CN107908747A (en) * 2017-11-17 2018-04-13 深圳市泉眼网络科技有限公司 A kind of page generation method and device
CN107797804A (en) * 2017-11-20 2018-03-13 北京百度网讯科技有限公司 The method and apparatus for generating front end interactive interface
CN110442406A (en) * 2018-05-02 2019-11-12 天津京东深拓机器人科技有限公司 The method and paging control, electronic equipment of paging control processing data
CN109189388A (en) * 2018-08-15 2019-01-11 深圳市轱辘汽车维修技术有限公司 Page configuration method, server and computer-readable medium
CN109522508A (en) * 2018-11-27 2019-03-26 河南思维轨道交通技术研究院有限公司 Page authoring method, editing machine construction method, device and electronic equipment
CN109828806A (en) * 2018-12-24 2019-05-31 苏州蜗牛数字科技股份有限公司 A kind of optimization method based on the customized diversified control combing of UI
CN111367504A (en) * 2018-12-26 2020-07-03 商派软件有限公司 Data selector and data selection method suitable for full scene
CN111367504B (en) * 2018-12-26 2021-01-26 商派软件有限公司 Data selector and data selection method suitable for full scene
CN111506310A (en) * 2020-03-24 2020-08-07 平安国际智慧城市科技股份有限公司 Method, device and equipment for generating multi-platform style and storage medium
CN111506310B (en) * 2020-03-24 2024-04-05 深圳赛安特技术服务有限公司 Method, device, equipment and storage medium for generating multi-platform style
CN112217731A (en) * 2020-10-16 2021-01-12 青岛海尔科技有限公司 Target application generation method and device and storage medium
CN112506493B (en) * 2020-10-30 2022-06-07 福建亿能达信息技术股份有限公司 Table configuration method, device, equipment and medium based on vue
CN112506493A (en) * 2020-10-30 2021-03-16 福建亿能达信息技术股份有限公司 Table configuration method, device, equipment and medium based on vue
CN113010156A (en) * 2021-03-03 2021-06-22 西安建筑科技大学 General UI storehouse based on React
CN112799669A (en) * 2021-04-06 2021-05-14 武汉元光科技有限公司 Method and device for generating application program interface layout code and electronic equipment
CN113568609A (en) * 2021-09-24 2021-10-29 成都中科合迅科技有限公司 UI style editing method based on Qss style sheet
CN113568609B (en) * 2021-09-24 2021-12-10 成都中科合迅科技有限公司 UI style editing method based on Qss style sheet
CN114936059A (en) * 2022-05-23 2022-08-23 北京达佳互联信息技术有限公司 Media resource display method and device, electronic equipment and storage medium
CN115079902A (en) * 2022-06-09 2022-09-20 安徽同徽信息技术有限公司 Front-end packaging self-grinding component library
CN115525853A (en) * 2022-10-17 2022-12-27 中电科大数据研究院有限公司 Form configuration method, system and device and electronic equipment
CN115525853B (en) * 2022-10-17 2023-06-20 中电科大数据研究院有限公司 Form configuration method, system, device and electronic equipment

Also Published As

Publication number Publication date
CN106293777B (en) 2020-04-03

Similar Documents

Publication Publication Date Title
CN106293777A (en) A kind of based on component-based development front-end interface control implementation method
CN104731584B (en) A kind of customized configuration design method of Open Architecture CNC System of Display Interface
CN105653644B (en) A kind of page constructor and page building method
KR101456506B1 (en) An authoring tool for web applications and the authoring method thereof
KR101686691B1 (en) Hierarchically-organized control galleries
JP5254812B2 (en) User interface generation device, information terminal, user interface generation control program, recording medium, and user interface generation method
CN103885943B (en) The implementation method of drop-down list box control in webpage
US7945863B1 (en) Localized exploded view
US20050216834A1 (en) Method, apparatus, and computer-readable medium for dynamically rendering a user interface menu
KR20100127252A (en) User interface generation device
US7107519B1 (en) Spreadsheet-based user interface creation
JP6371577B2 (en) Information display device and method for changing display layout of information display device
KR101373442B1 (en) Sequence program creating apparatus
CN106814949A (en) A kind of cocos game editing machine control interfaces management method
CN107977203A (en) The creation method of storage device, application program control and user interface
CN109716294A (en) With the user interface for moving mini label
CN108108194A (en) User interface edit methods and user interface editing machine
CN114564263A (en) Page layout adjusting method and device
US10268669B1 (en) Intelligent graphical word processing system and method
CN103513855A (en) Method and device for updating display pages
CN103699381A (en) Method and system for setting Widget based on Firefox OS (Operating System) platform
CN109032601A (en) Design drawing cooperates cut map device and method online
CN109508190A (en) The method of the customized dynamic effect card stacking switching of UI
US9360994B2 (en) Partial-height panes as a method for optimizing palette layout and screen real estate usage
JP2004086774A (en) Screen structural drawing modeling device, program, and screen structural drawing modeling method

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
CP03 Change of name, title or address
CP03 Change of name, title or address

Address after: Yinhe building, 2008 Xinluo street, high tech Industrial Development Zone, Jinan City, Shandong Province, 250098

Patentee after: Shandong luruan Digital Technology Co.,Ltd.

Address before: 250001 5th floor, block B, Yinhe building, 2008 Xinluo street, high tech Zone, Jinan City, Shandong Province

Patentee before: SHANDONG LUNENG SOFTWARE TECHNOLOGY Co.,Ltd.