[發明專利]基于Vue架構的前端財稅方向通用UI組件庫

在審

• 申請號: 202211078677.8
• 申請日: 2022-09-05
• 公開（公告）號: CN115375421A
• 公開（公告）日: 2022-11-22
• 發明（設計）人: 雷登來;吳東;謝中甯;梁興
• 申請（專利權）人: 重慶銳思科技有限責任公司
• 主分類號: G06Q40/00
• 分類號: G06Q40/00;G06F9/451;G06F3/0486;G06F3/0481
• 代理公司: 北京酷愛智慧知識產權代理有限公司 11514
• 代理人: 何忠儀

本發明公開了一種基于Vue架構的前端財稅方向通用UI組件庫，涉及前端技術領域，所述通用UI組件庫包括配置模塊和功能模塊；所述功能模塊包括基礎組件、業務組件和輔助函數庫及其對應的實現代碼。本發明的通過對財稅相關各類組件進行研究、復用性提取和組合，搭建了包括基礎組件、業務組件和公共函數的組件庫，從業務層面出發，更具風格化且大大減少開發量。

技術領域

本發明涉及前端技術領域，具體涉及一種基于Vue架構的前端財稅方向通用UI組件庫。

背景技術

World Wide Web(簡稱WEB)是隨著Internet的普及使用而發展起來的一門技術，它的發明極大地方便了人們對Internet上資源的組織和訪問。

Web前端開發技術包括三個要素：HTML(HyperText Markup Language，超文本標記語言)、CSS(Cascading Style Sheet，層疊樣式表單)和JavaScript(直譯式腳本語言)。隨著互聯網技術的普及，網頁不再只是承載單一的文字和圖片，各種豐富媒體讓網頁的內容更加生動，網頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于JavaScript為標志的前端技術實現的。

然而，隨著網站需求的驚人增長，傳統的基于JavaScript的前端開發已經越來越不能滿足開發需要，雖然JavaScript以其靈活性能實現各種網頁的需求，但是其代碼量卻隨之大幅度上升，代碼的可讀性與維護性急劇惡化。另外，WEB前端采用JavaScript語言開發，后端的開發語言卻多種多樣，這也大大增加了前后端開發人員的溝通難度。

Vue作為構建用戶基礎界面的框架，不會解決業務層面的問題，核心庫只關注視圖層，為我們復雜應用提供驅動，而且Vue原生組件設計不夠風格化。

發明內容

針對現有技術中的缺陷，本發明提供一種基于Vue架構的前端財稅方向通用UI組件庫

本發明的方案為：一種基于Vue架構的前端財稅方向通用UI組件庫，包括配置模塊和功能模塊；

所述配置模塊用于提供接口服務，以實現功能模塊的調用；

所述功能模塊包括基礎組件、業務組件和輔助函數庫及其對應的實現代碼；所述基礎組件用于實現基礎交互功能，所述業務組件用于實現財稅業務功能，所述輔助函數庫用于實現財稅業務函數運算功能。

優選地，所述基礎組件包括基礎交互組件、表單組件、窗體組件、消息組件、導航組件、文件處理組件和數據展示組件。

優選地，所述基礎交互組件包括圖標組件、選擇組件、按鈕組件和頁面結構組件，用于基礎交互功能的實現；

所述表單組件包括配置化表單組件和日期時間組件，用于表單功能的實現；所述窗體組件包括居中消息彈窗組件、確認彈窗組件、抽屜組件、頂部消息彈窗組件和固定消息展示組件，用于窗體功能的實現；

所述導航組件包括鏈接組件和面包屑組件，用于導航功能的實現；所述文件處理組件包括文件預覽組件和文件上傳組件，用于文件處理功能的實現；

所述數據展示組件包括表格組件、樹形組件、展示優化組件、泡泡組件、頁碼組件和滾動組件，用于數據信息展示功能的實現。

優選地，所述輔助函數庫包括第一增強函數、第二增強函數、第三增強函數、下載函數、Excel生成庫。

優選地，所述第一增強函數用于實現基礎運算；

所述第二增強函數用于實現進階運算，其中，所述進階運算包括緩存方法、空值判斷、對象類型判斷、對象類型深度取值判斷、本地數據解析、基礎數據格式化；

所述第三增強函數用于實現指令運算，其中，所述指令包括權限指令、拖拽指令、復制到剪切板指令；