[go: up one dir, main page]

TWI834538B - Interface generating system and interface generating method - Google Patents

Interface generating system and interface generating method Download PDF

Info

Publication number
TWI834538B
TWI834538B TW112113509A TW112113509A TWI834538B TW I834538 B TWI834538 B TW I834538B TW 112113509 A TW112113509 A TW 112113509A TW 112113509 A TW112113509 A TW 112113509A TW I834538 B TWI834538 B TW I834538B
Authority
TW
Taiwan
Prior art keywords
data
interface
module
analysis module
business logic
Prior art date
Application number
TW112113509A
Other languages
Chinese (zh)
Other versions
TW202437743A (en
Inventor
吳陽
馬善勇
Original Assignee
大陸商鼎捷軟件股份有限公司
鼎新電腦股份有限公司
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 大陸商鼎捷軟件股份有限公司, 鼎新電腦股份有限公司 filed Critical 大陸商鼎捷軟件股份有限公司
Application granted granted Critical
Publication of TWI834538B publication Critical patent/TWI834538B/en
Publication of TW202437743A publication Critical patent/TW202437743A/en

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING OR CALCULATING; COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/34Graphical or visual programming
    • GPHYSICS
    • G06COMPUTING OR CALCULATING; 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
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)

Abstract

An interface generating system and an interface generating method are provided. The interface generation system includes a storage device and a processor. The processor is coupled to the storage device, and executes a data docking module, a data analysis module, a recording module, and a reverse analysis module. The processor inputs data source information to the data docking module to generate a metadata set. The data analysis module analyzes the metadata set according to built-in rules to generate data elements. The recording module generates configuration interface and business logic according to the operation data, which are corresponding to the data elements. The reverse analysis module generates corresponding interface data according to the configuration interface and the business logic.

Description

介面生成系統以及介面生成方法Interface generation system and interface generation method

本發明涉及一種介面生成系統以及介面生成方法。The invention relates to an interface generation system and an interface generation method.

隨著互聯網的發展,數據的儲存方式已經由紙本文件的儲存方式轉換為網路上數據檔案的儲存方式。因此,為了應對日益變化的環境和客戶需求,軟體以及介面開發的開發者也需要不斷的且頻繁的分析數據,以進行多次軟體與介面開發的調整。然而,當客戶更換系統或是更換原先配合的軟體發展者時,新的軟體發展者必須根據客戶的需求以及數據開發出適合的軟體與介面。但是,現有的軟體發展者必須根據客戶的需求以及數據逐一的分析、設計、交涉、開發、調整到上線將耗費許多人力成本以及時間成本,並且無法有效率地根據客戶需求調整介面系統。With the development of the Internet, the storage method of data has changed from the storage method of paper documents to the storage method of data files on the Internet. Therefore, in order to cope with the increasingly changing environment and customer needs, developers of software and interface development also need to continuously and frequently analyze data to make multiple adjustments to software and interface development. However, when a customer changes their system or changes the software developer they originally cooperated with, the new software developer must develop suitable software and interfaces based on the customer's needs and data. However, existing software developers must analyze, design, negotiate, develop, and adjust to go online one by one based on customer needs and data, which will consume a lot of labor costs and time costs, and cannot effectively adjust the interface system according to customer needs.

本發明是針對一種介面生成系統以及介面生成方法,可通過記錄模組以及逆解析模組有效地根據使用者需求以及數據生成對應的介面以及介面數據,介面數據包括回應數據的後端代碼。The present invention is directed to an interface generation system and an interface generation method, which can effectively generate corresponding interfaces and interface data according to user needs and data through recording modules and reverse analysis modules. The interface data includes back-end codes that respond to data.

根據本發明的實施例,本發明的介面生成系統包括儲存裝置以及處理器。儲存裝置儲存數據對接模組、數據分析模組、記錄模組以及逆解析模組。處理器耦接儲存裝置,並且執行數據對接模組、數據分析模組、記錄模組以及逆解析模組。處理器將數據來源資訊輸入至數據對接模組,以使數據對接模組產生元數據組。數據分析模組根據內置規則分析元數據組以產生數據組件。記錄模組根據對應數據組件的操作數據產生配置介面以及業務邏輯,並且逆解析模組根據配置介面以及業務邏輯生成對應的介面數據。According to an embodiment of the present invention, the interface generation system of the present invention includes a storage device and a processor. The storage device stores the data docking module, the data analysis module, the recording module and the reverse analysis module. The processor is coupled to the storage device and executes the data docking module, the data analysis module, the recording module and the inverse analysis module. The processor inputs the data source information to the data docking module, so that the data docking module generates a metadata group. The data analysis module analyzes metadata groups according to built-in rules to generate data components. The recording module generates the configuration interface and business logic based on the operation data of the corresponding data component, and the reverse analysis module generates the corresponding interface data based on the configuration interface and business logic.

根據本發明的實施例,本發明的介面生成方法包括以下步驟:將數據來源資訊輸入至數據對接模組,以產生元數據組;根據內置規則分析元數據組,以產生數據組件;根據對應數據組件的操作數據產生配置介面以及業務邏輯;以及根據配置介面以及業務邏輯生成對應的介面數據。According to an embodiment of the present invention, the interface generation method of the present invention includes the following steps: inputting data source information into the data docking module to generate a metadata group; analyzing the metadata group according to built-in rules to generate data components; according to the corresponding data The operation data of the component generates the configuration interface and business logic; and the corresponding interface data is generated based on the configuration interface and business logic.

基於上述,本發明的介面生成系統以及介面生成方法,可根據數據來源資訊以及使用者調整記錄快速地生成對應的介面。並且,通過逆解析模組根據介面生成包括後端代碼的介面數據,以及通過智慧推薦模組根據使用者操作記錄優化與調整介面以及介面數據,以有效地提供符合用戶需求與操作習慣的介面以及介面數據。Based on the above, the interface generation system and interface generation method of the present invention can quickly generate corresponding interfaces based on data source information and user adjustment records. In addition, the inverse analysis module generates interface data including back-end code based on the interface, and the smart recommendation module optimizes and adjusts the interface and interface data based on user operation records to effectively provide an interface that meets user needs and operating habits. interface data.

為讓本發明的上述特徵和優點能更明顯易懂,下文特舉實施例,並配合所附圖式作詳細說明如下。In order to make the above-mentioned features and advantages of the present invention more obvious and easy to understand, embodiments are given below and described in detail with reference to the accompanying drawings.

現將詳細地參考本發明的示範性實施例,示範性實施例的實例說明於附圖中。只要有可能,相同組件符號在圖式和描述中用來表示相同或相似部分。Reference will now be made in detail to the exemplary embodiments of the present invention, examples of which are illustrated in the accompanying drawings. Whenever possible, the same component symbols are used in the drawings and descriptions to represent the same or similar parts.

圖1是本發明的一實施例的介面生成系統的示意圖。參考圖1,介面生成系統100包括處理器110以及儲存裝置120。處理器110耦接儲存裝置120。儲存裝置120用以儲存數據對接模組121、數據分析模組122、記錄模組123、逆解析模組124、介面裝置125以及智慧推薦模組126。在本實施例中,介面生成系統100可通過特定的應用程式介面(Application Programming Interface,API)來接收/提供用於介面生成的數據、代碼(例如後端代碼)以及其他業務服務(Business service)的功能。換言之,使用者可操作介面生成系統100的應用程式介面,以輸入數據來源資訊(例如HTTP URL(Uniform Resource Locator)、數據來源位址、數據庫位址、數據庫帳號密碼、數據庫類型(ex: Oracle、MySQL)、數據類型(例如excel, word, txt)等與生成介面相關的資訊與數據),並且介面生成系統100可根據數據來源資訊自動執行據源對接模組121、數據分析模組122、記錄模組123、逆解析模組124、介面裝置125以及智慧推薦模組126,以快速地根據使用者提供的資訊與數據生成介面以及介面數據,並且根據使用者操作行為調整介面以及介面的數據組件。FIG. 1 is a schematic diagram of an interface generation system according to an embodiment of the present invention. Referring to FIG. 1 , the interface generation system 100 includes a processor 110 and a storage device 120 . The processor 110 is coupled to the storage device 120 . The storage device 120 is used to store the data docking module 121, the data analysis module 122, the recording module 123, the inverse analysis module 124, the interface device 125 and the smart recommendation module 126. In this embodiment, the interface generation system 100 can receive/provide data, code (such as back-end code) and other business services (Business services) for interface generation through a specific Application Programming Interface (API). function. In other words, the user can operate the application programming interface of the interface generation system 100 to input data source information (such as HTTP URL (Uniform Resource Locator), data source address, database address, database account password, database type (ex: Oracle, MySQL), data type (such as excel, word, txt) and other information and data related to the generated interface), and the interface generation system 100 can automatically execute the data source docking module 121, data analysis module 122, and record according to the data source information. The module 123, the reverse analysis module 124, the interface device 125 and the smart recommendation module 126 are used to quickly generate interfaces and interface data based on the information and data provided by the user, and adjust the interface and the data components of the interface based on the user's operating behavior. .

