CN110413976A - A kind of dynamic list application mode of What You See Is What You Get - Google Patents

A kind of dynamic list application mode of What You See Is What You Get Download PDF

Info

Publication number
CN110413976A
CN110413976A CN201910706355.5A CN201910706355A CN110413976A CN 110413976 A CN110413976 A CN 110413976A CN 201910706355 A CN201910706355 A CN 201910706355A CN 110413976 A CN110413976 A CN 110413976A
Authority
CN
China
Prior art keywords
list
user
page
configuration page
function
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
Application number
CN201910706355.5A
Other languages
Chinese (zh)
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.)
NANJING XINYE ENERGY TECHNOLOGY Co Ltd
Original Assignee
NANJING XINYE ENERGY 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 NANJING XINYE ENERGY TECHNOLOGY Co Ltd filed Critical NANJING XINYE ENERGY TECHNOLOGY Co Ltd
Priority to CN201910706355.5A priority Critical patent/CN110413976A/en
Publication of CN110413976A publication Critical patent/CN110413976A/en
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486Drag-and-drop

Abstract

Present invention relates particularly to a kind of dynamic list application modes of What You See Is What You Get, comprising the following steps: step 1: providing the visual configuration page that can pull form controls, constructs list model library;Step 2: the functional application needed using the building of list model library.User can be completely according to the attribute information for oneself needing to generate oneself desired collection according to the visualization interface of offer dragging Form Element completely without any technology is understood according to the present invention, it provides whether Custom Attributes shows configuration, and live preview function What You See Is What You Get is provided;User oneself solves subproblem as needed in this way, and technology company can also reduce code revision number to reduce the probability of software function error and can reduce part human cost.

Description

