標(biāo)準(zhǔn)化控件管理系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)

劉艷

摘 要 由于前端開(kāi)發(fā)復(fù)雜度不斷拓展，代碼與功能管理變成了一個(gè)日益復(fù)雜的工作。本文以代碼開(kāi)發(fā)功能模塊分類的標(biāo)準(zhǔn)化思想，核心是解決開(kāi)發(fā)過(guò)程中利用率比較多的功能代碼的復(fù)用性，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)化控件管理系統(tǒng)。針對(duì)應(yīng)用中存在的問(wèn)題，對(duì)系統(tǒng)的體系結(jié)構(gòu)、功能結(jié)構(gòu)、數(shù)據(jù)庫(kù)設(shè)計(jì)、控件使用及關(guān)鍵代碼進(jìn)行了詳細(xì)的闡述。該系統(tǒng)可以作為開(kāi)發(fā)其他信息管理系統(tǒng)的參考模型。

關(guān)鍵詞 信息系統(tǒng);代碼模塊化管理;標(biāo)準(zhǔn)化設(shè)計(jì)

背景

目前企業(yè)在代碼管理的應(yīng)用中，由于開(kāi)發(fā)需求不斷累積，開(kāi)發(fā)工作不斷推進(jìn)，但是開(kāi)發(fā)過(guò)程中遇到的一系列模塊化的出現(xiàn)不斷重寫(xiě)，耗時(shí)耗力，浪費(fèi)成本;新手程序員對(duì)于一個(gè)項(xiàng)目從未接觸過(guò)的話，不能快速的上手，之前寫(xiě)過(guò)的技術(shù)文檔都沒(méi)有重復(fù)利用。利用率比較低，不能實(shí)現(xiàn)資源與信息共享，已無(wú)法適應(yīng)信息化建設(shè)快速發(fā)展的需要。因此提出模塊化管理的概念，通過(guò)封裝好的二次開(kāi)發(fā)的控件來(lái)定制屬于某個(gè)企業(yè)特質(zhì)的管理系統(tǒng)。企業(yè)通過(guò)應(yīng)用標(biāo)準(zhǔn)化技術(shù)，降低了成本，縮短了產(chǎn)品生產(chǎn)周期，提高了效率，贏得了更大的市場(chǎng)。企業(yè)在實(shí)施模塊化的過(guò)程中需要應(yīng)用相關(guān)軟件系統(tǒng)支持開(kāi)發(fā)過(guò)程和管理代碼開(kāi)發(fā)過(guò)程中的相關(guān)功能。

報(bào)表就是以表格、圖表的形式來(lái)動(dòng)態(tài)展示數(shù)據(jù)，企業(yè)通過(guò)報(bào)表進(jìn)行數(shù)據(jù)分析進(jìn)而用于輔助經(jīng)營(yíng)管理決策。建立標(biāo)準(zhǔn)化控件庫(kù)的目標(biāo)將已經(jīng)開(kāi)發(fā)好的源代碼封裝成企業(yè)級(jí)Web報(bào)表工具，實(shí)現(xiàn)即使零編碼基礎(chǔ)的同事也能出快速開(kāi)發(fā)出報(bào)表，易學(xué)易用，功能強(qiáng)大，簡(jiǎn)單修改參數(shù)文件便可制作中國(guó)式復(fù)雜報(bào)表，輕松實(shí)現(xiàn)報(bào)表的多樣化展示、交互分析、數(shù)據(jù)分析等需求。節(jié)約人力資源，提升開(kāi)發(fā)效率，改進(jìn)開(kāi)發(fā)過(guò)程。

1 標(biāo)準(zhǔn)化控件管理系統(tǒng)的體系結(jié)構(gòu)

將一個(gè)復(fù)雜的項(xiàng)目依據(jù)一定的規(guī)則（規(guī)范）封裝成幾個(gè)標(biāo)準(zhǔn)化控件， 并進(jìn)行組合在一起，標(biāo)準(zhǔn)化控件可以隨時(shí)調(diào)用，隨時(shí)能夠被復(fù)用，解決了很多需要重復(fù)寫(xiě)代碼的問(wèn)題[1]。

2 標(biāo)準(zhǔn)化控件管理系統(tǒng)的主要功能

第一部分 每個(gè)模塊的詳情模塊功能設(shè)置

目的：用戶拿著這串代碼就能使用;

每個(gè)文檔后面給5個(gè)典型實(shí)例以及對(duì)應(yīng)的代碼所在的網(wǎng)址;并且給出這個(gè)功能基本搭建成功的完整說(shuō)明;