在本實施例中,介面生成系統100可例如是設置在用戶的終端設備中,以供使用者操作且收集以及記錄使用者的操作記錄、操作行為以及編輯記錄。或者,介面生成系統100可例如是設置在雲端伺服器中,以供用戶操作,並連線控制多個終端設備。在本實施例中,處理器110可例如包括中央處理單元(Central Processing Unit,CPU),或是其他可程式設計之一般用途或特殊用途的微處理器(Microprocessor)、數位訊號處理器(Digital Signal Processor,DSP)、特殊應用積體電路(Application Specific Integrated Circuits,ASIC)、可程式設計邏輯器件(Programmable Logic Device,PLD)、其他類似處理電路或這些裝置的組合。儲存裝置120可包括多個記憶體(Memory)及/或數據庫(database),其中儲存裝置120可例如非揮發性記憶體(Non-Volatile Memory,NVM)。儲存裝置120可儲存有用於實現本發明各實施例的相關程式、模組、系統或演算法,以供處理器110存取並執行而實現本發明各實施例所描述的相關功能及操作。在本實施例中,數據對接模組121、數據分析模組122、記錄模組123、逆解析模組124、介面裝置125以及智慧推薦模組126以及其他模組可例如是以JSON(JavaScript Object Notation)、可延伸標記式語言(Extensible Markup Language,XML)或YAML等諸如此類的程式語言來實現的,但本發明也不限於此。In this embodiment, the interface generation system 100 may be, for example, installed in the user's terminal device for the user to operate and collect and record the user's operation records, operation behaviors, and editing records. Alternatively, the interface generation system 100 can be set up in a cloud server, for example, for users to operate and control multiple terminal devices online. In this embodiment, the processor 110 may include, for example, a central processing unit (CPU), or other programmable general-purpose or special-purpose microprocessor (Microprocessor) or digital signal processor (Digital Signal Processor). Processor (DSP), Application Specific Integrated Circuits (ASIC), Programmable Logic Device (PLD), other similar processing circuits or a combination of these devices. The storage device 120 may include multiple memories and/or databases, and the storage device 120 may be, for example, a non-volatile memory (NVM). The storage device 120 may store related programs, modules, systems or algorithms for implementing various embodiments of the present invention, for the processor 110 to access and execute to implement related functions and operations described in various embodiments of the present invention. In this embodiment, the data docking module 121, the data analysis module 122, the recording module 123, the inverse analysis module 124, the interface device 125, the smart recommendation module 126 and other modules can, for example, use JSON (JavaScript Object Notation), Extensible Markup Language (XML) or YAML and other such programming languages, but the present invention is not limited thereto.

圖2是本發明的一實施例的介面生成方法的流程圖。參考圖1以及圖2,本實施例的介面生成系統100可執行如以下步驟S210~S240。在本實施例中,使用者可通訊連接至介面生成系統100的應用程式介面,以輸入以及接收與生成介面以及系統介面有關的數據與資訊。在步驟S210,處理器110將數據來源資訊輸入至數據對接模組121,並且執行數據對接模組121以產生元數據組。在本實施例中,數據來源資訊可以是使用者提供生成介面的基礎數據以及基礎數據的來源,以使數據對接模組121可通過網際網路連線至指定的數據庫。並且,數據對接模組121根據讀取與解析數據來源資訊,以根據數據來源資訊中的數據庫位址、數據庫目錄、數據庫許可權以及/或是數據庫帳密進而檢索以及獲取數據。Figure 2 is a flow chart of an interface generation method according to an embodiment of the present invention. Referring to FIG. 1 and FIG. 2 , the interface generation system 100 of this embodiment may perform the following steps S210 to S240. In this embodiment, the user can communicate with the application programming interface of the interface generation system 100 to input and receive data and information related to the generated interface and the system interface. In step S210, the processor 110 inputs the data source information into the data docking module 121, and executes the data docking module 121 to generate a metadata group. In this embodiment, the data source information may be the basic data provided by the user to generate the interface and the source of the basic data, so that the data docking module 121 can connect to the designated database through the Internet. Furthermore, the data docking module 121 reads and parses the data source information to retrieve and obtain data based on the database address, database directory, database permission and/or database account password in the data source information.

數據來源資訊可例如是超文字傳輸協定(Hypertext Transfer Protocol, HTTP)統一資源定位器(Uniform Resource Locator, URL)、數據來源位址、數據庫位址、數據庫帳密、數據庫類型(例如Oracle以及MySQL)、數據類型(例如試算表(Excel) 文件, 文字檔(Word)以及文字格式(txt)檔)等資訊。也就是說,介面生成系統100以及介面生成方法通過數據對接模組121令介面生成系統100可達到對接主流數據來源的讀取與解析。元數據組可例如是對應數據來源資訊的數據庫表、表數據、以及/或是文本數據。The data source information may be, for example, Hypertext Transfer Protocol (HTTP) Uniform Resource Locator (URL), data source address, database address, database password, database type (such as Oracle and MySQL) , data type (such as spreadsheet (Excel) file, text file (Word) and text format (txt) file) and other information. In other words, the interface generation system 100 and the interface generation method enable the interface generation system 100 to achieve reading and analysis of mainstream data sources through the data docking module 121 . The metadata group may be, for example, a database table, table data, and/or text data corresponding to the data source information.