A kind of dynamic list application mode of What You See Is What You Get
Technical field
The present invention relates to computer graphics visualized operation fields, and in particular to a kind of dynamic list of What You See Is What You Get Application mode.
Background technique
With the rapid development of information technology, the data of oneself are not stored in paper in habit by more people or company On matter file, data are saved on a paper document, are easily lost or are damaged first, and the desired number of quick search oneself is secondly wanted According to needing to leaf through page by page, paper document is very time-consuming,
Therefore more people like the data for looking for suitable software to save oneself at present, and company can then find suitable software public affairs It takes charge of and develops special management software to oneself;However the software customized once online stable operation if it is desired to being needed if modification function Want time-consuming very long, such as certain company has customized a set of software can conveniently check the employee information of oneself corporate departments, early period, needle It only needs to deposit following information in software to company present case employee to be sufficient such as: name, the age, gender, affiliated function, Identification card number, cell-phone number, post;Software company has developed function simultaneously by the employee's attribute information for needing typing that the said firm provides It comes into operation, but company system change needs to acquire the new registration employee work time limit and working experience letter after a period of time Breath, can only contact the demand that software supplier demand personnel propose oneself at this time, software supplier demand personnel be connected to demand it After may need out a demand change document meet at research and development department manager, research and development department manager sees the post analysis demand of demand simultaneously Task is issued to developer, developer starts to develop after being connected to task, and function is online after exploitation is completed is supplied to use Family company uses, have a try communication by this and period do not have to estimate at least to need under any fortuitous event one week when Between, but soon user company releases new regulation again and determines identification card number and cell-phone number belongs to individual privacy and cannot arbitrarily show in systems It needs to hide in software systems, connection software company at this moment can only be gone to continue to change again, so increase software public affairs significantly in this way The manpower and time cost of department and user company.
Summary of the invention
1. technical problem to be solved:
In order to overcome above-mentioned technical problem, the present invention provides a kind of dynamic list application mode of What You See Is What You Get.According to this Invention user can be completely according to oneself needing to generate and oneself want to search pulling Form Element according to the visualization interface of offer The attribute information of collection, provides whether Custom Attributes shows configuration, and provides live preview function What You See Is What You Get;It uses in this way Person oneself as needed solve subproblem, can reduce code revision number to reduce software function error probability and can To reduce part human cost.
2. technical solution:
A kind of dynamic list application mode of What You See Is What You Get, it is characterised in that: the following steps are included:
Step 1: providing the visual configuration page that can pull form controls, constructs list model library;Specifically include step S11 To S13:
S11 provides the visual configuration page that can pull form controls;Specifically: the page and corresponding Webpage correlation will be configured, As configure the corresponding network address of page setup;When user accesses the network address of the configuration page, then corresponding configuration page can be recalled Face;The configuration page face includes the Form Element collection for dragging;The Form Element collection for dragging include: text box, Combobox, digital frame, radio box, multiselect frame, date control, multiline text frame;The configuration page further includes layout panel;Institute The Form Element that user pulls out from Form Element concentration can be used to store by stating layout panel;It is dragged in layout panel Form Element is that user needs according to specific a certain function and selected, and user carries out according to function to corresponding table unit Element is defined;The layout panel can control the display position for the Form Element that user chooses;The configuration page can Preview is realized, i.e. it can be seen that oneself pulling and the Form Element collection after definition after user can be allowed to pull.
S12 collects user's customizing form attribute information by the visual configuration page;User pulls according to functional requirement Form Element pulls good institute's Form Element in need and constitutes the corresponding complete form of function.
The complete form further includes version management information;It is able to select whether to upgrade when the unifunctional change of complete table The version of list;After the good list of user configuration, if selection upgraded version list can rise a version, otherwise not upgrade version This.
S13 is automatically generated according to form configuration information can be used for the list model of gather data and stores to list model library.
To the carry out configuration information of the complete form generated in step S12;Specifically: generate unique mark of complete form Know;The unique identification includes unique mark of each Form Element;By all Form Element and corresponding unique mark Know and generate list model and store into list model library, and adds list version on list model;The list model library It can be recalled by configuring the page.
Step 2: the functional application needed using the building of list model library;Specifically include step S21 to S22:
S21 provides functional application and configures the page;The configuration page is webpage, the network address of the configuration page is provided, when user accesses the net When location, the configuration page is provided;Configuration page configurable functionality is using the attribute information for needing to present;Configuring the page can configure function Querying attributes needed for energy application query function.
S22 user selects the list model for being suitble to oneself functional application by the configuration page from list model library, The corresponding querying attributes of attribute and function for selecting oneself function that need to present from list model;Needed for the application of user's selection function Latest edition list model, which specific element is used as querying condition in allocation list single model, and allocation list single model where A little element needs show in functional application.
S23, the functional application for meeting user's requirement according to functional attributes and querying attributes building.
3. the utility model has the advantages that
User can need completely without any technology is understood according to oneself according to offer completely according to the present invention Visualization interface pull Form Element and generate oneself and want the attribute information collected, Custom Attributes be provided whether show and match It sets, and live preview function What You See Is What You Get is provided;User oneself solves subproblem, technology company as needed in this way Code revision number can be reduced to reduce the probability of software function error and part human cost can be reduced.
Detailed description of the invention
Fig. 1 is the flow chart that specific embodiments of the present invention 1 are step 1;
Fig. 2 is the flow chart that specific embodiments of the present invention 2 are step 2.
Specific embodiment
The present invention is specifically described with reference to the accompanying drawing.
A kind of dynamic list application mode of What You See Is What You Get, it is characterised in that: the following steps are included:
Step 1: providing the visual configuration page that can pull form controls, constructs list model library;Specifically include step S11 To S13:
S11 provides the visual configuration page that can pull form controls;Specifically: the page and corresponding Webpage correlation will be configured, As configure the corresponding network address of page setup;When user accesses the network address of the configuration page, then corresponding configuration page can be recalled Face;The configuration page face includes the Form Element collection for dragging;The Form Element collection for dragging include: text box, Combobox, digital frame, radio box, multiselect frame, date control, multiline text frame;The configuration page further includes layout panel;Institute The Form Element that user pulls out from Form Element concentration can be used to store by stating layout panel;It is dragged in layout panel Form Element is that user needs according to specific a certain function and selected, and user carries out according to function to corresponding table unit Element is defined;The layout panel can control the display position for the Form Element that user chooses;The configuration page can Preview is realized, i.e. it can be seen that oneself pulling and the Form Element collection after definition after user can be allowed to pull.
S12 collects user's customizing form attribute information by the visual configuration page;User pulls according to functional requirement Form Element pulls good institute's Form Element in need and constitutes the corresponding complete form of function.
The complete form further includes version management information;It is able to select whether to upgrade when the unifunctional change of complete table The version of list;After the good list of user configuration, if selection upgraded version list can rise a version, otherwise not upgrade version This.
S13 is automatically generated according to form configuration information can be used for the list model of gather data and stores to list model library.
To the carry out configuration information of the complete form generated in step S12;Specifically: generate unique mark of complete form Know;The unique identification includes unique mark of each Form Element;By all Form Element and corresponding unique mark Know and generate list model and store into list model library, and adds list version on list model;The list model library It can be recalled by configuring the page.
Step 2: the functional application needed using the building of list model library;Specifically include step S21 to S22:
S21 provides functional application and configures the page;The configuration page is webpage, the network address of the configuration page is provided, when user accesses the net When location, the configuration page is provided;Configuration page configurable functionality is using the attribute information for needing to present;Configuring the page can configure function Querying attributes needed for energy application query function.
S22 user selects the list model for being suitble to oneself functional application by the configuration page from list model library, The corresponding querying attributes of attribute and function for selecting oneself function that need to present from list model;Needed for the application of user's selection function Latest edition list model, which specific element is used as querying condition in allocation list single model, and allocation list single model where A little element needs show in functional application;
S23, the functional application for meeting user's requirement according to functional attributes and querying attributes building.
Specific embodiment one: such as the flow chart that attached drawing 1 is step one of the invention;
1, the visual configuration page that can pull form controls is provided.
2, user's customizing form attribute information is collected by the visual configuration page.
User arbitrarily pulls Form Element according to functional requirement, pulls good institute's Form Element in need and constitutes function pair The complete form answered.
Such as function needs to collect the following information of employee: name, the age, gender, affiliated function, identification card number, cell-phone number, Post, specific practice are as follows:
The Form Element needed is pulled out from Form Element concentration into the visual configuration page and enters layout panel, is respectively necessary for This text box can be named as name by pulling out text box (name taken can fill in front of text box);Pull out number Frame is named as the age;, pull out radio box, defining radio box option is male, woman general its be named as gender;Pull out text Frame is named as affiliated function, pulls out text box and is named as identity card, pulls out text box and is named as cell-phone number, pulls out text Frame is named as post;Each Form Element as defined above is pulled in layout panel arranges its Show Styles, it such as can be as above Totally seven Form Elements are divided into four rows two column and are arranged, or are divided into three rows three column, are pulled, are pulled according to oneself hobby Good appearance is the list appearance of employee's data collection, What You See Is What You Get;It pulls good all Form Elements and sequences pattern, And a name can be taken for the list of oneself, such as " employee information typing list " can be reserved for the list after having taken name, It is then not necessarily to choose whether upgraded version if it is first time creation list, list version is 1;It defines list later and throws Enter to use, demand, which changes, later collects employee information and need to collect length of service and the working experience of employee, need to only repair at this time " employee information typing list " before changing, then pull a text box and be named as the length of service, pull a multirow text This frame is named as working experience, and list is upgraded to No. 2 versions, so simply just completes the change of this demand, no It needs to go for software company's communication confirmation again to greatly improve work efficiency, and has saved time cost;It only modifies and has deposited List just need to choose whether upgraded version.
3, being automatically generated according to form configuration information can be used for the list model of gather data and stores to list model library.
According to the form configuration information that configuration page configuration is collected, to each list for including in the configuration of each list Element generation uniquely identifies, and all corresponding unique identifications are generated list model and are stored into list model library, and are remembered Record the corresponding relationship of lower Form Element title and unique identification.
Specific embodiment 2 is as shown in Fig. 2 the flow chart of step two of the invention;
1, it provides functional application and configures the page.
2, user selects the list model for being suitble to oneself functional application by the configuration page from list library, from list The corresponding querying attributes of attribute and function for selecting oneself function that need to present in model.
Such as employee information management function has following two o'clock requirement:
1.: corresponding employee can be retrieved according to employee name;2.: the information of all employees needs to show in the form of a list, Showing information includes name, age, gender, affiliated function, identity card, cell-phone number;User's selection function is using required at this time List model is " employee information typing list " as defined above, and " name " is used as querying condition in allocation list single model, and List model name is selected, at the age, gender, affiliated function, identity card, cell-phone number is used as to be showed in functional application;If you need to hidden Hiding identity card and cell-phone number are not shown, do not select identity card and the two Form Elements of cell-phone number that word is presented as feature list Section.
3, meet the functional application of user's requirement according to functional attributes and querying attributes building;Function is generated according to configuration information Corresponding web page address can be applied, user accesses the page that the webpage is to provide functional application;The functional application page packet of generation Containing two parts, top half is that name input frame receives the corresponding query condition value of user, and lower half portion is what function need to be presented Attribute column are as follows: name, age, gender, affiliated function, identity card, cell-phone number;Or is just seen not comprising identity card and cell-phone number Whether two step user configurations include the two Form Elements;The customized employee information management function of what a user is just constructed to this Can, the above invention can allow technology company's code to reach maximum reuse, the development efficiency of software company is provided significantly, and And the personnel for being ignorant of programming completely can be allowed quickly to construct the functional application for meeting oneself needs, greatly improve work Efficiency.
Although the present invention has been described by way of example and in terms of the preferred embodiments, they be not it is for the purpose of limiting the invention, it is any ripe This those skilled in the art is practised, without departing from the spirit and scope of the invention, can make various changes or retouch from working as, therefore guarantor of the invention Shield range should be subject to what claims hereof protection scope was defined.