加入評(píng)價(jià)點(diǎn)贊次數(shù)的設(shè)置（喜歡就點(diǎn)贊依次累計(jì)）;

可以查詢到所有已完成項(xiàng)目中涉及該功能的所有詳細(xì)信息，幫助用戶快速定位到類似功能。

用戶自己可以往頁(yè)面上添加新的功能，查看別人已經(jīng)添加的歷史記錄。

第二部分初始系統(tǒng)模塊設(shè)置

系統(tǒng)主頁(yè)面實(shí)現(xiàn)目標(biāo)

提供用戶錄入已開(kāi)發(fā)頁(yè)面的錄入及跳轉(zhuǎn)相應(yīng)的功能頁(yè)面;

提供用戶錄入已開(kāi)發(fā)頁(yè)面的數(shù)據(jù)接口錄入及跳轉(zhuǎn)相應(yīng)的功能頁(yè)面;

一鍵查詢出所有相似功能的所有模塊的歷史數(shù)據(jù);一目了然，按時(shí)間，按人，按功能，按項(xiàng)目進(jìn)行不同分類;頁(yè)面查詢，進(jìn)庫(kù)所有頁(yè)面都可以查詢岀來(lái)，按功能搜，便于后面人員直接搜索[2];

3大分類每個(gè)下面又可以細(xì)分，徹底分類出前端開(kāi)發(fā)的樣式將一些通用的模塊代碼封裝成一個(gè)一個(gè)小功能控件，建立統(tǒng)一的標(biāo)準(zhǔn)控件庫(kù)。工程師每一次需要實(shí)現(xiàn)這些功能時(shí)，可以直接調(diào)用對(duì)應(yīng)功能模塊的控件。節(jié)約開(kāi)發(fā)時(shí)間，代碼的復(fù)用性增強(qiáng)。

首先將通用模塊分成圖形模塊，表格模塊、常見(jiàn)功能實(shí)現(xiàn)模塊，每個(gè)模塊都可以不斷迭代更新。圖形模塊可分為條形圖、餅圖、柱狀圖、折線圖、散點(diǎn)圖、甘特圖、燃盡圖、氣泡圖的echarts代碼;表格模塊可以分成表單、表格、篩選框、按鈕、輸入框。

常見(jiàn)功能模塊可以分成：超鏈接效果、滾動(dòng)效果、自動(dòng)生成表格、字和圖切換、點(diǎn)擊跳轉(zhuǎn)、頁(yè)面浮動(dòng)效果等。

4 主要技術(shù)和核心代碼

主要用到j(luò)ava技術(shù)，JS技術(shù)，數(shù)據(jù)庫(kù)寫(xiě)入、刪除、查詢、更新等功能。

5 結(jié)束語(yǔ)

本文利用java和js技術(shù)以及oracle數(shù)據(jù)庫(kù)為基礎(chǔ)，以代碼開(kāi)發(fā)功能模塊分類的標(biāo)準(zhǔn)化思想，解決了開(kāi)發(fā)過(guò)程中利用率比較多的功能代碼的復(fù)用性，設(shè)計(jì)并實(shí)現(xiàn)了一個(gè)基于數(shù)據(jù)庫(kù)的標(biāo)準(zhǔn)化控件管理系統(tǒng)?！皹?biāo)準(zhǔn)化控件”系統(tǒng)完成。“標(biāo)準(zhǔn)化控件”系統(tǒng)，將一個(gè)復(fù)雜的項(xiàng)目代碼依據(jù)一定的規(guī)則封裝成多個(gè)標(biāo)準(zhǔn)化控件，實(shí)現(xiàn)頁(yè)面錄入、接口錄入、功能查詢、功能復(fù)用為一體的平臺(tái)，標(biāo)準(zhǔn)化控件可以隨時(shí)調(diào)用，解決開(kāi)發(fā)過(guò)程中功能代碼復(fù)用性低的問(wèn)題，提高數(shù)據(jù)開(kāi)發(fā)工作的整體效率。

參考文獻(xiàn)

[1] 馬琳.APEX集成BI Publisher實(shí)現(xiàn)PDF報(bào)表輸出[J].電子技術(shù)與軟件工程，2015，74（24）：187-188.

[2] 劉夢(mèng)蘇.基于BI的數(shù)據(jù)中心報(bào)表系統(tǒng)的設(shè)計(jì)研究[J].信息通信，2018，187（7）：137-138.