並且,數據對接模組121所獲取到的數據可例如是終端設備(例如手持裝置、桌上型電腦以及筆記型電腦)的操作、介面、組件配置數據,且數據來源於各個系統。在本實施例中,各個系統例如是客戶關係管理(Customer Relationship Management,CRM)系統、人力資源管理(human resource management,簡稱HRM)、產品生命週期管理(Product Lifecycle Management (PLM)、企業資源規劃(Enterprise Resource Planning,ERP)系統以及業務線(Line-Of-Business LOB)系統等等的系統,本申請不應以此為限。換句話說,介面生成系統100可通過數據對接模組121從數據庫獲取根據各個系統中具備基本的業務邏輯和介面的數據,且將數據登錄至數據分析模組122中。值得說明的是,數據對接模組121可分析數據來源資訊(例如HTTPs URL)作為檢索物件名稱以獲取對應數據來源資訊的相關數據,進而檢索到更多的物件。Moreover, the data acquired by the data docking module 121 may be, for example, operation, interface, and component configuration data of terminal devices (such as handheld devices, desktop computers, and notebook computers), and the data comes from various systems. In this embodiment, each system is, for example, a customer relationship management (CRM) system, human resource management (HRM), product lifecycle management (PLM), enterprise resource planning ( Enterprise Resource Planning (ERP) systems and line-of-business (Line-Of-Business LOB) systems, etc., this application should not be limited to these. In other words, the interface generation system 100 can obtain data from the database through the data docking module 121 Obtain data with basic business logic and interfaces in each system, and log the data into the data analysis module 122. It is worth mentioning that the data docking module 121 can analyze data source information (such as HTTPs URL) as a search object name to obtain relevant data corresponding to the data source information, and then retrieve more objects.

在步驟S220,處理器110通過數據分析模組122根據內置規則分析元數據組以產生數據組件。內置規則可以是預設規則(core rules),例如是那些類型的數據以對應的模板(例如選單、表格、清單、詳情、圓圓形圖、數據圖以及曲線圖)顯示以及綁定對應的交互功能(查詢、修改、刪除、查詢、跳轉)以及對應的動作功能(例如點擊、滑動、對話)。舉例來說,與打卡有關的數據以選單(模板)顯示、以點擊(動作功能)以及用戶點擊後跳轉業面(交互功能)到打卡成功的頁面。數據組件可以是數據經綁定後所對應的交互(即交互功能)、動作(即動作功能)以及模板後所形成的組合數據。In step S220, the processor 110 uses the data analysis module 122 to analyze the metadata group according to built-in rules to generate data components. Built-in rules can be preset rules (core rules), such as those types of data that are displayed in corresponding templates (such as menus, tables, lists, details, circle charts, data charts, and curve charts) and bound to corresponding interactions. Functions (query, modify, delete, query, jump) and corresponding action functions (such as click, slide, dialogue). For example, data related to clocking in is displayed using a menu (template), clicked (action function), and the user clicks to jump to the page (interactive function) to the page where the clocking in is successful. The data component can be the combined data formed by binding the data to the corresponding interaction (i.e., interactive function), action (i.e., action function), and template.

在步驟S230,處理器110通過記錄模組123根據對應數據組件的操作數據產生配置介面以及業務邏輯。操作數據可例如是用戶對交互、動作、模板或是組件的修改/編輯或是新增操作。換言之,操作數據為使用者在系統頁面上做介面佈局的動作與調整的操作數據。配置介面為經過使用者調整與編輯後的介面,業務邏輯為經過使用者的拖拉/配置/編輯所產生的邏輯(即對應使用者操作數據的邏輯),並且業務邏輯對應使用者操作與編輯數據後的介面顯示邏輯。In step S230, the processor 110 generates a configuration interface and business logic according to the operation data of the corresponding data component through the recording module 123. The operation data may be, for example, the user's modification/editing or new operation of interactions, actions, templates or components. In other words, the operation data is the operation data of the user's actions and adjustments to the interface layout on the system page. The configuration interface is the interface adjusted and edited by the user. The business logic is the logic generated by the user's dragging/configuration/editing (that is, the logic corresponding to the user's operation data), and the business logic corresponds to the user's operation and editing data. The subsequent interface display logic.

在步驟S240,處理器110通過逆解析模組124根據配置介面以及業務邏輯生成對應的介面數據。介面數據為對應業務邏輯的介面與畫面(即操作介面、操作畫面以及系統介面)的數據以及代碼。換言之,介面數據為介面代碼以及經調整的介面通過通用介面(或是使用者指定的介面)所生成的代碼。In step S240, the processor 110 generates corresponding interface data according to the configuration interface and business logic through the inverse analysis module 124. The interface data is the data and codes of the interfaces and screens corresponding to the business logic (that is, the operation interface, the operation screen and the system interface). In other words, the interface data is the interface code and the code generated by the adjusted interface through the common interface (or the user-specified interface).

圖3是本發明的一實施例的數據對接模組121、數據分析模組122以及記錄模組123的示意圖。參考圖1至圖3。在步驟S301中,使用者或介面開發者啟動並且輸入數據來源資訊至處理器110以開始介面生成流程。在本發明中,數據對接模組121包括輸入模組1211,並且輸入模組1211根據數據來源資訊獲取對應的數據,並且輸入模組1211可接收使用者的查看指令(例如檢索指令)以顯示對應查看指令的歷史數據,進而提供使用者檢索已使用數據、數據庫中數據以及歷史數據(例如檢索歷史、使用歷史以及輸入歷史)。Figure 3 is a schematic diagram of the data docking module 121, the data analysis module 122 and the recording module 123 according to an embodiment of the present invention. Refer to Figures 1 to 3. In step S301, the user or interface developer starts and inputs data source information to the processor 110 to start the interface generation process. In the present invention, the data docking module 121 includes an input module 1211, and the input module 1211 obtains corresponding data according to the data source information, and the input module 1211 can receive the user's viewing instructions (such as search instructions) to display the corresponding data. View the historical data of the command, thereby providing the user with the ability to retrieve used data, data in the database, and historical data (such as retrieval history, usage history, and input history).

在一實施例中,數據分析模組122根據內置規則對元數據組進行定性分析,並且數據分析模組122對儲存於儲存裝置120的數據進行統計以產生統計數據。數據分析模組122可根據統計數據調整內置規則。內置規則可例如是人工定義的規則,也可以是數據分析模組122根據數據所歸納出來的規則。In one embodiment, the data analysis module 122 performs qualitative analysis on the metadata group according to built-in rules, and the data analysis module 122 performs statistics on the data stored in the storage device 120 to generate statistical data. The data analysis module 122 can adjust built-in rules based on statistical data. The built-in rules may be, for example, manually defined rules or rules summarized by the data analysis module 122 based on the data.

如此一來,數據分析模組122對數據來源(Data Source)中的數據進行定性與定量分析形成數據組件,並儲存於儲存裝置120的組件數據庫中。舉例來說,數據庫中的數據包含有大部分使用者於八點至八點半進行打卡動作,並且打完卡後大部分用戶會接著查看新聞公告,而特定類型的用戶(例如銷售人員)打完卡後會執行補刷卡單的動作。如此,數據分析模組122可提取上述數據特徵(例如動作順序、執行時間點以及使用者類型)以訓練深度學習模型,進而獲得相關於數據的規則(例如銷售人員打卡後補刷卡單)。並且數據分析模組122根據上述歸納出的規則調整內置規則(即根據統計數據調整內置規則)。數據組件可例如是通過分析數據歸納出大部分使用者都通過滑動方式(模板)在早上八點進行打卡(功能),則數據分析模組122根據上述統計結果獲得以滑動方式顯示打卡的數據組件。也就是說,數據組件為不同數據以對應的模板、功能以及交互(例如打完卡跳轉到新聞頁面)的進行顯示與執行的設定數據。In this way, the data analysis module 122 performs qualitative and quantitative analysis on the data in the data source (Data Source) to form data components, and stores them in the component database of the storage device 120 . For example, the data in the database includes that most users check in from 8:00 to 8:30, and after checking in, most users will then check news announcements, while certain types of users (such as sales staff) check in. After the card is completed, the action of replenishing the card order will be executed. In this way, the data analysis module 122 can extract the above-mentioned data features (such as action sequence, execution time point, and user type) to train the deep learning model, and then obtain rules related to the data (such as a salesperson filling in a card order after punching in). And the data analysis module 122 adjusts the built-in rules according to the rules summarized above (ie, adjusts the built-in rules according to the statistical data). The data component may be, for example, by analyzing the data and concluding that most users check in at eight o'clock in the morning (function) through a sliding method (template), then the data analysis module 122 obtains a data component that displays the clocking in in a sliding method based on the above statistical results. . In other words, the data component is the setting data for display and execution of different data with corresponding templates, functions and interactions (for example, jumping to the news page after punching in).

在一實施例中,數據分析模組122包括元素解析模組1221。元素解析模組1221將元數據組根據數據類型劃分為數據庫類型數據以及非數據庫類型數據。數據庫類型數據可例如是數據庫表以及數據庫的內置規則。非數據庫類型數據可例如是數據對接模組121所讀取(獲取)到的文本數據以及圖形數據。In one embodiment, the data analysis module 122 includes an element analysis module 1221. The element parsing module 1221 divides the metadata group into database type data and non-database type data according to the data type. Database type data may be, for example, database tables and built-in rules of the database. Non-database type data may be, for example, text data and graphic data read (acquired) by the data docking module 121 .

在一實施例中,數據分析模組122還包括文本解析模組1222、圖形解析模組1223、佈局解析模組1224以及配色解析模組1225。處理器110通過文本解析模組1222將非數據庫類型數據分離成文本數據以及圖形類數據,並且文本解析模組1222根據內置規則關聯文本數據以及關聯關係記錄。具體來說,文本解析模組1222根據從使用者提供的數據來源資訊所獲取的數據,將數據中的文件數據(文本數據)通過內置規則與其他文件數據進行關聯分析,以及儲存文件關聯關係記錄至儲存裝置120中。換句話說,數據中包括業務部門以及工程部門的員工數據,則文本解析模組1222將員工數據根據內置規則(例如部門類型或是部門分類規則)整理成業務部門員工數據以及功能部門員工數據,並且根據內置規則(例如業務部門上班時間為無硬性規定)將業務部門員工數據與打卡時間彈性類型進行關聯分析,或是將業務部員工數據與彈性打卡地點進行關聯分析。In one embodiment, the data analysis module 122 also includes a text analysis module 1222, a graphics analysis module 1223, a layout analysis module 1224, and a color matching analysis module 1225. The processor 110 separates non-database type data into text data and graphic data through the text parsing module 1222, and the text parsing module 1222 associates text data and association records according to built-in rules. Specifically, the text parsing module 1222 performs correlation analysis on the file data (text data) in the data and other file data through built-in rules based on the data obtained from the data source information provided by the user, and stores file association records. to the storage device 120. In other words, if the data includes employee data of the business department and the engineering department, the text parsing module 1222 organizes the employee data into business department employee data and functional department employee data according to built-in rules (such as department type or department classification rules). And based on the built-in rules (for example, there are no hard and fast rules for business department working hours), the business department employee data is associated with the punch-in time flexible type, or the business department employee data is associated with the flexible punch-in location.

在一實施例中,圖形解析模組1223根據圖形類數據篩選出可識別圖形數據,佈局解析模組1224切割可識別圖形數據以產生多個切割圖形數據,並且配色解析模組1225根據多個切割圖形數據產生對應的多個顏色數據。如此一來,數據分析模組122通過圖形解析模組1223、佈局解析模組1224以及配色解析模組1225辨識以及分析使用者所提供的圖像,並且根據圖像內容將對應的數據儲存於儲存裝置120中。也就是說,數據分析模組122可辨識使用者上傳的圖片或是使用者的介面模板圖像,進而通過分析介面模板,以快速生成使用者指定的介面。In one embodiment, the graphics analysis module 1223 filters out identifiable graphic data according to graphics data, the layout analysis module 1224 cuts the identifiable graphic data to generate multiple cutting graphic data, and the color matching analysis module 1225 selects identifiable graphic data based on multiple cutting patterns. The graphics data generates corresponding multiple color data. In this way, the data analysis module 122 identifies and analyzes the image provided by the user through the graphics analysis module 1223, the layout analysis module 1224, and the color matching analysis module 1225, and stores the corresponding data in the storage according to the image content. in device 120. That is to say, the data analysis module 122 can identify the pictures uploaded by the user or the user's interface template image, and then quickly generate the user-specified interface by analyzing the interface template.

在一實施例中,數據分析模組122包括數據庫解析模組1226、數據模糊匹配模組1227以及操作定義模組1228。數據庫解析模組1226對數據庫類型數據進行數據清洗處理以產生數據物件,數據模糊匹配模組1227根據內置規則對數據物件(Object)進行關係記錄,以產生數據及關聯關係記錄。關係記錄可例如是上述的將業務部門員工數據(即數據物件)與打卡地點/時間自由規則建立關係,並且根據分析以及內置規則進行關聯關係記錄。數據清洗(Data Cleaning)處理是數據庫解析模組1226對數據庫中的數據進行重新審查和校驗的過程。並且,通過數據清洗處理後可刪除重復數據、修改存在的錯誤,並且提供數據的一致性。In one embodiment, the data analysis module 122 includes a database parsing module 1226, a data fuzzy matching module 1227, and an operation definition module 1228. The database parsing module 1226 performs data cleaning processing on database type data to generate data objects. The data fuzzy matching module 1227 performs relationship records on data objects (Objects) according to built-in rules to generate data and association relationship records. The relationship record can be, for example, the above-mentioned relationship between business department employee data (ie, data objects) and punch-in location/time free rules, and associated relationship records based on analysis and built-in rules. Data cleaning is a process in which the database parsing module 1226 re-examines and verifies the data in the database. Moreover, after data cleaning processing, duplicate data can be deleted, existing errors can be modified, and data consistency can be provided.

操作定義模組1228根據關聯關係記錄產生數據流向。數據流向是從數據傳遞角度和數據變化角度,來表達系統以及數據的邏輯功能。也就是說,數據在系統內部的邏輯流向和邏輯變換過程,是結構化系統分析方法的主要表達工具。也就是說,操作定義模組1228可根據關聯關係記錄(例如業務人員打卡後跳轉到新聞頁面)產生數據流向(例如完成打卡後顯示當前新聞數據,以及出勤數據A經由計算後被顯示于請假單上)。The operation definition module 1228 generates data flow according to the association relationship records. Data flow expresses the logical functions of the system and data from the perspective of data transfer and data change. In other words, the logical flow and logical transformation process of data within the system are the main expression tools of structured system analysis methods. That is to say, the operation definition module 1228 can generate a data flow direction (for example, display the current news data after completing the check-in, and the attendance data A is displayed on the leave request form after calculation) based on the association record (for example, the business staff jumps to the news page after punching in). superior).

