TWI834538B - Interface generating system and interface generating method - Google Patents
Interface generating system and interface generating method Download PDFInfo
- 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
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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
-
- Y—GENERAL 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
- Y02—TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
- Y02D—CLIMATE 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/00—Energy 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
Description
本發明涉及一種介面生成系統以及介面生成方法。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
在本實施例中,介面生成系統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
圖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
數據來源資訊可例如是超文字傳輸協定(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
並且,數據對接模組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
在步驟S220,處理器110通過數據分析模組122根據內置規則分析元數據組以產生數據組件。內置規則可以是預設規則(core rules),例如是那些類型的數據以對應的模板(例如選單、表格、清單、詳情、圓圓形圖、數據圖以及曲線圖)顯示以及綁定對應的交互功能(查詢、修改、刪除、查詢、跳轉)以及對應的動作功能(例如點擊、滑動、對話)。舉例來說,與打卡有關的數據以選單(模板)顯示、以點擊(動作功能)以及用戶點擊後跳轉業面(交互功能)到打卡成功的頁面。數據組件可以是數據經綁定後所對應的交互(即交互功能)、動作(即動作功能)以及模板後所形成的組合數據。In step S220, the
在步驟S230,處理器110通過記錄模組123根據對應數據組件的操作數據產生配置介面以及業務邏輯。操作數據可例如是用戶對交互、動作、模板或是組件的修改/編輯或是新增操作。換言之,操作數據為使用者在系統頁面上做介面佈局的動作與調整的操作數據。配置介面為經過使用者調整與編輯後的介面,業務邏輯為經過使用者的拖拉/配置/編輯所產生的邏輯(即對應使用者操作數據的邏輯),並且業務邏輯對應使用者操作與編輯數據後的介面顯示邏輯。In step S230, the
在步驟S240,處理器110通過逆解析模組124根據配置介面以及業務邏輯生成對應的介面數據。介面數據為對應業務邏輯的介面與畫面(即操作介面、操作畫面以及系統介面)的數據以及代碼。換言之,介面數據為介面代碼以及經調整的介面通過通用介面(或是使用者指定的介面)所生成的代碼。In step S240, the
圖3是本發明的一實施例的數據對接模組121、數據分析模組122以及記錄模組123的示意圖。參考圖1至圖3。在步驟S301中,使用者或介面開發者啟動並且輸入數據來源資訊至處理器110以開始介面生成流程。在本發明中,數據對接模組121包括輸入模組1211,並且輸入模組1211根據數據來源資訊獲取對應的數據,並且輸入模組1211可接收使用者的查看指令(例如檢索指令)以顯示對應查看指令的歷史數據,進而提供使用者檢索已使用數據、數據庫中數據以及歷史數據(例如檢索歷史、使用歷史以及輸入歷史)。Figure 3 is a schematic diagram of the
在一實施例中,數據分析模組122根據內置規則對元數據組進行定性分析,並且數據分析模組122對儲存於儲存裝置120的數據進行統計以產生統計數據。數據分析模組122可根據統計數據調整內置規則。內置規則可例如是人工定義的規則,也可以是數據分析模組122根據數據所歸納出來的規則。In one embodiment, the
如此一來,數據分析模組122對數據來源(Data Source)中的數據進行定性與定量分析形成數據組件,並儲存於儲存裝置120的組件數據庫中。舉例來說,數據庫中的數據包含有大部分使用者於八點至八點半進行打卡動作,並且打完卡後大部分用戶會接著查看新聞公告,而特定類型的用戶(例如銷售人員)打完卡後會執行補刷卡單的動作。如此,數據分析模組122可提取上述數據特徵(例如動作順序、執行時間點以及使用者類型)以訓練深度學習模型,進而獲得相關於數據的規則(例如銷售人員打卡後補刷卡單)。並且數據分析模組122根據上述歸納出的規則調整內置規則(即根據統計數據調整內置規則)。數據組件可例如是通過分析數據歸納出大部分使用者都通過滑動方式(模板)在早上八點進行打卡(功能),則數據分析模組122根據上述統計結果獲得以滑動方式顯示打卡的數據組件。也就是說,數據組件為不同數據以對應的模板、功能以及交互(例如打完卡跳轉到新聞頁面)的進行顯示與執行的設定數據。In this way, the
在一實施例中,數據分析模組122包括元素解析模組1221。元素解析模組1221將元數據組根據數據類型劃分為數據庫類型數據以及非數據庫類型數據。數據庫類型數據可例如是數據庫表以及數據庫的內置規則。非數據庫類型數據可例如是數據對接模組121所讀取(獲取)到的文本數據以及圖形數據。In one embodiment, the
在一實施例中,數據分析模組122還包括文本解析模組1222、圖形解析模組1223、佈局解析模組1224以及配色解析模組1225。處理器110通過文本解析模組1222將非數據庫類型數據分離成文本數據以及圖形類數據,並且文本解析模組1222根據內置規則關聯文本數據以及關聯關係記錄。具體來說,文本解析模組1222根據從使用者提供的數據來源資訊所獲取的數據,將數據中的文件數據(文本數據)通過內置規則與其他文件數據進行關聯分析,以及儲存文件關聯關係記錄至儲存裝置120中。換句話說,數據中包括業務部門以及工程部門的員工數據,則文本解析模組1222將員工數據根據內置規則(例如部門類型或是部門分類規則)整理成業務部門員工數據以及功能部門員工數據,並且根據內置規則(例如業務部門上班時間為無硬性規定)將業務部門員工數據與打卡時間彈性類型進行關聯分析,或是將業務部員工數據與彈性打卡地點進行關聯分析。In one embodiment, the
在一實施例中,圖形解析模組1223根據圖形類數據篩選出可識別圖形數據,佈局解析模組1224切割可識別圖形數據以產生多個切割圖形數據,並且配色解析模組1225根據多個切割圖形數據產生對應的多個顏色數據。如此一來,數據分析模組122通過圖形解析模組1223、佈局解析模組1224以及配色解析模組1225辨識以及分析使用者所提供的圖像,並且根據圖像內容將對應的數據儲存於儲存裝置120中。也就是說,數據分析模組122可辨識使用者上傳的圖片或是使用者的介面模板圖像,進而通過分析介面模板,以快速生成使用者指定的介面。In one embodiment, the
在一實施例中,數據分析模組122包括數據庫解析模組1226、數據模糊匹配模組1227以及操作定義模組1228。數據庫解析模組1226對數據庫類型數據進行數據清洗處理以產生數據物件,數據模糊匹配模組1227根據內置規則對數據物件(Object)進行關係記錄,以產生數據及關聯關係記錄。關係記錄可例如是上述的將業務部門員工數據(即數據物件)與打卡地點/時間自由規則建立關係,並且根據分析以及內置規則進行關聯關係記錄。數據清洗(Data Cleaning)處理是數據庫解析模組1226對數據庫中的數據進行重新審查和校驗的過程。並且,通過數據清洗處理後可刪除重復數據、修改存在的錯誤,並且提供數據的一致性。In one embodiment, the
操作定義模組1228根據關聯關係記錄產生數據流向。數據流向是從數據傳遞角度和數據變化角度,來表達系統以及數據的邏輯功能。也就是說,數據在系統內部的邏輯流向和邏輯變換過程,是結構化系統分析方法的主要表達工具。也就是說,操作定義模組1228可根據關聯關係記錄(例如業務人員打卡後跳轉到新聞頁面)產生數據流向(例如完成打卡後顯示當前新聞數據,以及出勤數據A經由計算後被顯示于請假單上)。The
圖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
在一實施例中,記錄模組123還包括動作模組1233、交互模組1234以及介面模板庫1235。動作模組1233根據使用者操作動作修改預覽介面的動作數據。交互模組1234根據使用者操作交互修改預覽介面的交互數據。組件模組1231根據使用者操作組件修改數據組件。具體而言,使用者通過動態預覽模組1232以及顯示幕/介面裝置125查看目前的預覽介面之時,使用者可通過觸控或輸入裝置(例如滑鼠、鍵盤以及感測器)操作與調整當前的預覽介面,進而輸入使用者調整記錄至介面生成系統100之中。並且,使用者調整記錄包括使用者操作動作、用戶操作交互以及使用者操作組件。也就是說,記錄模組123可將使用者調整記錄中的調整動作功能(即用戶操作動作)、調整交互功能(用戶操作交互)以及調整數據組件(即使用者操作組件)的記錄分別地通過動作模組1233、交互模組1234以及組件模組1231修改對應的動作數據、交互數據以及數據組件。In one embodiment, the
在一實施例中,介面模板庫1235根據預覽介面、動作數據、交互數據以及數據組件產生配置介面以及業務邏輯。舉例而言,動態預覽介面1232顯示數據組件、預置的(Preset)動作功能以及預置的交互功能,接著使用者調整與編輯介面中的數據組件、交互功能以及動作功能,進而調整介面的配置以及與介面有關的設定(例如數據組件、交互功能以及動作功能),並且將編輯好的設定與介面儲存於儲存裝置120中,進而大幅地節省介面開發時必須使用者與開發端多次地溝通與修改的時間成本。在一實施例中,使用者在查看動態預覽介面1232顯示的預覽介面之時,使用者可選擇預覽介面中的介面模板,進而通過將對應的數據物件拖拉到介面上,以綁定選定的數據物件以及模板之間的關聯關係。並且,使用者也可將選定的數據物件配置上新的/預置的交互功能以及動作功能,以調整預覽介面。接著,使用者按下保存/確認按鍵後,介面模板庫1235根據使用者的調整操作以及預覽介面產生配置介面以及業務邏輯。In one embodiment, the
也就是說,介面生成系統100根據使用者調整頁面、使用者的調整記錄以及使用者特徵,儲存以及輸出對應的介面資訊。舉例來說,使用者調整顯示頁面的介面區域劃後,介面模板庫1235將調整後的調整記錄儲存為具有使用者標識(例如使用者身分以及使用者帳號)的介面資訊/數據。另一方面,通過大量使用者進行介面資訊的參數調整,當調整次數達到閾值(例如比例值達百分之八十或修改次數達五十次),介面生成系統100則判定此調整記錄為符合使用者習慣的介面資訊。如此,介面模板庫1235根據調整記錄調整配置介面中的設定與數據。That is to say, the
圖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
在一實施例中,逆解析模組124包括數據校準模組1243、介面數據模型1244以及數據介面生成模組1245。數據校準模組1243根據業務邏輯獲得相符數據,相符數據為數據中符合業務邏輯的數據。舉例來說,數據校準模組1243根據職位數據與出勤設定相關聯(業務邏輯)則從數據庫中拉取出與業務邏輯相關聯的打卡功能(動作功能)和顯示職位以及打卡方式(數據組件)。接著,介面數據模型1244根據相符數據以及介面(即配置介面)產生對應介面的數據路徑(即數據庫中的儲存位址、數據目錄以及數據在配置介面中的數據流向),並且數據介面生成模組1245將數據路徑轉換為介面數據(即與生成介面相關的數據、配置數據、數據組件、交互功能以及動作功能),介面數據包括回應數據的後端代碼(Code)。在一實施例中,數據介面生成模組1245可通過現有的關聯式數據庫數據的訪問和持久化的框架(例如Mybatis)中的逆向生成工具將數據路徑轉換為對應物件(Object)以及API介面代碼(即後端代碼)。值得說明的是,通過數據分析模組122、記錄模組123以及逆解析模組124根據使用者配置/編輯的組件、動作以及交互令介面代碼包括業務邏輯。In one embodiment, the
在一實施例中,介面裝置125根據介面代碼以及後端代碼產生對應於業務邏輯的介面(即操作畫面、操作邏輯以及系統組態)。在步驟S302中,使用者或介面開發者確認介面內容符合使用者需求後,可通過觸發/按下輸出按鍵輸入輸出指令至處理器110中以完成介面生成流程。值得注意的是,智慧推薦模組126根據使用者行為數據(即使用者操作記錄)調整介面的配置規則以及數據組件。在一實施例中,介面裝置125可例如是包括處理器(processor)的顯示器(Display),用以將帶有業務邏輯的介面顯示於顯示幕上。也就是說,介面生成系統100的處理器110可根據配置好(即經使用者調整)的數據組件、動作功能以及交互功能自動生成介面代碼。In one embodiment, the
綜上所述,本發明的介面生成系統100以及介面生成方法,可根據數據來源資訊以及使用者調整記錄快速地生成對應的介面。並且,通過逆解析模組124根據介面生成包括後端代碼的介面數據,以及通過智慧推薦模組126根據使用者操作記錄優化與調整介面以及介面數據,以有效地提供符合用戶需求與操作習慣的介面以及介面數據。如此,介面生成系統100可有效率地生成與使用者調整相符的系統介面以及操作邏輯(即業務邏輯),以降低介面開發的時間成本以及人力成本,進而提高用戶的使用滿意度與操作效率。In summary, the
最後應說明的是:以上各實施例僅用以說明本發明的技術方案,而非對其限制;儘管參照前述各實施例對本發明進行了詳細的說明,本領域的普通技術人員應當理解:其依然可以對前述各實施例所記載的技術方案進行修改,或者對其中部分或者全部技術特徵進行等同替換;而這些修改或者替換,並不使相應技術方案的本質脫離本發明各實施例技術方案的範圍。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)
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)
| 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)
| 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)
| 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)
| 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 |
-
2023
- 2023-03-13 CN CN202310237600.9A patent/CN116257229A/en active Pending
- 2023-04-11 TW TW112113509A patent/TWI834538B/en active
Patent Citations (1)
| 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)
| 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 |