Claims (1)

1. a kind of dynamic list application mode of What You See Is What You Get, it is characterised in that: the following steps are included:
Step 1: providing the visual configuration page that can pull form controls, constructs list model library;Specifically include step S11 To S13:
S11 provides the visual configuration page that can pull form controls;Specifically: the page and corresponding Webpage correlation will be configured, As configure the corresponding network address of page setup;When user accesses the network address of the configuration page, then corresponding configuration page can be recalled Face;The configuration page face includes the Form Element collection for dragging;The Form Element collection for dragging include: text box, Combobox, digital frame, radio box, multiselect frame, date control, multiline text frame;The configuration page further includes layout panel;Institute The Form Element that user pulls out from Form Element concentration can be used to store by stating layout panel;It is dragged in layout panel Form Element is that user needs according to specific a certain function and selected, and user carries out according to function to corresponding table unit Element is defined;The layout panel can control the display position for the Form Element that user chooses;The configuration page can Preview is realized, i.e. it can be seen that oneself pulling and the Form Element collection after definition after user can be allowed to pull;
S12 collects user's customizing form attribute information by the visual configuration page;User pulls list according to functional requirement Element pulls good institute's Form Element in need and constitutes the corresponding complete form of function;
The complete form further includes version management information;Upgrading list is able to select whether when the unifunctional change of complete table Version;After the good list of user configuration, if selection upgraded version list can rise a version, otherwise not upgraded version;
S13 is automatically generated according to form configuration information can be used for the list model of gather data and stores to list model library;
To the carry out configuration information of the complete form generated in step S12;Specifically: generate the unique identification of complete form;Institute State unique mark that unique identification includes each Form Element;All Form Elements and corresponding unique identification are generated List model is simultaneously stored into list model library, and list version is added on list model;The list model library can lead to The configuration page is crossed to recall;
Step 2: the functional application needed using the building of list model library;Specifically include step S21 to S22:
S21 provides functional application and configures the page;The configuration page is webpage, the network address of the configuration page is provided, when user accesses the net When location, the configuration page is provided;Configuration page configurable functionality is using the attribute information for needing to present;Configuring the page can configure function Querying attributes needed for energy application query function;
S22 user selects the list model for being suitble to oneself functional application by the configuration page from list model library, from table The corresponding querying attributes of attribute and function for selecting oneself function that need to present in single model;User's selection function using it is required most The list model of new version, which specific element is used as querying condition in allocation list single model, and which is first for allocation list single model Element needs to show in functional application;
S23, the functional application for meeting user's requirement according to functional attributes and querying attributes building.
CN201910706355.5A 2019-08-01 2019-08-01 A kind of dynamic list application mode of What You See Is What You Get Pending CN110413976A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910706355.5A CN110413976A (en) 2019-08-01 2019-08-01 A kind of dynamic list application mode of What You See Is What You Get

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910706355.5A CN110413976A (en) 2019-08-01 2019-08-01 A kind of dynamic list application mode of What You See Is What You Get