圖4是本發明的一實施例的記錄模組以及智慧推薦模組的示意圖。請參照圖1至圖4。在一實施例中,記錄模組123包括組件模組1231以及動態預覽模組1232。組件模組1231根據數據流向以及元數據組中關聯的數據生成模板數據。模板數據是數據與對應的模板(例如清單以及詳情)。接著,動態預覽模組1232根據模板數據、預置交互數據以及預置動作數據產生預覽介面。具體而言,動態預覽模組1232根據使用者通過數據來源資訊提供的數據、預先設定的交互數據以及預先設定的動作數據產生預覽介面。在一實施例中,動態預覽模組1232可將預覽介面顯示於顯示幕上或顯示於介面裝置125上。如此一來,使用者可通過動態預覽模組1232查看與確認介面內容以及介面中各數據與組件的配置。Figure 4 is a schematic diagram of a recording module and a smart recommendation module according to an embodiment of the present invention. Please refer to Figure 1 to Figure 4. In one embodiment, the recording module 123 includes a component module 1231 and a dynamic preview module 1232. The component module 1231 generates template data according to the data flow direction and associated data in the metadata group. Template data is data and corresponding templates (such as lists and details). Next, the dynamic preview module 1232 generates a preview interface according to the template data, preset interaction data and preset action data. Specifically, the dynamic preview module 1232 generates a preview interface based on the data provided by the user through data source information, preset interaction data, and preset action data. In one embodiment, the dynamic preview module 1232 can display the preview interface on the display screen or on the interface device 125 . In this way, the user can view and confirm the interface content and the configuration of each data and component in the interface through the dynamic preview module 1232.

在一實施例中,記錄模組123還包括動作模組1233、交互模組1234以及介面模板庫1235。動作模組1233根據使用者操作動作修改預覽介面的動作數據。交互模組1234根據使用者操作交互修改預覽介面的交互數據。組件模組1231根據使用者操作組件修改數據組件。具體而言,使用者通過動態預覽模組1232以及顯示幕/介面裝置125查看目前的預覽介面之時,使用者可通過觸控或輸入裝置(例如滑鼠、鍵盤以及感測器)操作與調整當前的預覽介面,進而輸入使用者調整記錄至介面生成系統100之中。並且,使用者調整記錄包括使用者操作動作、用戶操作交互以及使用者操作組件。也就是說,記錄模組123可將使用者調整記錄中的調整動作功能(即用戶操作動作)、調整交互功能(用戶操作交互)以及調整數據組件(即使用者操作組件)的記錄分別地通過動作模組1233、交互模組1234以及組件模組1231修改對應的動作數據、交互數據以及數據組件。In one embodiment, the recording module 123 also includes an action module 1233, an interaction module 1234, and an interface template library 1235. The action module 1233 modifies the action data of the preview interface according to the user's operation actions. The interaction module 1234 interactively modifies the interactive data of the preview interface according to user operations. The component module 1231 modifies the data component according to the user's operation of the component. Specifically, when the user views the current preview interface through the dynamic preview module 1232 and the display/interface device 125, the user can operate and adjust it through touch or input devices (such as a mouse, keyboard, and sensor). The current preview interface is then input into the interface generation system 100 by user adjustment records. Furthermore, the user adjustment record includes user operation actions, user operation interactions, and user operation components. That is to say, the recording module 123 can record the adjustment action function (i.e., user operation action), the adjustment interaction function (i.e., user operation interaction), and the adjustment data component (i.e., user operation component) in the user adjustment record through respectively The action module 1233, the interaction module 1234 and the component module 1231 modify the corresponding action data, interaction data and data components.

