CN111104179A - Method for supporting developer mode to self-define component - Google Patents
Method for supporting developer mode to self-define component Download PDFInfo
- Publication number
- CN111104179A CN111104179A CN201911234327.4A CN201911234327A CN111104179A CN 111104179 A CN111104179 A CN 111104179A CN 201911234327 A CN201911234327 A CN 201911234327A CN 111104179 A CN111104179 A CN 111104179A
- Authority
- CN
- China
- Prior art keywords
- component
- components
- developer
- custom
- modifying
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/445—Program loading or initiating
- G06F9/44521—Dynamic linking or loading; Link editing at or after load time, e.g. Java class loading
- G06F9/44526—Plug-ins; Add-ons
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Stored Programmes (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention discloses a method for supporting a developer mode to self-define a component, which comprises the following steps: s1: appointing a component specification, entering a developer mode, and locally installing a command line tool by a developer; s2: determining the type of the component, and downloading a corresponding component template to the local by using a command line tool according to the type of the component; s3: modifying the component template, designing the components according to project requirements, modifying corresponding configuration, previewing the use effect of the components in a visual system in a browser, and finishing the development of the custom components; s4: and after the custom component is developed, executing a related command issuing component, and accessing the existing data visualization system. The method has the characteristics of easiness in operation, high expansibility and the like, and can effectively support abundant and diverse component requirements in the visual page.
Description
Technical Field
The invention relates to a method for supporting a developer mode to self-define a component, and belongs to the technical field of data visualization.
Background
The existing components cannot meet the growing visual demand, new components are added to the original components, so that the system is too bloated, the code coupling degree is increased, and therefore a new component access mechanism is urgently needed to support the existing demand.
The invention aims to provide a method for supporting a developer mode to self-define a component so as to meet the requirement.
Disclosure of Invention
In order to overcome the defects of the prior art, the invention provides a method for supporting the self-defined components of the developer mode, which has the characteristics of easiness in operation, high expansibility and the like and can effectively support rich and diverse component requirements in a visual page.
In order to achieve the above object, the method for supporting the developer mode to customize the component of the invention comprises the following steps:
s1: appointing a component specification, entering a developer mode, and locally installing a command line tool by a developer;
s2: determining the type of the component, and downloading a corresponding component template to the local by using a command line tool according to the type of the component;
s3: modifying the component template, designing the components according to project requirements, modifying corresponding configuration, previewing the use effect of the components in a visual system in a browser, and finishing the development of the custom components;
s4: and after the custom component is developed, executing a related command issuing component, and accessing the existing data visualization system.
Further, the development of custom components includes visual design of components, internally using VUE components, which are the main elements that make up the visual page.
Further, in step S1, the agreed component specification includes a configuration specification and a rendering specification of the component.
Further, in step S3, the modification of the corresponding configuration is to modify the limited configuration within the agreed component specification.
Further, in step S3, the user can view the published components in the data visualization tool, customize the display names, thumbnails of the components, and provide the functions of component online, offline, favorites, and save.
Further, in step S4, the component publishing is to package the component locally and upload the component file and the component thumbnail to the server, and write the component basic information into the database, where the component basic information includes the component name and the component type.
Further, in step S4, the user can use the custom component in the user mode after the component is released, as with the functional internal component.
Further, in step S4, the component publishing includes locally packaging the component and uploading the packaged component to the server, and writing the component basic information into the database.
The method has the characteristics of easy operation, high expansibility and the like, and can effectively support abundant and diverse component requirements in the visual page.
Drawings
The present invention will be further described and illustrated with reference to the following drawings.
FIG. 1 is a system diagram of a method for supporting developer-mode customization components in accordance with a preferred embodiment of the present invention.
Detailed Description
The technical solution of the present invention will be more clearly and completely explained by the description of the preferred embodiments of the present invention with reference to the accompanying drawings.
As shown in FIG. 1, a method for supporting a developer mode customized component in the preferred embodiment of the invention comprises the following steps:
s1: appointing a component specification, entering a developer mode, and locally installing a command line tool by a developer;
s2: determining the type of the component, and downloading a corresponding component template to the local by using a command line tool according to the type of the component;
s3: modifying the component template, designing the components according to project requirements, modifying corresponding configuration, previewing the use effect of the components in a visual system in a browser, and finishing the development of the custom components;
s4: and after the custom component is developed, executing a related command issuing component, and accessing the existing data visualization system.
Specifically, the development of the custom components comprises components in visual design, VUE components are used inside, and the custom components are main elements forming a visual page. Existing data visualization systems refer to systems that generate visualization pages by adding components and configuring them for data and style. In this embodiment, the front end of the existing data visualization system can be implemented by using a front end framework widely used in the industry. Js, the custom component is implemented using values.
In step S1, the agreed component specification includes a configuration specification and a rendering specification of the component.
In step S3, modifying the corresponding configuration is modifying the limited configuration within the agreed component specification. In order to access the original visualization system, a developer needs to develop according to an agreed specification, the specification comprises a rendering specification and a configuration specification, and the original visualization system is accessed according to the same specification, so that the accurate access of the components is ensured.
In step S3, the user can view the published components in the data visualization tool, customize the display names, thumbnails of the components, and provide the functions of component online, offline, favorites, and save. After the local development is completed, a developer can issue the component in a command execution mode, after the command is executed, a command line tool packages the component codes locally on a user, uploads the component codes to a server after the version is determined, and writes basic information of the component into a database.
In step S4, the component publishing is to package the component locally, upload the component file and the component thumbnail to the server, and write the component basic information into the database, where the component basic information includes the component name and the component type.
In step S4, the user can use the custom component in the user mode after the component is released, as in the case of the functional internal component. The access of the components is realized in the system, and the access specifications including configuration specifications and rendering specifications are agreed; developers can customize the components within the specification to a high degree, and most of the requirements in the visualization project can be efficiently realized.
In step S4, the component publishing includes locally packaging the component and uploading the packaged component to the server, and writing the component basic information into the database.
According to the method, a command line tool is provided, a user locally develops the component, locally performs preview test, issues the command after the development is completed, and uses the issued component in the data visualization page to complete the visualization requirement which cannot be met by the existing component.
The above detailed description merely describes preferred embodiments of the present invention and does not limit the scope of the invention. Without departing from the spirit and scope of the present invention, it should be understood that various changes, substitutions and alterations can be made herein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims and their equivalents. The scope of the invention is defined by the claims.
Claims (8)
1. A method for supporting a developer mode to customize a component, comprising the steps of:
s1: appointing a component specification, entering a developer mode, and locally installing a command line tool by a developer;
s2: determining the type of the component, and downloading a corresponding component template to the local by using a command line tool according to the type of the component;
s3: modifying the component template, designing the components according to project requirements, modifying corresponding configuration, previewing the use effect of the components in a visual system in a browser, and finishing the development of the custom components;
s4: and after the custom component is developed, executing a related command issuing component, and accessing the existing data visualization system.
2. The method of supporting developer schema customization components of claim 1, wherein the development of the customization components includes components in visual design, internally using VUE components, the customization components being the main elements that make up a visual page.
3. The method of supporting developer mode custom components according to claim 1, wherein in step S1, the agreed component specification comprises a configuration specification and a rendering specification of the component.
4. The method of claim 1, wherein in step S3, the modifying the corresponding configuration is a modification of a limited configuration within an agreed component specification.
5. The method of claim 1, wherein in step S3, the user can view published components, customize display names, thumbnails of components, and provide functions of component online, offline, favorites, and save in a data visualization tool.
6. The method of claim 1, wherein in step S4, the component publishing comprises uploading the component file and the component thumbnail to the server after the component is packaged locally, and writing component basic information into the database, wherein the component basic information comprises the component name and the component type.
7. The method of claim 1, wherein in step S4, the component is released and in user mode, the user can use the customized component as the functional internal component.
8. The method of claim 1, wherein in step S4, the publishing of the component includes locally packaging the component and uploading the packaged component to a server, and writing component basic information to a database.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911234327.4A CN111104179A (en) | 2019-12-05 | 2019-12-05 | Method for supporting developer mode to self-define component |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911234327.4A CN111104179A (en) | 2019-12-05 | 2019-12-05 | Method for supporting developer mode to self-define component |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN111104179A true CN111104179A (en) | 2020-05-05 |
Family
ID=70421595
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911234327.4A Pending CN111104179A (en) | 2019-12-05 | 2019-12-05 | Method for supporting developer mode to self-define component |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111104179A (en) |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113626067A (en) * | 2020-05-08 | 2021-11-09 | 腾讯科技（深圳）有限公司 | Component publishing method and device |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103051684A (en) * | 2012-12-07 | 2013-04-17 | 百度在线网络技术（北京）有限公司 | Method, system and device for converting website into Web App for displaying |
| CN107577515A (en) * | 2017-10-10 | 2018-01-12 | 北京小度信息科技有限公司 | Extended method, device, electronic equipment and the storage medium of visualization component |
| CN109325203A (en) * | 2018-09-10 | 2019-02-12 | 北京亚鸿世纪科技发展有限公司 | The device of Web system visualization multiplexing is realized in a kind of automation |
| CN110020307A (en) * | 2017-11-30 | 2019-07-16 | 阿里巴巴集团控股有限公司 | A kind of method for drafting and device of client's end-view |
-
2019
- 2019-12-05 CN CN201911234327.4A patent/CN111104179A/en active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103051684A (en) * | 2012-12-07 | 2013-04-17 | 百度在线网络技术（北京）有限公司 | Method, system and device for converting website into Web App for displaying |
| CN107577515A (en) * | 2017-10-10 | 2018-01-12 | 北京小度信息科技有限公司 | Extended method, device, electronic equipment and the storage medium of visualization component |
| CN110020307A (en) * | 2017-11-30 | 2019-07-16 | 阿里巴巴集团控股有限公司 | A kind of method for drafting and device of client's end-view |
| CN109325203A (en) * | 2018-09-10 | 2019-02-12 | 北京亚鸿世纪科技发展有限公司 | The device of Web system visualization multiplexing is realized in a kind of automation |
Cited By (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113626067A (en) * | 2020-05-08 | 2021-11-09 | 腾讯科技（深圳）有限公司 | Component publishing method and device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110597506B (en) | Front-end application visualization development tool and use method | |
| KR101312867B1 (en) | Markup based extensibility for user interfaces | |
| CN112416339A (en) | Page development method and device and computer equipment | |
| WO2015078343A1 (en) | Development method for web development system, and web development system | |
| CN107241227B (en) | Configuration and generation method of network data report | |
| US20140281886A1 (en) | Systems and methods for creating or updating an application using website content | |
| CN102360296A (en) | WEB-based online form development tool | |
| CN108228180A (en) | Real time workshop method and system based on visual interface design | |
| US8756407B2 (en) | Configuration rule prototyping tool | |
| CN113795843A (en) | Generation of dynamic design flow for integrated circuits | |
| CN103631597A (en) | Extensible markup language (XML)-based WEB form engine device and method | |
| CN113032708A (en) | Code-free Web development system | |
| CN110968294B (en) | Business domain model establishing system and method | |
| CN113076096A (en) | Desktop application program development method, device, equipment and storage medium | |
| CN108664242B (en) | Method and device for generating visual interface, electronic equipment and readable storage medium | |
| CN112784342A (en) | Online editing method and device for three-dimensional model of building component | |
| CN104267962A (en) | Description-based interface UI control configuration method | |
| CN114047989A (en) | Dynamic form configuration and rendering method, system and device | |
| de_Almeida Monte-Mor et al. | Applying MDA approach to create graphical user interfaces | |
| CN105468345B (en) | Method for realizing remote change of mobile phone terminal visit operation in quick-elimination system | |
| US11221998B2 (en) | Ingesting and processing content types | |
| CN111104179A (en) | Method for supporting developer mode to self-define component | |
| CN117215556A (en) | Modularized page rapid construction method, system, equipment and medium | |
| TWI834538B (en) | Interface generating system and interface generating method | |
| CN110795067A (en) | Demand prototype reusable method |
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 | ||
| WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20200505 |
|
| WD01 | Invention patent application deemed withdrawn after publication |