Publications (1)

Publication Number Publication Date
CN110413976A true CN110413976A (en) 2019-11-05

Family

ID=68365182

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910706355.5A Pending CN110413976A (en) 2019-08-01 2019-08-01 A kind of dynamic list application mode of What You See Is What You Get

Country Status (1)

Country Link
CN (1) CN110413976A (en)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111090421A (en) * 2020-03-25 2020-05-01 绿漫科技有限公司 System for realizing user-defined form based on visual dragging
CN111930370A (en) * 2020-06-17 2020-11-13 石化盈科信息技术有限责任公司 Visualized page processing method and device, computer equipment and storage medium
CN112130943A (en) * 2020-09-09 2020-12-25 中盈优创资讯科技有限公司 Method for self-defining visual layout design
CN112417334A (en) * 2020-11-20 2021-02-26 青岛以萨数据技术有限公司 Workbench for realizing custom function icon, data processing method and device
CN112416342A (en) * 2020-11-04 2021-02-26 杭州讯酷科技有限公司 UI (user interface) quick construction method based on associated fields
CN112540759A (en) * 2020-12-08 2021-03-23 杭州讯酷科技有限公司 Basic element construction method for visual UI interface generation
CN113297825A (en) * 2021-07-23 2021-08-24 苏州恒力智能科技有限公司 Dynamically visualized form application design system and computer readable storage medium
CN113805853A (en) * 2021-09-28 2021-12-17 重庆允成互联网科技有限公司 Software product development system based on industrial internet

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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)
CN106202016A (en) * 2016-07-06 2016-12-07 浪潮软件集团有限公司 Bootstrap-based user-defined form system

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
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)
CN106202016A (en) * 2016-07-06 2016-12-07 浪潮软件集团有限公司 Bootstrap-based user-defined form system