在一實施例中,介面模板庫1235根據預覽介面、動作數據、交互數據以及數據組件產生配置介面以及業務邏輯。舉例而言,動態預覽介面1232顯示數據組件、預置的(Preset)動作功能以及預置的交互功能,接著使用者調整與編輯介面中的數據組件、交互功能以及動作功能,進而調整介面的配置以及與介面有關的設定(例如數據組件、交互功能以及動作功能),並且將編輯好的設定與介面儲存於儲存裝置120中,進而大幅地節省介面開發時必須使用者與開發端多次地溝通與修改的時間成本。在一實施例中,使用者在查看動態預覽介面1232顯示的預覽介面之時,使用者可選擇預覽介面中的介面模板,進而通過將對應的數據物件拖拉到介面上,以綁定選定的數據物件以及模板之間的關聯關係。並且,使用者也可將選定的數據物件配置上新的/預置的交互功能以及動作功能,以調整預覽介面。接著,使用者按下保存/確認按鍵後,介面模板庫1235根據使用者的調整操作以及預覽介面產生配置介面以及業務邏輯。In one embodiment, the interface template library 1235 generates the configuration interface and business logic based on the preview interface, action data, interaction data and data components. For example, the dynamic preview interface 1232 displays data components, preset (Preset) action functions, and preset interactive functions. Then the user adjusts and edits the data components, interactive functions, and action functions in the interface, and then adjusts the configuration of the interface. and interface-related settings (such as data components, interactive functions, and action functions), and the edited settings and interfaces are stored in the storage device 120, thereby greatly saving the need for multiple communications between the user and the development end during interface development. and the time cost of modifications. In one embodiment, when the user views the preview interface displayed by the dynamic preview interface 1232, the user can select an interface template in the preview interface, and then bind the selected data by dragging the corresponding data object onto the interface. The relationship between objects and templates. In addition, users can also configure the selected data objects with new/preset interactive functions and action functions to adjust the preview interface. Then, after the user presses the save/confirm button, the interface template library 1235 generates the configuration interface and business logic based on the user's adjustment operation and preview interface.

也就是說,介面生成系統100根據使用者調整頁面、使用者的調整記錄以及使用者特徵,儲存以及輸出對應的介面資訊。舉例來說,使用者調整顯示頁面的介面區域劃後,介面模板庫1235將調整後的調整記錄儲存為具有使用者標識(例如使用者身分以及使用者帳號)的介面資訊/數據。另一方面,通過大量使用者進行介面資訊的參數調整,當調整次數達到閾值(例如比例值達百分之八十或修改次數達五十次),介面生成系統100則判定此調整記錄為符合使用者習慣的介面資訊。如此,介面模板庫1235根據調整記錄調整配置介面中的設定與數據。That is to say, the interface generation system 100 stores and outputs corresponding interface information based on the user's adjustment page, the user's adjustment record, and the user's characteristics. For example, after the user adjusts the interface area of the display page, the interface template library 1235 stores the adjusted adjustment record as interface information/data with user identification (such as user identity and user account). On the other hand, through a large number of users adjusting the parameters of the interface information, when the number of adjustments reaches a threshold (for example, the proportion value reaches 80% or the number of modifications reaches 50 times), the interface generation system 100 determines that the adjustment record is consistent with Interface information that users are accustomed to. In this way, the interface template library 1235 adjusts the settings and data in the configuration interface according to the adjustment record.

圖5是本發明的一實施例的介面模板庫、逆解析模組以及介面裝置的示意圖。請參照圖1至圖5。在一實施例中,逆解析模組124包括介面元素模型1241以及元素代碼生成模組1242。介面元素模型1241將介面(即經使用者調整後的配置介面)以及業務邏輯轉換為對應的功能外掛程式(例如JavaScript功能外掛程式)數據。接著,元素代碼生成模組1242將介面以及功能外掛程式數據轉換為介面代碼,介面代碼為無數據的介面代碼。Figure 5 is a schematic diagram of an interface template library, a reverse parsing module and an interface device according to an embodiment of the present invention. Please refer to Figure 1 to Figure 5. In one embodiment, the inverse parsing module 124 includes an interface element model 1241 and an element code generation module 1242. The interface element model 1241 converts the interface (ie, the user-adjusted configuration interface) and business logic into corresponding function plug-in (such as JavaScript function plug-in) data. Next, the element code generation module 1242 converts the interface and function plug-in data into interface codes, and the interface codes are interface codes without data.

在一實施例中,逆解析模組124包括數據校準模組1243、介面數據模型1244以及數據介面生成模組1245。數據校準模組1243根據業務邏輯獲得相符數據,相符數據為數據中符合業務邏輯的數據。舉例來說,數據校準模組1243根據職位數據與出勤設定相關聯(業務邏輯)則從數據庫中拉取出與業務邏輯相關聯的打卡功能(動作功能)和顯示職位以及打卡方式(數據組件)。接著,介面數據模型1244根據相符數據以及介面(即配置介面)產生對應介面的數據路徑(即數據庫中的儲存位址、數據目錄以及數據在配置介面中的數據流向),並且數據介面生成模組1245將數據路徑轉換為介面數據(即與生成介面相關的數據、配置數據、數據組件、交互功能以及動作功能),介面數據包括回應數據的後端代碼(Code)。在一實施例中,數據介面生成模組1245可通過現有的關聯式數據庫數據的訪問和持久化的框架(例如Mybatis)中的逆向生成工具將數據路徑轉換為對應物件(Object)以及API介面代碼(即後端代碼)。值得說明的是,通過數據分析模組122、記錄模組123以及逆解析模組124根據使用者配置/編輯的組件、動作以及交互令介面代碼包括業務邏輯。In one embodiment, the inverse analysis module 124 includes a data calibration module 1243, an interface data model 1244, and a data interface generation module 1245. The data calibration module 1243 obtains consistent data according to business logic, and the consistent data is data in the data that conforms to the business logic. For example, the data calibration module 1243 pulls out the punch-in function (action function) and the display position and clock-in method (data component) associated with the business logic from the database based on the association between position data and attendance settings (business logic). Next, the interface data model 1244 generates the data path of the corresponding interface (i.e., the storage address in the database, the data directory, and the data flow direction of the data in the configuration interface) based on the matching data and the interface (i.e., the configuration interface), and the data interface generates a module 1245 converts the data path into interface data (that is, data related to the generated interface, configuration data, data components, interactive functions, and action functions). The interface data includes the back-end code (Code) that responds to the data. In one embodiment, the data interface generation module 1245 can convert the data path into the corresponding object (Object) and API interface code through the reverse generation tool in the existing relational database data access and persistence framework (such as Mybatis). (i.e. backend code). It is worth mentioning that the interface code includes business logic through the data analysis module 122, the recording module 123, and the reverse analysis module 124 according to the components, actions, and interactions configured/edited by the user.

在一實施例中,介面裝置125根據介面代碼以及後端代碼產生對應於業務邏輯的介面(即操作畫面、操作邏輯以及系統組態)。在步驟S302中,使用者或介面開發者確認介面內容符合使用者需求後,可通過觸發/按下輸出按鍵輸入輸出指令至處理器110中以完成介面生成流程。值得注意的是,智慧推薦模組126根據使用者行為數據(即使用者操作記錄)調整介面的配置規則以及數據組件。在一實施例中,介面裝置125可例如是包括處理器(processor)的顯示器(Display),用以將帶有業務邏輯的介面顯示於顯示幕上。也就是說,介面生成系統100的處理器110可根據配置好(即經使用者調整)的數據組件、動作功能以及交互功能自動生成介面代碼。In one embodiment, the interface device 125 generates an interface corresponding to the business logic (ie, operation screen, operation logic, and system configuration) based on the interface code and the back-end code. In step S302, after the user or interface developer confirms that the interface content meets the user's needs, the user or interface developer can input an output command to the processor 110 by triggering/pressing the output button to complete the interface generation process. It is worth noting that the smart recommendation module 126 adjusts the configuration rules and data components of the interface based on user behavior data (ie, user operation records). In one embodiment, the interface device 125 may be, for example, a display including a processor, for displaying an interface with business logic on the display screen. That is to say, the processor 110 of the interface generation system 100 can automatically generate interface code according to the configured (that is, adjusted by the user) data components, action functions, and interactive functions.

綜上所述,本發明的介面生成系統100以及介面生成方法,可根據數據來源資訊以及使用者調整記錄快速地生成對應的介面。並且,通過逆解析模組124根據介面生成包括後端代碼的介面數據,以及通過智慧推薦模組126根據使用者操作記錄優化與調整介面以及介面數據,以有效地提供符合用戶需求與操作習慣的介面以及介面數據。如此,介面生成系統100可有效率地生成與使用者調整相符的系統介面以及操作邏輯(即業務邏輯),以降低介面開發的時間成本以及人力成本,進而提高用戶的使用滿意度與操作效率。In summary, the interface generation system 100 and the interface generation method of the present invention can quickly generate corresponding interfaces based on data source information and user adjustment records. In addition, the inverse analysis module 124 generates interface data including back-end code according to the interface, and the smart recommendation module 126 optimizes and adjusts the interface and interface data according to user operation records to effectively provide user needs and operating habits. interface and interface data. In this way, the interface generation system 100 can efficiently generate system interfaces and operation logic (i.e., business logic) that are consistent with user adjustments, thereby reducing the time cost and labor cost of interface development, thereby improving user satisfaction and operation efficiency.

最後應說明的是:以上各實施例僅用以說明本發明的技術方案,而非對其限制;儘管參照前述各實施例對本發明進行了詳細的說明,本領域的普通技術人員應當理解:其依然可以對前述各實施例所記載的技術方案進行修改,或者對其中部分或者全部技術特徵進行等同替換;而這些修改或者替換,並不使相應技術方案的本質脫離本發明各實施例技術方案的範圍。Finally, it should be noted that the above embodiments are only used to illustrate the technical solution of the present invention, but not to limit it. Although the present invention has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art should understand that: The technical solutions described in the foregoing embodiments can still be modified, or some or all of the technical features can be equivalently replaced; and these modifications or substitutions do not deviate from the essence of the corresponding technical solutions from the technical solutions of the embodiments of the present invention. Scope.

100:介面生成系統100:Interface generation system

110:處理器110: Processor

120:儲存裝置120:Storage device

121:數據對接模組121:Data docking module

1211:輸入模組1211:Input module

122:數據分析模組122:Data analysis module

1221:元素解析模組1221:Element analysis module

1222:文本解析模組1222:Text parsing module

1223:圖形解析模組1223:Graphics analysis module

1224:佈局解析模組1224: Layout analysis module

1225:配色解析模組1225: Color matching analysis module

1226:數據庫解析模組1226:Database parsing module

1227:數據模糊匹配模組1227: Data fuzzy matching module

1228:操作定義模組1228: Operation definition module

123:記錄模組123:Recording module

1231:組件模組1231:Component module

1232:動態預覽模組1232:Dynamic preview module

1233:動作模組1233:Action module

1234:交互模組1234:Interactive module

1235:介面模板庫1235:Interface template library

124:逆解析模組124:Inverse analysis module

1241:介面元素模型1241:Interface element model

1242:元素代碼生成模組1242:Element code generation module

1243:數據校準模組1243:Data calibration module

1244:介面數據模型1244:Interface data model

1245:數據介面生成模組1245:Data interface generation module

125:介面裝置125:Interface device

126:智慧推薦模組126:Smart recommendation module

S210~S240、S301、S302:步驟S210~S240, S301, S302: steps

圖1是本發明的一實施例的介面生成系統的示意圖。 圖2是本發明的一實施例的介面生成方法的流程圖。 圖3是本發明的一實施例的數據對接模組、數據分析模組以及記錄模組的示意圖。 圖4是本發明的一實施例的記錄模組以及智慧推薦模組的示意圖。 圖5是本發明的一實施例的介面模板庫、逆解析模組以及介面裝置的示意圖。 FIG. 1 is a schematic diagram of an interface generation system according to an embodiment of the present invention. Figure 2 is a flow chart of an interface generation method according to an embodiment of the present invention. Figure 3 is a schematic diagram of the data docking module, data analysis module and recording module according to an embodiment of the present invention. Figure 4 is a schematic diagram of a recording module and a smart recommendation module according to an embodiment of the present invention. Figure 5 is a schematic diagram of an interface template library, a reverse parsing module and an interface device according to an embodiment of the present invention.

S210~S240:步驟 S210~S240: steps

Claims (18)