Cited By (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111090421A (en) * 2020-03-25 2020-05-01 绿漫科技有限公司 System for realizing user-defined form based on visual dragging
CN111930370A (en) * 2020-06-17 2020-11-13 石化盈科信息技术有限责任公司 Visualized page processing method and device, computer equipment and storage medium
CN112130943A (en) * 2020-09-09 2020-12-25 中盈优创资讯科技有限公司 Method for self-defining visual layout design
CN112416342A (en) * 2020-11-04 2021-02-26 杭州讯酷科技有限公司 UI (user interface) quick construction method based on associated fields
CN112417334A (en) * 2020-11-20 2021-02-26 青岛以萨数据技术有限公司 Workbench for realizing custom function icon, data processing method and device
CN112540759A (en) * 2020-12-08 2021-03-23 杭州讯酷科技有限公司 Basic element construction method for visual UI interface generation
CN112540759B (en) * 2020-12-08 2024-03-26 杭州讯酷科技有限公司 Basic element construction method for visual UI interface generation
CN113297825A (en) * 2021-07-23 2021-08-24 苏州恒力智能科技有限公司 Dynamically visualized form application design system and computer readable storage medium
CN113805853A (en) * 2021-09-28 2021-12-17 重庆允成互联网科技有限公司 Software product development system based on industrial internet

Similar Documents

Publication Publication Date Title
CN110413976A (en) A kind of dynamic list application mode of What You See Is What You Get
Li et al. Knowledge mapping of hospitality research− A visual analysis using CiteSpace
US7565615B2 (en) Survey generation system
US20080140458A1 (en) Online Booking Method and System
CN107402775A (en) Generation method, the device and system of webpage
US20020049961A1 (en) Rule-based personalization framework
CN101425153A (en) Apparatus and method for generating surveillance view of executable service flowpath
CN103425778A (en) Intelligent development platform for database application system
US20140229390A1 (en) Method and system for event planning
CN109299909A (en) A kind of organizational structure managing device and method
CN109814858A (en) The general UI Component Gallery of WEB front-end based on Vue framework
CN107589941A (en) A kind of method of the instant seating maps scheduling based on DragDropMgr singletons
EP1895407A1 (en) HMI development support apparatus, HMI development support method and HMI development support program
CN112527250A (en) Software development platform based on visualization
CN101354707A (en) Method and apparatus for customizing model entity expression based on expression regulation
CN108415742A (en) Modular interface configuration method and device in distributed energy management system
CN103873548B (en) The method of service providing device and offer user interface
CN108417245A (en) Health account computerized editing method, system and computer equipment
CN107438824A (en) Place and events interface
CN102868746A (en) Method for realizing mobile informationization
CN110334323A (en) Translate data processing method, device, equipment and computer readable storage medium
CN116136880A (en) Data display method and device, electronic equipment and storage medium
JP2005025287A (en) Server of search site and method for providing search page
US20080162458A1 (en) Dynamic construction of selection screens
JP6202653B1 (en) Computer system, management method and program

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: 20191105

RJ01 Rejection of invention patent application after publication