一種介面生成系統,包括:儲存裝置,儲存數據對接模組、數據分析模組、記錄模組以及逆解析模組;以及處理器,耦接所述儲存裝置,並且執行所述數據對接模組、所述數據分析模組、所述記錄模組以及所述逆解析模組,其中所述處理器將數據來源資訊輸入至所述數據對接模組,以使所述數據對接模組產生元數據組,並且所述數據分析模組根據內置規則分析所述元數據組以產生數據組件,其中所述記錄模組根據對應所述數據組件的操作數據產生配置介面以及業務邏輯,並且所述逆解析模組根據所述配置介面以及所述業務邏輯生成對應的介面數據,其中所述數據分析模組包括數據庫解析模組、數據模糊匹配模組以及操作定義模組,並且所述處理器執行所述數據庫解析模組、所述數據模糊匹配模組以及所述操作定義模組,其中所述數據庫解析模組對所述數據庫類型數據進行數據清洗處理以產生數據物件,所述數據模糊匹配模組根據所述內置規則對所述數據物件進行關係記錄,以產生數據及關聯關係記錄,其中所述操作定義模組根據所述關聯關係記錄產生數據流向。 An interface generation system includes: a storage device that stores a data docking module, a data analysis module, a recording module and an inverse analysis module; and a processor that is coupled to the storage device and executes the data docking module, The data analysis module, the recording module and the reverse analysis module, wherein the processor inputs data source information to the data docking module, so that the data docking module generates a metadata group , and the data analysis module analyzes the metadata group according to built-in rules to generate data components, wherein the recording module generates a configuration interface and business logic based on the operation data corresponding to the data component, and the inverse analysis module The group generates corresponding interface data according to the configuration interface and the business logic, wherein the data analysis module includes a database parsing module, a data fuzzy matching module and an operation definition module, and the processor executes the database The parsing module, the data fuzzy matching module and the operation definition module, wherein the database parsing module performs data cleaning processing on the database type data to generate data objects, and the data fuzzy matching module performs data cleaning according to the The built-in rules perform relationship records on the data objects to generate data and association relationship records, wherein the operation definition module generates data flow directions based on the association relationship records. 如請求項1所述的介面生成系統,其中所述數據分析模組根據所述內置規則對所述元數據組進行定性分析,並且所 述數據分析模組對儲存於所述儲存裝置的數據進行統計以產生統計數據,以使所述數據分析模組根據所述統計數據調整所述內置規則。 The interface generation system as described in claim 1, wherein the data analysis module performs qualitative analysis on the metadata group according to the built-in rules, and the The data analysis module performs statistics on the data stored in the storage device to generate statistical data, so that the data analysis module adjusts the built-in rules according to the statistical data. 如請求項1所述的介面生成系統,其中所述數據分析模組包括元素解析模組,並且所述處理器執行所述元素解析模組,其中元素解析模組將所述元數據組根據數據類型劃分為所述數據庫類型數據以及非數據庫類型數據。 The interface generation system of claim 1, wherein the data analysis module includes an element parsing module, and the processor executes the element parsing module, wherein the element parsing module converts the metadata group according to the data Types are divided into database type data and non-database type data. 如請求項3所述的介面生成系統,其中所述數據分析模組還包括文本解析模組、圖形解析模組、佈局解析模組以及配色解析模組,並且所述處理器執行所述文本解析模組、所述圖形解析模組、所述佈局解析模組以及所述配色解析模組,其中所述文本解析模組將所述非數據庫類型數據分離成文本數據以及圖形類數據,並且所述文本解析模組根據所述內置規則關聯所述文本數據以及關聯關係記錄,其中所述圖形解析模組根據所述圖形類數據篩選出可識別圖形數據,所述佈局解析模組切割所述可識別圖形數據以產生多個切割圖形數據,並且所述配色解析模組根據所述多個切割圖形數據產生對應的多個顏色數據。 The interface generation system according to claim 3, wherein the data analysis module further includes a text analysis module, a graphics analysis module, a layout analysis module and a color matching analysis module, and the processor executes the text analysis module, the graphics analysis module, the layout analysis module and the color matching analysis module, wherein the text analysis module separates the non-database type data into text data and graphics data, and the The text parsing module associates the text data and associated relationship records according to the built-in rules, wherein the graphics parsing module filters out identifiable graphic data based on the graphics data, and the layout parsing module cuts the identifiable graphic data Graphic data is used to generate a plurality of cutting graphic data, and the color matching analysis module generates a plurality of corresponding color data according to the plurality of cutting graphic data. 如請求項4所述的介面生成系統,其中所述記錄模組包括組件模組以及動態預覽模組,並且所述處理器執行所述組件模組以及所述動態預覽模組, 其中所述組件模組根據所述數據流向以及所述元數據組中關聯的數據生成模板數據,所述動態預覽模組根據所述模板數據、預置交互數據以及預置動作數據產生預覽介面。 The interface generation system of claim 4, wherein the recording module includes a component module and a dynamic preview module, and the processor executes the component module and the dynamic preview module, The component module generates template data according to the data flow direction and the associated data in the metadata group, and the dynamic preview module generates a preview interface according to the template data, preset interaction data and preset action data. 如請求項5所述的介面生成系統,其中所述記錄模組還包括動作模組、交互模組以及介面模板庫,並且所述處理器執行所述動作模組以及所述交互模組,其中所述動作模組根據使用者操作動作修改所述預覽介面的動作數據,所述交互模組根據使用者操作交互修改所述預覽介面的交互數據,並且所述組件模組根據使用者操作組件修改所述數據組件,其中所述介面模板庫根據所述預覽介面、所述動作數據、所述交互數據以及所述數據組件產生所述配置介面以及所述業務邏輯。 The interface generation system according to claim 5, wherein the recording module further includes an action module, an interaction module and an interface template library, and the processor executes the action module and the interaction module, wherein The action module modifies the action data of the preview interface according to the user's operation, the interaction module modifies the interaction data of the preview interface according to the user's operation, and the component module modifies the component according to the user's operation. The data component, wherein the interface template library generates the configuration interface and the business logic based on the preview interface, the action data, the interaction data and the data component. 如請求項1所述的介面生成系統,其中所述逆解析模組包括介面元素模型以及元素代碼生成模組,並且所述處理器執行所述介面元素模型以及所述元素代碼生成模組,其中所述介面元素模型將所述介面以及所述業務邏輯轉換為對應的功能外掛程式數據,所述元素代碼生成模組將介面以及所述功能外掛程式數據轉換為介面代碼,所述介面代碼為無數據的介面代碼。 The interface generation system according to claim 1, wherein the inverse parsing module includes an interface element model and an element code generation module, and the processor executes the interface element model and the element code generation module, wherein The interface element model converts the interface and the business logic into corresponding functional plug-in data, and the element code generation module converts the interface and the functional plug-in data into interface code, and the interface code is The interface code of the data. 如請求項7所述的介面生成系統,其中所述逆解析模組包括數據校準模組、介面數據模型以及數據介面生成模組, 並且所述處理器執行所述數據校準模組、所述介面數據模型以及所述數據介面生成模組,其中所述數據校準模組根據所述業務邏輯獲得相符數據,所述相符數據為所述數據中符合所述業務邏輯的數據,其中所述介面數據模型根據所述相符數據以及所述介面產生對應所述介面的數據路徑,並且所述數據介面生成模組將所述數據路徑轉換為所述介面數據,所述介面數據包括回應所述數據的後端代碼。 The interface generation system according to claim 7, wherein the inverse analysis module includes a data calibration module, an interface data model and a data interface generation module, And the processor executes the data calibration module, the interface data model and the data interface generation module, wherein the data calibration module obtains consistent data according to the business logic, and the consistent data is the Data in the data that conforms to the business logic, wherein the interface data model generates a data path corresponding to the interface based on the conforming data and the interface, and the data interface generation module converts the data path into the The interface data includes back-end code that responds to the data. 如請求項8所述的介面生成系統,其中還包括介面裝置以及智慧推薦模組,並且所述處理器執行所述智慧推薦模組,其中所述介面裝置根據所述介面代碼以及所述後端代碼產生對應於所述業務邏輯的介面,並且所述智慧推薦模組根據使用者行為數據調整所述介面的配置規則以及所述數據組件,其中所述數據對接模組包括輸入模組,所述輸入模組根據查看指令顯示對應所述查看指令的歷史數據。 The interface generation system as claimed in claim 8, further comprising an interface device and a smart recommendation module, and the processor executes the smart recommendation module, wherein the interface device generates the system according to the interface code and the backend The code generates an interface corresponding to the business logic, and the smart recommendation module adjusts the configuration rules of the interface and the data components according to user behavior data, wherein the data docking module includes an input module, and the The input module displays the historical data corresponding to the viewing instruction according to the viewing instruction. 一種介面生成方法,包括:將數據來源資訊輸入至數據對接模組,以產生元數據組;根據內置規則分析所述元數據組,以產生數據組件;根據對應所述數據組件的操作數據產生配置介面以及業務邏輯;以及根據所述配置介面以及所述業務邏輯生成對應的介面數據, 其中根據所述內置規則分析所述元數據組,以產生所述數據組件的步驟還包括:通過數據庫解析模組對所述數據庫類型數據進行數據清洗處理以產生數據物件;通過數據模糊匹配模組根據所述內置規則對所述數據物件進行關係記錄,以產生數據及關聯關係記錄;以及通過操作定義模組根據所述關聯關係記錄產生數據流向。 An interface generation method, including: inputting data source information into a data docking module to generate a metadata group; analyzing the metadata group according to built-in rules to generate data components; and generating configurations based on operation data corresponding to the data components interface and business logic; and generating corresponding interface data according to the configuration interface and the business logic, The step of analyzing the metadata group according to the built-in rules to generate the data component also includes: performing data cleaning processing on the database type data through a database parsing module to generate data objects; using a data fuzzy matching module Record the relationship of the data object according to the built-in rules to generate data and association relationship records; and generate a data flow direction according to the association relationship records through the operation definition module. 如請求項10所述的介面生成方法,其中根據所述內置規則分析所述元數據組,以產生所述數據組件的步驟包括:根據所述內置規則對所述元數據組進行定性分析;以及對儲存於儲存裝置的數據進行統計以產生統計數據,以根據所述統計數據調整所述內置規則。 The interface generation method according to claim 10, wherein the step of analyzing the metadata group according to the built-in rules to generate the data component includes: qualitatively analyzing the metadata group according to the built-in rules; and Statistics are performed on the data stored in the storage device to generate statistical data, so as to adjust the built-in rules according to the statistical data. 如請求項10所述的介面生成方法,其中根據所述內置規則分析所述元數據組,以產生所述數據組件的步驟包括:通過元素解析模組將所述元數據組根據數據類型劃分為數據庫類型數據以及非數據庫類型數據。 The interface generation method as described in claim 10, wherein the step of analyzing the metadata group according to the built-in rules to generate the data component includes: dividing the metadata group according to the data type through an element parsing module. Database type data as well as non-database type data. 如請求項12所述的介面生成方法,其中根據所述內置規則分析所述元數據組,以產生所述數據組件的步驟還包括:通過文本解析模組將所述非數據庫類型數據分離成文本數據 以及圖形類數據;通過所述文本解析模組根據所述內置規則關聯所述文本數據以及關聯關係記錄;通過圖形解析模組根據所述圖形類數據篩選出可識別圖形數據;通過佈局解析模組切割所述可識別圖形數據以產生多個切割圖形數據;以及通過配色解析模組根據所述多個切割圖形數據產生對應的多個顏色數據。 The interface generation method as described in claim 12, wherein the step of analyzing the metadata group according to the built-in rules to generate the data component further includes: separating the non-database type data into text through a text parsing module data and graphic data; associate the text data and association records through the text parsing module according to the built-in rules; filter out identifiable graphic data according to the graphic data through the graphics parsing module; use the layout parsing module Cutting the identifiable graphic data to generate a plurality of cutting graphic data; and generating a plurality of corresponding color data according to the plurality of cutting graphic data through a color matching analysis module. 如請求項10所述的介面生成方法,其中根據對應所述數據組件的所述操作數據產生所述配置介面以及所述業務邏輯的步驟還包括:通過組件模組根據所述數據流向以及所述元數據組中關聯的數據生成模板數據;以及通過動態預覽模組根據所述模板數據、預置交互數據以及預置動作數據產生預覽介面。 The interface generation method as described in claim 10, wherein the step of generating the configuration interface and the business logic according to the operation data corresponding to the data component further includes: using a component module according to the data flow direction and the The associated data in the metadata group generates template data; and a dynamic preview module generates a preview interface based on the template data, preset interaction data and preset action data. 如請求項14所述的介面生成方法,其中根據對應所述數據組件的所述操作數據產生所述介面以及所述業務邏輯的步驟還包括:通過動作模組根據使用者操作動作修改所述預覽介面的動作數據;通過交互模組根據使用者操作交互修改所述預覽介面的交互 數據;通過所述組件模組根據使用者操作組件修改所述數據組件;以及通過介面模板庫根據所述預覽介面、所述動作數據、所述交互數據以及所述數據組件產生所述配置介面以及所述業務邏輯。 The interface generation method as described in claim 14, wherein the step of generating the interface and the business logic according to the operation data corresponding to the data component further includes: modifying the preview according to user operation actions through an action module Action data of the interface; modify the interaction of the preview interface according to the user's operation through the interaction module data; modify the data component according to the user operation component through the component module; and generate the configuration interface according to the preview interface, the action data, the interaction data and the data component through the interface template library; The business logic. 如請求項10所述的介面生成方法,其中根據所述介面以及所述業務邏輯生成對應的所述介面數據的步驟包括:通過介面元素模型將所述介面以及所述業務邏輯轉換為對應的功能外掛程式數據;通過元素代碼生成模組將所述介面以及所述功能外掛程式數據轉換為介面代碼,所述介面代碼為無數據的介面代碼。 The interface generation method according to claim 10, wherein the step of generating the corresponding interface data according to the interface and the business logic includes: converting the interface and the business logic into corresponding functions through an interface element model Plug-in data; convert the interface and function plug-in data into interface code through an element code generation module, and the interface code is an interface code without data. 如請求項16所述的介面生成方法,其中根據所述介面以及所述業務邏輯生成對應的所述介面數據的步驟還包括:通過數據校準模組根據所述業務邏輯獲得相符數據,所述相符數據為所述數據中符合所述業務邏輯的數據;通過介面數據模型根據所述相符數據以及所述介面產生對應所述介面的數據路徑;以及通過數據介面生成模組將所述數據路徑轉換為所述介面數據,所述介面數據包括回應所述數據的後端代碼。 The interface generation method as described in claim 16, wherein the step of generating the corresponding interface data according to the interface and the business logic further includes: obtaining matching data according to the business logic through a data calibration module, and the matching The data is the data in the data that conforms to the business logic; the interface data model is used to generate a data path corresponding to the interface according to the consistent data and the interface; and the data interface generation module is used to convert the data path into The interface data includes back-end code that responds to the data. 如請求項17所述的介面生成方法,其中根據所述介面以及所述業務邏輯生成對應的所述介面數據的步驟還包括:通過介面裝置根據所述介面代碼以及所述後端代碼產生對應於所述業務邏輯的介面;通過智慧推薦模組根據使用者行為數據調整所述介面的配置規則以及所述數據組件;以及通過所述數據對接模組的輸入模組根據查看指令顯示對應所述查看指令的歷史數據。 The interface generation method according to claim 17, wherein the step of generating the corresponding interface data according to the interface and the business logic further includes: generating the corresponding interface data according to the interface code and the back-end code through an interface device. The interface of the business logic; adjusting the configuration rules of the interface and the data components according to the user behavior data through the smart recommendation module; and displaying the corresponding view according to the view instruction through the input module of the data docking module Historical data for instructions.
TW112113509A 2023-03-13 2023-04-11 Interface generating system and interface generating method TWI834538B (en)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202310237600.9A CN116257229A (en) 2023-03-13 2023-03-13 Interface generating system and interface generating method
CN2023102376009 2023-03-13

Publications (2)

Publication Number Publication Date
TWI834538B true TWI834538B (en) 2024-03-01
TW202437743A TW202437743A (en) 2024-09-16

Family

ID=86682428

Family Applications (1)

Application Number Title Priority Date Filing Date
TW112113509A TWI834538B (en) 2023-03-13 2023-04-11 Interface generating system and interface generating method

Country Status (2)

Country Link
CN (1) CN116257229A (en)
TW (1) TWI834538B (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116257229A (en) * 2023-03-13 2023-06-13 上海鼎捷移动科技有限公司 Interface generating system and interface generating method

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117850786B (en) * 2024-03-07 2024-05-10 长江龙新媒体有限公司 Self-adaptive user interface generation method and system based on user preference

Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW201537435A (en) * 2013-12-18 2015-10-01 Microsoft Technology Licensing Llc Intent-based user experience

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2013170525A1 (en) * 2012-05-16 2013-11-21 Liu Yong Method and device for presenting or drawing logical flow relationship of computer application program organization in the form of logical flow chart
CN112947904A (en) * 2021-03-12 2021-06-11 中国平安财产保险股份有限公司 Active page configuration method, device, equipment and storage medium
CN113849156B (en) * 2021-09-17 2022-06-28 中国科学院软件研究所 Codeless intelligent development system applied to OpenHarmony operating system and application method thereof
CN115454560A (en) * 2022-10-18 2022-12-09 上海鼎捷移动科技有限公司 Interface layout system and interface layout method
CN116257229A (en) * 2023-03-13 2023-06-13 上海鼎捷移动科技有限公司 Interface generating system and interface generating method

Patent Citations (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW201537435A (en) * 2013-12-18 2015-10-01 Microsoft Technology Licensing Llc Intent-based user experience

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116257229A (en) * 2023-03-13 2023-06-13 上海鼎捷移动科技有限公司 Interface generating system and interface generating method

Also Published As

Publication number Publication date
CN116257229A (en) 2023-06-13
TW202437743A (en) 2024-09-16

Similar Documents

Publication Publication Date Title
US10140314B2 (en) Previews for contextual searches
CA2684822C (en) Data transformation based on a technical design document
KR102397495B1 (en) No code web development and operating system, and service method using of it
JP7333832B2 (en) Systems and methods for generation and interactive editing of living documents
US10169374B2 (en) Image searches using image frame context
US10691875B2 (en) Populating visual designs with web content
US10579632B2 (en) Personalized content authoring driven by recommendations
CN107844299A (en) Method for implementing Web application development tool
JP2020504889A (en) Software application development based on spreadsheets
CN105408885A (en) Systems and methods for dialog box customization
US20140136958A1 (en) Relating to distributed access infrastructure for a database
CN101661512A (en) System and method for identifying traditional form information and establishing corresponding Web form
CN103262106A (en) Managing content from structured and unstructured data sources
TWI834538B (en) Interface generating system and interface generating method
CN118484469A (en) Modeling method, system and electronic device for data form
CN117453713A (en) SQL statement generation methods, equipment and storage media for multiple types of databases
CN110333853A (en) Activity card application method, device, equipment and readable storage medium
CN120179247A (en) Data processing method and related equipment based on metadata configuration drive
US20240160638A1 (en) Interactive workflow for data analytics
CN118605873A (en) A management page generation method, device, electronic device and storage medium
CN113703638B (en) Data management page processing method, device, electronic device and storage medium
WO2017090054A1 (en) Editfile
IL270592A (en) System and method for producing transferable, modular web pages
EP4354281A1 (en) Converting an api into a graph api
Cassel et al. Understanding Immediate Weekend Hits and Cult Classics Using Natural Language Processing Script Analysis